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

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 5.0.0-alpha.3 (2023-02-15)
+
+### Bug Fixes
+
+- **deps:** updated to the latest core alpha ([#8688](https://github.com/patternfly/patternfly-react/issues/8688)) ([5f81928](https://github.com/patternfly/patternfly-react/commit/5f819288d7baaa3806b23c0da8fb26dd4ec12d6b))
+
 # 5.0.0-alpha.2 (2023-02-08)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/Accordion/accordion.css

@@ -23,6 +23,7 @@
   --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
   --pf-c-accordion__toggle--after--Width: var(--pf-global--BorderWidth--lg);
   --pf-c-accordion__toggle--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
+  --pf-c-accordion__toggle--BackgroundColor: transparent;
   --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
   --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
   --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
@@ -137,6 +138,7 @@
   padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
   font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
   font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
+  background-color: var(--pf-c-accordion__toggle--BackgroundColor);
   border: 0;
 }
 .pf-c-accordion__toggle::after {

package/css/components/AppLauncher/app-launcher.css

@@ -17,6 +17,7 @@
   --pf-c-app-launcher__toggle--focus--Color: var(--pf-global--Color--100);
   --pf-c-app-launcher__toggle--disabled--Color: var(--pf-global--disabled-color--200);
   --pf-c-app-launcher__toggle--m-expanded--Color: var(--pf-global--Color--100);
+  --pf-c-app-launcher__toggle--BackgroundColor: transparent;
   --pf-c-app-launcher__menu-search--PaddingTop: var(--pf-global--spacer--sm);
   --pf-c-app-launcher__menu-search--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-app-launcher__menu-search--PaddingBottom: var(--pf-global--spacer--md);
@@ -79,6 +80,7 @@
 .pf-c-app-launcher__toggle {
   padding: var(--pf-c-app-launcher__toggle--PaddingTop) var(--pf-c-app-launcher__toggle--PaddingRight) var(--pf-c-app-launcher__toggle--PaddingBottom) var(--pf-c-app-launcher__toggle--PaddingLeft);
   color: var(--pf-c-app-launcher__toggle--Color);
+  background-color: var(--pf-c-app-launcher__toggle--BackgroundColor);
   border: none;
 }
 .pf-c-app-launcher__toggle:hover {

package/css/components/Breadcrumb/breadcrumb.css

@@ -10,6 +10,7 @@
   --pf-c-breadcrumb__link--hover--Color: var(--pf-global--link--Color--hover);
   --pf-c-breadcrumb__link--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
   --pf-c-breadcrumb__link--m-current--Color: var(--pf-global--Color--100);
+  --pf-c-breadcrumb__link--BackgroundColor: transparent;
   --pf-c-breadcrumb__heading--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
   --pf-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-c-breadcrumb__item--MarginRight) * -1);
@@ -52,6 +53,7 @@
   color: var(--pf-c-breadcrumb__link--Color);
   text-decoration: var(--pf-c-breadcrumb__link--TextDecoration);
   word-break: break-word;
+  background-color: var(--pf-c-breadcrumb__link--BackgroundColor);
 }
 .pf-c-breadcrumb__link:hover {
   --pf-c-breadcrumb__link--Color: var(--pf-c-breadcrumb__link--hover--Color);

package/css/components/ContextSelector/context-selector.css

@@ -26,6 +26,7 @@
   --pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
   --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--md);
   --pf-c-context-selector__toggle--expanded--BorderBottomColor: var(--pf-global--active-color--100);
+  --pf-c-context-selector__toggle--BackgroundColor: transparent;
   --pf-c-context-selector__toggle--m-plain--Color: var(--pf-global--Color--200);
   --pf-c-context-selector__toggle--m-plain--hover--Color: var(--pf-global--Color--100);
   --pf-c-context-selector__toggle--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
@@ -64,6 +65,7 @@
   --pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-global--spacer--lg);
   --pf-c-context-selector__menu-list-item--PaddingBottom: var(--pf-global--spacer--sm);
   --pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-context-selector__menu-list-item--BackgroundColor: transparent;
   --pf-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
   --pf-c-context-selector__menu-list-item--disabled--Color: var(--pf-global--Color--dark-200);
   --pf-c-context-selector__menu-item-icon--Color: var(--pf-global--active-color--100);
@@ -175,6 +177,7 @@
   color: var(--pf-c-context-selector__toggle--Color);
   white-space: nowrap;
   cursor: pointer;
+  background-color: var(--pf-c-context-selector__toggle--BackgroundColor);
   border: none;
 }
 .pf-c-context-selector__toggle::before {
@@ -283,11 +286,12 @@
   padding: var(--pf-c-context-selector__menu-list-item--PaddingTop) var(--pf-c-context-selector__menu-list-item--PaddingRight) var(--pf-c-context-selector__menu-list-item--PaddingBottom) var(--pf-c-context-selector__menu-list-item--PaddingLeft);
   color: var(--pf-c-context-selector__menu-list-item--Color);
   white-space: nowrap;
+  background-color: var(--pf-c-context-selector__menu-list-item--BackgroundColor);
   border: none;
 }
 .pf-c-context-selector__menu-list-item:hover, .pf-c-context-selector__menu-list-item:focus {
+  --pf-c-context-selector__menu-list-item--BackgroundColor: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
   text-decoration: none;
-  background-color: var(--pf-c-context-selector__menu-list-item--hover--BackgroundColor);
 }
 .pf-c-context-selector__menu-list-item.pf-m-disabled, .pf-c-context-selector__menu-list-item:disabled {
   --pf-c-context-selector__menu-list-item--Color: var(--pf-c-context-selector__menu-list-item--disabled--Color);

package/css/components/DataList/data-list.css

@@ -546,6 +546,7 @@
   --pf-c-data-list__toggle-icon--Transition: .2s ease-in 0s;
   --pf-c-data-list__toggle-icon--Rotate: 0;
   --pf-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
+  --pf-c-data-list__item-draggable-button--BackgroundColor: transparent;
   --pf-c-data-list__item-draggable-button--PaddingLeft: var(--pf-global--spacer--md);
   --pf-c-data-list__item-draggable-button--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-data-list__item-draggable-button--MarginTop: calc(var(--pf-global--spacer--lg) * -1);
@@ -617,7 +618,6 @@
   font-size: var(--pf-c-data-list--FontSize);
   line-height: var(--pf-c-data-list--LineHeight);
   overflow-wrap: break-word;
-  list-style-type: disc;
   border-top: var(--pf-c-data-list--BorderTopWidth) solid var(--pf-c-data-list--BorderTopColor);
 }
 @media screen and (min-width: 576px) {
@@ -790,6 +790,7 @@
   flex-direction: column;
   padding: var(--pf-c-data-list__item-draggable-button--PaddingTop) var(--pf-c-data-list__item-draggable-button--PaddingRight) var(--pf-c-data-list__item-draggable-button--PaddingBottom) var(--pf-c-data-list__item-draggable-button--PaddingLeft);
   margin: var(--pf-c-data-list__item-draggable-button--MarginTop) 0 var(--pf-c-data-list__item-draggable-button--MarginBottom) var(--pf-c-data-list__item-draggable-button--MarginLeft);
+  background-color: var(--pf-c-data-list__item-draggable-button--BackgroundColor);
   border: 0;
 }
 .pf-c-data-list__item-draggable-button:hover {

package/css/components/Drawer/drawer.css

@@ -442,7 +442,7 @@
     --pf-c-drawer__splitter--after--BorderLeftWidth: 0;
   }
   .pf-c-drawer > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border,
-.pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
+  .pf-c-drawer.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel.pf-m-no-border {
     --pf-c-drawer--m-expanded__panel--BoxShadow: none;
   }
   .pf-c-drawer__splitter {
@@ -531,15 +531,15 @@
 }
 @media (min-width: 768px) {
   .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content,
-.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
+  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__content {
     flex-shrink: 1;
   }
   .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel,
-.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
+  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel {
     --pf-c-drawer--m-expanded__panel--BoxShadow: none;
   }
   .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
-.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
+  .pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
     background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
   }
   .pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -592,15 +592,15 @@
 }
 @media (min-width: 992px) {
   .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content,
-.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
+  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
     flex-shrink: 1;
   }
   .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel,
-.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
+  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel {
     --pf-c-drawer--m-expanded__panel--BoxShadow: none;
   }
   .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
-.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
+  .pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
     background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
   }
   .pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -653,15 +653,15 @@
 }
 @media (min-width: 1200px) {
   .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content,
-.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
+  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
     flex-shrink: 1;
   }
   .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel,
-.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
+  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel {
     --pf-c-drawer--m-expanded__panel--BoxShadow: none;
   }
   .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
-.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
+  .pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
     background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
   }
   .pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__content {
@@ -714,15 +714,15 @@
 }
 @media (min-width: 1450px) {
   .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content,
-.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
+  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {
     flex-shrink: 1;
   }
   .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel,
-.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
+  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel {
     --pf-c-drawer--m-expanded__panel--BoxShadow: none;
   }
   .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after,
-.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
+  .pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel:not(.pf-m-no-border)::after {
     background-color: var(--pf-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
   }
   .pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__content {

package/css/components/Dropdown/dropdown.css

@@ -50,6 +50,7 @@
   --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
   --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
   --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
+  --pf-c-dropdown__toggle-button--BackgroundColor: transparent;
   --pf-c-dropdown__toggle-progress--Visibility: hidden;
   --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
@@ -275,6 +276,7 @@
 }
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
   color: var(--pf-c-dropdown__toggle-button--Color);
+  background-color: var(--pf-c-dropdown__toggle-button--BackgroundColor);
   border: 0;
 }
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-text {
@@ -509,51 +511,51 @@
 }
 @media (min-width: 576px) {
   .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-sm,
-.pf-c-dropdown__menu.pf-m-align-right-on-sm {
+  .pf-c-dropdown__menu.pf-m-align-right-on-sm {
     right: 0;
   }
   .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-sm,
-.pf-c-dropdown__menu.pf-m-align-left-on-sm {
+  .pf-c-dropdown__menu.pf-m-align-left-on-sm {
     right: auto;
   }
 }
 @media (min-width: 768px) {
   .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-md,
-.pf-c-dropdown__menu.pf-m-align-right-on-md {
+  .pf-c-dropdown__menu.pf-m-align-right-on-md {
     right: 0;
   }
   .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-md,
-.pf-c-dropdown__menu.pf-m-align-left-on-md {
+  .pf-c-dropdown__menu.pf-m-align-left-on-md {
     right: auto;
   }
 }
 @media (min-width: 992px) {
   .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-lg,
-.pf-c-dropdown__menu.pf-m-align-right-on-lg {
+  .pf-c-dropdown__menu.pf-m-align-right-on-lg {
     right: 0;
   }
   .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-lg,
-.pf-c-dropdown__menu.pf-m-align-left-on-lg {
+  .pf-c-dropdown__menu.pf-m-align-left-on-lg {
     right: auto;
   }
 }
 @media (min-width: 1200px) {
   .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-xl,
-.pf-c-dropdown__menu.pf-m-align-right-on-xl {
+  .pf-c-dropdown__menu.pf-m-align-right-on-xl {
     right: 0;
   }
   .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-xl,
-.pf-c-dropdown__menu.pf-m-align-left-on-xl {
+  .pf-c-dropdown__menu.pf-m-align-left-on-xl {
     right: auto;
   }
 }
 @media (min-width: 1450px) {
   .pf-c-dropdown .pf-c-menu.pf-m-align-right-on-2xl,
-.pf-c-dropdown__menu.pf-m-align-right-on-2xl {
+  .pf-c-dropdown__menu.pf-m-align-right-on-2xl {
     right: 0;
   }
   .pf-c-dropdown .pf-c-menu.pf-m-align-left-on-2xl,
-.pf-c-dropdown__menu.pf-m-align-left-on-2xl {
+  .pf-c-dropdown__menu.pf-m-align-left-on-2xl {
     right: auto;
   }
 }

package/css/components/ExpandableSection/expandable-section.css

@@ -9,6 +9,7 @@
   --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
   --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
   --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
+  --pf-c-expandable-section__toggle--BackgroundColor: transparent;
   --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
   --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
   --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
@@ -94,6 +95,7 @@
   padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
   margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
   color: var(--pf-c-expandable-section__toggle--Color);
+  background-color: var(--pf-c-expandable-section__toggle--BackgroundColor);
   border: none;
 }
 .pf-c-expandable-section__toggle:hover {

package/css/components/Label/label.css

@@ -105,6 +105,7 @@
   --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
   --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
   --pf-c-label__content--Color: var(--pf-global--Color--100);
+  --pf-c-label__content--BackgroundColor: transparent;
   --pf-c-label__content--MaxWidth: 100%;
   --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
   --pf-c-label--m-editable__content--MaxWidth: 16ch;
@@ -352,6 +353,7 @@
   white-space: nowrap;
   max-width: var(--pf-c-label__content--MaxWidth);
   color: var(--pf-c-label__content--Color);
+  background-color: var(--pf-c-label__content--BackgroundColor);
   border-width: 0;
 }
 .pf-c-label__content::before {

package/css/components/Login/login.css

@@ -215,7 +215,7 @@
 }
 @media (min-width: 768px) {
   .pf-c-login__main-header-utilities,
-.pf-c-login__main-header .pf-c-dropdown {
+  .pf-c-login__main-header .pf-c-dropdown {
     grid-column: 2/3;
     grid-row: 1;
   }

package/css/components/Menu/menu.css

@@ -150,6 +150,7 @@
   --pf-c-menu__item-action--PaddingBottom: var(--pf-global--spacer--sm);
   --pf-c-menu__item-action--PaddingLeft: var(--pf-global--spacer--md);
   --pf-c-menu__item-action--Color: var(--pf-global--Color--200);
+  --pf-c-menu__item-action--BackgroundColor: transparent;
   --pf-c-menu__item-action--hover--Color: var(--pf-global--Color--100);
   --pf-c-menu__item-action--disabled--Color: var(--pf-global--disabled-color--200);
   --pf-c-menu__item-action--m-favorited--Color: var(--pf-global--palette--gold-400);
@@ -270,6 +271,7 @@
 .pf-c-menu.pf-m-drilldown .pf-c-menu__list {
   position: relative;
   overflow: hidden;
+  visibility: visible;
   transition: var(--pf-c-menu--m-drilldown__list--Transition);
 }
 .pf-c-menu.pf-m-drilldown .pf-c-menu__list .pf-c-menu__list {
@@ -580,6 +582,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   padding-bottom: var(--pf-c-menu__item-action--PaddingBottom);
   padding-left: var(--pf-c-menu__item-action--PaddingLeft);
   color: var(--pf-c-menu__item-action--Color);
+  background-color: var(--pf-c-menu__item-action--BackgroundColor);
   border: none;
 }
 .pf-c-menu__item-action.pf-m-favorite .pf-c-menu__item-action-icon {

package/css/components/MenuToggle/menu-toggle.css

@@ -106,6 +106,7 @@
   --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
   --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
   --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
+  --pf-c-menu-toggle__button--BackgroundColor: transparent;
   --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-global--spacer--md);
@@ -361,6 +362,7 @@
   --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
   --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
   color: inherit;
+  background-color: var(--pf-c-menu-toggle__button--BackgroundColor);
   border: 0;
 }
 

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

package/css/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/css/components/TextInputGroup/text-input-group.css

@@ -20,7 +20,8 @@
   --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-global--spacer--sm);
   --pf-c-text-input-group__text-input--MinWidth: 12ch;
   --pf-c-text-input-group__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
-  --pf-c-text-input-group--placeholder--Color: var(--pf-global--Color--dark-200);
+  --pf-c-text-input-group__text-input--placeholder--Color: var(--pf-global--Color--dark-200);
+  --pf-c-text-input-group__text-input--BackgroundColor: transparent;
   --pf-c-text-input-group__icon--Left: var(--pf-global--spacer--sm);
   --pf-c-text-input-group__icon--Color: var(--pf-global--Color--200);
   --pf-c-text-input-group__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -120,6 +121,7 @@
   width: 100%;
   min-width: var(--pf-c-text-input-group__text-input--MinWidth);
   padding: var(--pf-c-text-input-group__text-input--PaddingTop) var(--pf-c-text-input-group__text-input--PaddingRight) var(--pf-c-text-input-group__text-input--PaddingBottom) var(--pf-c-text-input-group__text-input--PaddingLeft);
+  background-color: var(--pf-c-text-input-group__text-input--BackgroundColor);
   border: 0;
 }
 .pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
@@ -129,7 +131,7 @@
   color: var(--pf-c-text-input-group__text-input--m-hint--Color);
 }
 .pf-c-text-input-group__text-input::placeholder {
-  color: var(--pf-c-text-input-group--placeholder--Color);
+  color: var(--pf-c-text-input-group__text-input--placeholder--Color);
 }
 
 .pf-c-text-input-group__utilities {

package/css/components/Toolbar/toolbar.css

@@ -457,7 +457,7 @@
     --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
   }
   .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__group,
-.pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
+  .pf-m-toggle-group.pf-m-show-on-sm .pf-c-toolbar__item {
     display: flex;
     flex: 0 1 auto;
   }
@@ -470,7 +470,7 @@
     --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
   }
   .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__group,
-.pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
+  .pf-m-toggle-group.pf-m-show-on-md .pf-c-toolbar__item {
     display: flex;
     flex: 0 1 auto;
   }
@@ -483,7 +483,7 @@
     --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
   }
   .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__group,
-.pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
+  .pf-m-toggle-group.pf-m-show-on-lg .pf-c-toolbar__item {
     display: flex;
     flex: 0 1 auto;
   }
@@ -496,7 +496,7 @@
     --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
   }
   .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__group,
-.pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
+  .pf-m-toggle-group.pf-m-show-on-xl .pf-c-toolbar__item {
     display: flex;
     flex: 0 1 auto;
   }
@@ -509,7 +509,7 @@
     --pf-c-toolbar--spacer: var(--pf-c-toolbar__group--m-toggle-group--m-show--spacer);
   }
   .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__group,
-.pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
+  .pf-m-toggle-group.pf-m-show-on-2xl .pf-c-toolbar__item {
     display: flex;
     flex: 0 1 auto;
   }
@@ -543,131 +543,131 @@
 }
 @media (min-width: 576px) {
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm {
     margin-left: auto;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
     margin-left: 0;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm {
     margin-left: 0;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
     margin-left: auto;
   }
   .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-sm,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-sm {
     flex-wrap: nowrap;
   }
   .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-sm,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-sm {
     flex-wrap: wrap;
   }
 }
 @media (min-width: 768px) {
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md {
     margin-left: auto;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
     margin-left: 0;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md {
     margin-left: 0;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
     margin-left: auto;
   }
   .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-md,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-md {
     flex-wrap: nowrap;
   }
   .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-md,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-md {
     flex-wrap: wrap;
   }
 }
 @media (min-width: 992px) {
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg {
     margin-left: auto;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
     margin-left: 0;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg {
     margin-left: 0;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
     margin-left: auto;
   }
   .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-lg,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-lg {
     flex-wrap: nowrap;
   }
   .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-lg,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-lg {
     flex-wrap: wrap;
   }
 }
 @media (min-width: 1200px) {
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl {
     margin-left: auto;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
     margin-left: 0;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl {
     margin-left: 0;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
     margin-left: auto;
   }
   .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-xl,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-xl {
     flex-wrap: nowrap;
   }
   .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-xl,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-xl {
     flex-wrap: wrap;
   }
 }
 @media (min-width: 1450px) {
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl {
     margin-left: auto;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
     margin-left: 0;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl {
     margin-left: 0;
   }
   .pf-c-toolbar .pf-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
     margin-left: auto;
   }
   .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-nowrap-on-2xl,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-nowrap-on-2xl {
     flex-wrap: nowrap;
   }
   .pf-c-toolbar .pf-c-toolbar__content-section.pf-m-wrap-on-2xl,
-.pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
+  .pf-c-toolbar .pf-c-toolbar__group.pf-m-wrap-on-2xl {
     flex-wrap: wrap;
   }
 }

package/css/components/TreeView/tree-view.css

@@ -11,11 +11,12 @@
   --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
   --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
   --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
+  --pf-c-tree-view__node--BackgroundColor: transparent;
   --pf-c-tree-view__node-container--Display: contents;
   --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
   --pf-c-tree-view__node-content--Overflow: visible;
   --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
+  --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
   --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
   --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
   --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -25,6 +26,7 @@
   --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
   --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
   --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
+  --pf-c-tree-view__node-toggle--BackgroundColor: transparent;
   --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
   --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
   --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
@@ -49,10 +51,6 @@
   --pf-c-tree-view__node-text--max-lines: 1;
   --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
-  --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
-  --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
-  --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
   --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
   --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
   --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
@@ -250,13 +248,14 @@
   display: flex;
   padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
   color: var(--pf-c-tree-view__node--Color);
+  background-color: var(--pf-c-tree-view__node--BackgroundColor);
 }
 .pf-c-tree-view__node.pf-m-current {
   --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
   font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
 }
 .pf-c-tree-view__node:focus {
-  background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
+  --pf-c-tree-view__node--BackgroundColor: var(--pf-c-tree-view__node--focus--BackgroundColor);
 }
 .pf-c-tree-view__node .pf-c-tree-view__node-count {
   margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
@@ -303,6 +302,7 @@
   margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
   margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
   color: var(--pf-c-tree-view__node-toggle--Color);
+  background-color: var(--pf-c-tree-view__node-toggle--BackgroundColor);
   border: 0;
   transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
 }
@@ -326,6 +326,7 @@
   font-weight: inherit;
   color: inherit;
   text-align: left;
+  background-color: transparent;
   border: 0;
 }
 label.pf-c-tree-view__node-text {
@@ -357,15 +358,6 @@ label.pf-c-tree-view__node-text {
 
 .pf-c-tree-view__action {
   margin-left: var(--pf-c-tree-view__action--MarginLeft);
-  color: var(--pf-c-tree-view__action--Color);
-  border: 0;
-}
-.pf-c-tree-view__action:hover {
-  --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
-}
-.pf-c-tree-view__action:focus {
-  --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
-  background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
 }
 
 .pf-c-tree-view__list-item .pf-c-tree-view__list-item {

package/css/components/Wizard/wizard.css

@@ -50,6 +50,7 @@
   --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
   --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
   --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
+  --pf-c-wizard__nav-link--BackgroundColor: transparent;
   --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
   --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
   --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
@@ -399,6 +400,7 @@
   text-align: left;
   text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
   word-break: break-word;
+  background-color: var(--pf-c-wizard__nav-link--BackgroundColor);
   border: 0;
 }
 .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {

package/css/docs/components/ContextSelector/examples/context-selector.css

@@ -1,3 +1,7 @@
-#ws-core-c-context-selector-basic, #ws-core-c-context-selector-with-footer, #ws-core-c-context-selector-plain-with-text {
+#ws-core-c-context-selector-basic, #ws-core-c-context-selector-plain-with-text {
   min-height: 380px;
 }
+
+#ws-core-c-context-selector-with-footer {
+  min-height: 420px;
+}

package/css/docs/components/Dropdown/examples/Dropdown.css

@@ -31,11 +31,14 @@
 }
 
 #ws-core-c-dropdown-with-groups,
-#ws-core-c-dropdown-with-groups-and-dividers-between-groups,
-#ws-core-c-dropdown-with-groups-and-dividers-between-items {
+#ws-core-c-dropdown-with-groups-and-dividers-between-groups {
   min-height: 440px;
 }
 
+#ws-core-c-dropdown-with-groups-and-dividers-between-items {
+  min-height: 460px;
+}
+
 #ws-core-c-dropdown-dropdown-with-image-and-text .ws-preview-html {
   min-height: 19rem;
 }

package/css/layouts/Grid/grid.css

@@ -16,31 +16,31 @@
 }
 @media (min-width: 576px) {
   .pf-l-grid > *,
-.pf-l-grid .pf-l-grid__item {
+  .pf-l-grid .pf-l-grid__item {
     order: var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order));
   }
 }
 @media (min-width: 768px) {
   .pf-l-grid > *,
-.pf-l-grid .pf-l-grid__item {
+  .pf-l-grid .pf-l-grid__item {
     order: var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)));
   }
 }
 @media (min-width: 992px) {
   .pf-l-grid > *,
-.pf-l-grid .pf-l-grid__item {
+  .pf-l-grid .pf-l-grid__item {
     order: var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))));
   }
 }
 @media (min-width: 1200px) {
   .pf-l-grid > *,
-.pf-l-grid .pf-l-grid__item {
+  .pf-l-grid .pf-l-grid__item {
     order: var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order)))));
   }
 }
 @media (min-width: 1450px) {
   .pf-l-grid > *,
-.pf-l-grid .pf-l-grid__item {
+  .pf-l-grid .pf-l-grid__item {
     order: var(--pf-l-grid--item--Order-on-2xl, var(--pf-l-grid--item--Order-on-xl, var(--pf-l-grid--item--Order-on-lg, var(--pf-l-grid--item--Order-on-md, var(--pf-l-grid--item--Order-on-sm, var(--pf-l-grid--item--Order))))));
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "5.0.0-alpha.2",
+  "version": "5.0.0-alpha.3",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.0.0-alpha.12",
+    "@patternfly/patternfly": "5.0.0-alpha.18",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "dd91c73c726d471205cc7ce2cf463fa8c1a6e593"
+  "gitHead": "ac3634f9fe9522d2101596a3ff299278194acc15"
 }