@patternfly/react-table 4.34.0 → 4.37.5

package/dist/umd/react-table.css

@@ -200,17 +200,19 @@
   --pf-c-table--tbody--cell--PaddingTop: var(--pf-global--spacer--lg);
   --pf-c-table--tbody--cell--PaddingBottom: var(--pf-global--spacer--lg);
   --pf-c-table--tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
+  --pf-c-table--cell--Padding--base: var(--pf-global--spacer--md);
   --pf-c-table--cell--FontSize: var(--pf-global--FontSize--md);
   --pf-c-table--cell--FontWeight: var(--pf-global--FontWeight--normal);
   --pf-c-table--cell--Color: var(--pf-global--Color--100);
-  --pf-c-table--cell--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-table--cell--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-table--cell--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-table--cell--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-table--cell--PaddingTop: var(--pf-c-table--cell--Padding--base);
+  --pf-c-table--cell--PaddingRight: var(--pf-c-table--cell--Padding--base);
+  --pf-c-table--cell--PaddingBottom: var(--pf-c-table--cell--Padding--base);
+  --pf-c-table--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);
   --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-global--spacer--md);
   --pf-c-table--cell--first-last-child--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-table--cell--first-last-child--xl--PaddingLeft: var(--pf-global--spacer--lg);
   --pf-c-table--cell--first-last-child--xl--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-c-table--cell--Padding--base);
   --pf-c-table--cell--MinWidth: 0;
   --pf-c-table--cell--MaxWidth: none;
   --pf-c-table--cell--Width: auto;
@@ -218,6 +220,10 @@
   --pf-c-table--cell--TextOverflow: clip;
   --pf-c-table--cell--WhiteSpace: normal;
   --pf-c-table--cell--WordBreak: normal;
+  --pf-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
+  --pf-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
   --pf-c-table--cell--m-help--MinWidth: 11ch;
   --pf-c-table--m-truncate--cell--MaxWidth: 1px;
   --pf-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-c-table--cell--PaddingRight) + var(--pf-c-table--cell--PaddingLeft));
@@ -376,6 +382,10 @@
   --pf-c-table--tbody--m-selected--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
   --pf-c-table--tbody--m-selected--hover--tbody--m-selected--BoxShadow: var(--pf-global--BoxShadow--sm-bottom) inset, var(--pf-global--BoxShadow--sm-bottom);
   --pf-c-table--tbody--m-selected--tbody--m-selected--hover--BoxShadow: var(--pf-c-table--tr--m-selected--BoxShadow--top), var(--pf-global--BoxShadow--sm-bottom);
+  --pf-c-table--thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
+  --pf-c-table--thead--m-nested-column-header--tr--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-table--thead--m-nested-column-header--tr--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-table__subhead--Color: var(--pf-global--Color--200);
   color: var(--pf-global--Color--100);
   width: 100%;
   background-color: var(--pf-c-table--BackgroundColor);
@@ -477,6 +487,24 @@
   --pf-c-table--cell--Overflow: visible;
 }
 
+.pf-c-table tr > *.pf-m-border-right::before, .pf-c-table tr > *.pf-m-border-left::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+}
+
+.pf-c-table tr > *.pf-m-border-right::before {
+  border-right: var(--pf-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-c-table--cell--m-border-right--before--BorderRightColor);
+}
+
+.pf-c-table tr > *.pf-m-border-left::before {
+  border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
+}
+
 .pf-c-table caption {
   padding-top: var(--pf-c-table-caption--PaddingTop);
   padding-bottom: var(--pf-c-table-caption--PaddingBottom);
@@ -493,6 +521,34 @@
   vertical-align: bottom;
 }
 
+.pf-c-table thead.pf-m-nested-column-header button {
+  outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset);
+}
+
+.pf-c-table thead.pf-m-nested-column-header th,
+.pf-c-table thead.pf-m-nested-column-header td {
+  vertical-align: middle;
+}
+
+.pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
+.pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
+  --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
+}
+
+.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) {
+  --pf-c-table--border-width--base: 0;
+}
+
+.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) th:not([rowspan]),
+.pf-c-table thead.pf-m-nested-column-header tr:not(:last-child) td:not([rowspan]) {
+  --pf-c-table--cell--PaddingBottom: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingBottom);
+}
+
+.pf-c-table thead .pf-c-table__subhead {
+  --pf-c-table__sort__button__text--Color: var(--pf-c-table__subhead--Color);
+  color: var(--pf-c-table__subhead--Color);
+}
+
 .pf-c-table tbody {
   --pf-c-table--cell--PaddingTop: var(--pf-c-table--tbody--cell--PaddingTop);
   --pf-c-table--cell--PaddingBottom: var(--pf-c-table--tbody--cell--PaddingBottom);
@@ -637,6 +693,10 @@
   box-shadow: var(--pf-c-table--tr--m-selected--hover--m-selected--BoxShadow);
 }
 
+.pf-c-table tr.pf-m-first-cell-offset-reset {
+  --pf-c-table--cell--first-last-child--PaddingLeft: var(--pf-c-table--tr--m-first-cell-offset-reset--cell--PaddingLeft);
+}
+
 .pf-c-table tbody.pf-m-hoverable {
   cursor: pointer;
   background-color: var(--pf-c-table--tbody--m-hoverable--BackgroundColor);
@@ -5109,14 +5169,14 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-tooltip--MaxWidth: 18.75rem;
   --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
   --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
   --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
   --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
   --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
   --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-tooltip__arrow--Width: var(--pf-global--arrow--width);
-  --pf-c-tooltip__arrow--Height: var(--pf-global--arrow--width);
+  --pf-c-tooltip__arrow--Width: 0.5rem;
+  --pf-c-tooltip__arrow--Height: 0.5rem;
   --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
   --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
   --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
@@ -5332,7 +5392,7 @@ label.pf-c-check, .pf-c-check__label,
 }
 
 .pf-c-dropdown.pf-m-full-height:hover .pf-c-dropdown__toggle::before {
-  border-bottom-width: var(--pf-c-context-selector--m-full-height__toggle--hover--before--BorderBottomWidth);
+  border-bottom-width: var(--pf-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth);
 }
 
 .pf-c-dropdown__toggle {
@@ -8714,6 +8774,7 @@ button.pf-c-breadcrumb__link {
   --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-global--BorderColor--200);
   --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-global--BorderColor--300);
   --pf-c-context-selector__toggle--Color: var(--pf-global--Color--100);
+  --pf-c-context-selector__toggle--hover--BorderBottomWidth: var(--pf-c-context-selector__toggle--BorderWidth);
   --pf-c-context-selector__toggle--hover--BorderBottomColor: var(--pf-global--active-color--100);
   --pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--md);
   --pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
@@ -8766,12 +8827,57 @@ button.pf-c-breadcrumb__link {
   --pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
   --pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
   --pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
+  --pf-c-context-selector--m-large__toggle--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-large__toggle--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
+  --pf-c-context-selector--m-large__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
+  --pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
+  --pf-c-context-selector--m-page-insets__toggle--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft: var(--pf-global--spacer--lg);
   position: relative;
   display: inline-block;
   width: var(--pf-c-context-selector--Width);
   max-width: 100%;
 }
 
+@media screen and (min-width: 1200px) {
+  .pf-c-context-selector {
+    --pf-c-context-selector--m-page-insets__toggle--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight);
+    --pf-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft);
+    --pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight);
+    --pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft);
+    --pf-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight);
+    --pf-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft);
+    --pf-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight);
+    --pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft);
+    --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight);
+    --pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft);
+    --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight);
+    --pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft);
+  }
+}
 .pf-c-context-selector.pf-m-full-height {
   --pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth);
   --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth);
@@ -8794,6 +8900,29 @@ button.pf-c-breadcrumb__link {
   border-bottom-width: var(--pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth);
 }
 
+.pf-c-context-selector.pf-m-large {
+  --pf-c-context-selector__toggle--PaddingTop: var(--pf-c-context-selector--m-large__toggle--PaddingTop);
+  --pf-c-context-selector__toggle--PaddingBottom: var(--pf-c-context-selector--m-large__toggle--PaddingBottom);
+  --pf-c-context-selector__toggle--hover--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth);
+  --pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--active--BorderBottomWidth);
+  --pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth);
+}
+
+.pf-c-context-selector.pf-m-page-insets {
+  --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--PaddingRight);
+  --pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--PaddingLeft);
+  --pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight);
+  --pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft);
+  --pf-c-context-selector__menu-search--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-search--PaddingRight);
+  --pf-c-context-selector__menu-search--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-search--PaddingLeft);
+  --pf-c-context-selector__menu-footer--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-footer--PaddingRight);
+  --pf-c-context-selector__menu-footer--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft);
+  --pf-c-context-selector__toggle--m-plain--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight);
+  --pf-c-context-selector__toggle--m-plain--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft);
+  --pf-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight);
+  --pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft);
+}
+
 .pf-c-context-selector__toggle {
   position: relative;
   display: flex;
@@ -8820,6 +8949,7 @@ button.pf-c-breadcrumb__link {
 
 .pf-c-context-selector__toggle:hover::before {
   --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--hover--BorderBottomColor);
+  border-bottom-width: var(--pf-c-context-selector__toggle--hover--BorderBottomWidth);
 }
 
 .pf-c-context-selector__toggle:active::before, .pf-c-context-selector__toggle.pf-m-active::before, .pf-c-context-selector__toggle:focus-within::before {
@@ -14234,6 +14364,7 @@ ul.pf-c-list {
   --pf-c-context-selector--Width: var(--pf-c-masthead--c-context-selector--Width);
   --pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector__toggle--BorderTopColor);
   --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector__toggle--BorderRightColor);
+  --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector__toggle--BorderBottomColor);
   --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector__toggle--BorderLeftColor);
 }
 
@@ -15699,19 +15830,8 @@ ul.pf-c-list {
     --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
   }
 }
-.pf-l-bullseye {
-  --pf-l-bullseye--Padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  padding: var(--pf-l-bullseye--Padding);
-  margin: 0;
-}
-
 .pf-c-nav {
   --pf-c-nav--Transition: var(--pf-global--Transition);
-  --pf-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
   --pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
   --pf-c-nav--m-light__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
   --pf-c-nav--m-light__link--Color: var(--pf-global--Color--dark-100);
@@ -15736,6 +15856,10 @@ ul.pf-c-list {
   --pf-c-nav__item--MarginTop: 0;
   --pf-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
   --pf-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: var(--pf-global--BorderWidth--xl);
+  --pf-c-nav__item__item__link--PaddingRight: var(--pf-global--spacer--xl);
+  --pf-c-nav__item__item__toggle--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-nav__item__toggle-icon--Rotate: 0;
+  --pf-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
   --pf-c-nav__item--before--BorderColor: var(--pf-global--BackgroundColor--dark-200);
   --pf-c-nav__item--before--BorderWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-nav__link--FontSize: var(--pf-global--FontSize--md);
@@ -15871,6 +15995,9 @@ ul.pf-c-list {
   --pf-c-nav__subnav__link--active--after--BorderWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-nav__subnav__link--m-current--after--BorderWidth: var(--pf-global--BorderWidth--xl);
   --pf-c-nav__subnav--MaxHeight: 0;
+  --pf-c-nav__subnav__subnav--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-nav__subnav__subnav__link--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-nav__subnav__subnav__link--FontSize: var(--pf-global--FontSize--xs);
   --pf-c-nav__item--m-expanded__subnav--MaxHeight: 100%;
   --pf-c-nav__subnav--c-divider--PaddingRight: var(--pf-global--spacer--lg);
   --pf-c-nav__subnav--c-divider--PaddingLeft: var(--pf-global--spacer--lg);
@@ -16198,16 +16325,19 @@ ul.pf-c-list {
 }
 
 .pf-c-nav__list {
+  position: relative;
   display: block;
 }
 
 .pf-c-nav__item {
+  --pf-c-nav__item__toggle-icon--Rotate: 0;
   position: relative;
   margin-top: var(--pf-c-nav__item--MarginTop);
 }
 
 .pf-c-nav__item.pf-m-expandable {
   --pf-c-nav__link--before--BorderBottomWidth: 0;
+  --pf-c-nav__item__toggle-icon--Rotate: var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate);
 }
 
 .pf-c-nav__item.pf-m-expandable::before {
@@ -16219,6 +16349,31 @@ ul.pf-c-list {
   border-bottom: var(--pf-c-nav__item--before--BorderWidth) solid var(--pf-c-nav__item--before--BorderColor);
 }
 
+.pf-c-nav__item .pf-c-nav__item.pf-m-expandable {
+  --pf-c-nav__toggle--FontSize: var(--pf-c-nav__item__item__toggle--FontSize);
+  --pf-c-nav__link--PaddingRight: var(--pf-c-nav__item__item__link--PaddingRight);
+}
+
+@media screen and (min-width: 1200px) {
+  .pf-c-nav__item .pf-c-nav__item.pf-m-expandable::before {
+    border-bottom: none;
+  }
+}
+.pf-c-nav__item .pf-c-nav__item.pf-m-expandable .pf-c-nav__list::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+  border-left: var(--pf-c-nav__item--before--BorderWidth) solid var(--pf-c-nav__item--before--BorderColor);
+}
+
+.pf-c-nav__item .pf-c-nav__toggle-icon {
+  transform: rotate(var(--pf-c-nav__item__toggle-icon--Rotate));
+}
+
 .pf-c-nav__item.pf-m-flyout:hover {
   --pf-c-nav__link--BackgroundColor: var(--pf-c-nav__item--m-flyout--hover__link--BackgroundColor);
   --pf-c-nav__link--before--BorderBottomWidth: var(--pf-c-nav__item--m-flyout--hover__link--before--BorderWidth);
@@ -16442,6 +16597,12 @@ ul.pf-c-list {
   -ms-overflow-style: -ms-autohiding-scrollbar;
 }
 
+.pf-c-nav__subnav .pf-c-nav__subnav {
+  --pf-c-nav__link--FontSize: var(--pf-c-nav__subnav__subnav__link--FontSize);
+  --pf-c-nav__link--PaddingLeft: var(--pf-c-nav__subnav__subnav__link--PaddingLeft);
+  --pf-c-nav__subnav--PaddingLeft: var(--pf-c-nav__subnav__subnav--PaddingLeft);
+}
+
 .pf-c-nav__subnav.pf-m-flyout {
   width: 100%;
 }
@@ -16475,7 +16636,11 @@ ul.pf-c-list {
   transition: var(--pf-c-nav__toggle-icon--Transition);
 }
 
-.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
+.pf-c-nav__item.pf-m-expanded .pf-c-nav__item .pf-c-nav__toggle-icon {
+  transform: rotate(0deg);
+}
+
+.pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon, .pf-c-nav__item .pf-c-nav__item.pf-m-expanded .pf-c-nav__toggle-icon {
   transform: rotate(var(--pf-c-nav__item--m-expanded__toggle-icon--Rotate));
 }
 
@@ -16567,6 +16732,16 @@ ul.pf-c-list {
   left: 0;
 }
 
+.pf-l-bullseye {
+  --pf-l-bullseye--Padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: var(--pf-l-bullseye--Padding);
+  margin: 0;
+}
+
 .pf-c-notification-badge {
   --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
@@ -17291,7 +17466,7 @@ ul.pf-c-list {
   --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
 }
 
-.pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__header {
+.pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header {
   --pf-global--Color--100: var(--pf-global--Color--light-100);
   --pf-global--Color--200: var(--pf-global--Color--light-200);
   --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
@@ -17301,11 +17476,11 @@ ul.pf-c-list {
   --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
 }
 
-.pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__header .pf-c-card {
+.pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card {
   --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
 }
 
-.pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__header .pf-c-button {
+.pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button {
   --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
   --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
   --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
@@ -17442,6 +17617,11 @@ ul.pf-c-list {
   --pf-c-page__sidebar--xl--TranslateX: 0;
   --pf-c-page__sidebar-body--PaddingTop: var(--pf-global--spacer--sm);
   --pf-c-page__sidebar-body--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-page__sidebar-body--m-menu--PaddingTop: 0;
+  --pf-c-page__sidebar-body--m-menu--PaddingBottom: 0;
+  --pf-c-page__sidebar-body--m-menu--BorderTopColor: var(--pf-global--BackgroundColor--dark-200);
+  --pf-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
   --pf-c-page__main--ZIndex: var(--pf-global--ZIndex--xs);
   --pf-c-page__main-section--PaddingTop: var(--pf-global--spacer--md);
   --pf-c-page__main-section--PaddingRight: var(--pf-global--spacer--md);
@@ -17739,6 +17919,27 @@ ul.pf-c-list {
   padding-bottom: var(--pf-c-page__sidebar-body--PaddingBottom);
 }
 
+.pf-c-page__sidebar-body.pf-m-menu {
+  --pf-c-page__sidebar-body--PaddingTop: var(--pf-c-page__sidebar-body--m-menu--PaddingTop);
+  --pf-c-page__sidebar-body--PaddingBottom: var(--pf-c-page__sidebar-body--m-menu--PaddingBottom);
+  background-color: var(--pf-global--palette--black-900);
+  border-top: var(--pf-c-page__sidebar-body--m-menu--BorderTopWidth) solid var(--pf-c-page__sidebar-body--m-menu--BorderTopColor);
+}
+
+.pf-c-page__sidebar-body.pf-m-menu + .pf-c-page__sidebar-body.pf-m-menu {
+  --pf-c-page__sidebar-body--m-menu--BorderTopWidth: 0;
+}
+
+.pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector {
+  --pf-c-context-selector__toggle--BorderTopColor: transparent;
+  --pf-c-context-selector__toggle--BorderRightColor: transparent;
+  --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor);
+  --pf-c-context-selector__toggle--BorderLeftColor: transparent;
+  --pf-c-context-selector__menu--Top: 100%;
+  color: var(--pf-global--Color--100);
+  width: 100%;
+}
+
 .pf-c-page__main-nav.pf-m-limit-width,
 .pf-c-page__main-breadcrumb.pf-m-limit-width,
 .pf-c-page__main-tabs.pf-m-limit-width,
@@ -18455,7 +18656,17 @@ ul.pf-c-list {
   --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
   --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
-  --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
+  --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
+  --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
+  --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
+  --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
+  --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
+  --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
+  --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
+  --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
+  --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
+  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
   --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
   --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
@@ -18463,7 +18674,7 @@ ul.pf-c-list {
   --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
   --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
   --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
-  --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
   --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-popover__arrow--m-top--TranslateX: -50%;
   --pf-c-popover__arrow--m-top--TranslateY: 50%;
@@ -18482,6 +18693,12 @@ ul.pf-c-list {
   --pf-c-popover--c-button--Right: 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__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);
   position: relative;
   min-width: var(--pf-c-popover--MinWidth);
@@ -18544,6 +18761,31 @@ ul.pf-c-list {
   left: auto;
 }
 
+.pf-c-popover.pf-m-danger {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
+}
+
+.pf-c-popover.pf-m-warning {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
+}
+
+.pf-c-popover.pf-m-success {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
+}
+
+.pf-c-popover.pf-m-default {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
+}
+
+.pf-c-popover.pf-m-info {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
+}
+
 .pf-c-popover__content {
   position: relative;
   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);
@@ -18573,6 +18815,27 @@ ul.pf-c-list {
   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__title.pf-m-icon {
+  display: flex;
+}
+
+.pf-c-popover__title-icon {
+  margin-right: var(--pf-c-popover__title-icon--MarginRight);
+  color: var(--pf-c-popover__title-icon--Color);
+}
+
+.pf-c-popover__title-text {
+  color: var(--pf-c-popover__title-text--Color, inherit);
+}
+
 .pf-c-popover__body {
   word-wrap: break-word;
 }
@@ -22103,8 +22366,8 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
   --pf-c-toolbar__item--Display: block;
   --pf-c-toolbar__group--Display: flex;
-  --pf-c-toolbar--m-sticky-top--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-toolbar--m-sticky-top--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
+  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
   --pf-c-toolbar__content--Display: flex;
   --pf-c-toolbar__content--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-toolbar__content--PaddingLeft: var(--pf-global--spacer--md);
@@ -22177,11 +22440,11 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-toolbar__content--PaddingLeft: var(--pf-c-toolbar--m-page-insets--inset);
 }
 
-.pf-c-toolbar.pf-m-sticky-top {
+.pf-c-toolbar.pf-m-sticky {
   position: sticky;
   top: 0;
-  z-index: var(--pf-c-toolbar--m-sticky-top--ZIndex);
-  box-shadow: var(--pf-c-toolbar--m-sticky-top--BoxShadow);
+  z-index: var(--pf-c-toolbar--m-sticky--ZIndex);
+  box-shadow: var(--pf-c-toolbar--m-sticky--BoxShadow);
 }
 
 .pf-c-toolbar.pf-m-full-height {
@@ -24503,6 +24766,146 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
 }
 
+.pf-c-text-input-group {
+  --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-text-input-group__text--before--BorderColor: var(--pf-global--BorderColor--300);
+  --pf-c-text-input-group__text--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-text-input-group__text--after--BorderBottomColor: var(--pf-global--BorderColor--200);
+  --pf-c-text-input-group--hover__text--after--BorderBottomColor: var(--pf-global--primary-color--100);
+  --pf-c-text-input-group__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
+  --pf-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
+  --pf-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-global--spacer--xl);
+  --pf-c-text-input-group__text-input--PaddingTop: var(--pf-global--spacer--form-element);
+  --pf-c-text-input-group__text-input--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-text-input-group__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
+  --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__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);
+  --pf-c-text-input-group__icon--TranslateY: -50%;
+  --pf-c-text-input-group__utilities--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-text-input-group__utilities--MarginLeft: var(--pf-global--spacer--xs);
+  --pf-c-text-input-group__utilities--child--MarginLeft: var(--pf-global--spacer--xs);
+  --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--xs);
+  --pf-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-global--spacer--xs);
+  position: relative;
+  display: flex;
+}
+
+.pf-c-text-input-group:hover {
+  --pf-c-text-input-group__text--after--BorderBottomColor: var(--pf-c-text-input-group--hover__text--after--BorderBottomColor);
+}
+
+.pf-c-text-input-group__main {
+  display: flex;
+  flex: 1;
+  gap: var(--pf-global--spacer--sm);
+  min-width: 0;
+}
+
+.pf-c-text-input-group__main.pf-m-icon {
+  --pf-c-text-input-group__text-input--PaddingLeft: var(--pf-c-text-input-group__main--m-icon__text-input--PaddingLeft);
+}
+
+.pf-c-text-input-group__main > :first-child:not(.pf-c-text-input-group__text) {
+  margin-left: var(--pf-c-text-input-group__main--first-child--not--text-input--MarginLeft);
+}
+
+.pf-c-text-input-group__main .pf-c-chip-group {
+  overflow: auto;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.pf-c-text-input-group__main .pf-c-chip-group::-webkit-scrollbar {
+  display: none;
+}
+
+.pf-c-text-input-group__main .pf-c-chip-group,
+.pf-c-text-input-group__main .pf-c-chip-group__list {
+  flex-wrap: nowrap;
+}
+
+.pf-c-text-input-group__text {
+  display: inline-grid;
+  grid-template-columns: 1fr;
+  grid-template-areas: "text-input";
+  flex: 1;
+}
+
+.pf-c-text-input-group__text::before, .pf-c-text-input-group__text::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+}
+
+.pf-c-text-input-group__text::before {
+  border: var(--pf-c-text-input-group__text--before--BorderWidth) solid var(--pf-c-text-input-group__text--before--BorderColor);
+}
+
+.pf-c-text-input-group__text::after {
+  border-bottom: var(--pf-c-text-input-group__text--after--BorderBottomWidth) solid var(--pf-c-text-input-group__text--after--BorderBottomColor);
+}
+
+.pf-c-text-input-group__text:hover, .pf-c-text-input-group__text:focus-within {
+  --pf-c-text-input-group__icon--Color: var(--pf-c-text-input-group__text--hover__icon--Color);
+}
+
+.pf-c-text-input-group__text:focus-within {
+  --pf-c-text-input-group__text--after--BorderBottomWidth: var(--pf-c-text-input-group__text--focus-within--after--BorderBottomWidth);
+  --pf-c-text-input-group__text--after--BorderBottomColor: var(--pf-c-text-input-group__text--focus-within--after--BorderBottomColor);
+}
+
+.pf-c-text-input-group__icon {
+  position: absolute;
+  top: 50%;
+  left: var(--pf-c-text-input-group__icon--Left);
+  color: var(--pf-c-text-input-group__icon--Color);
+  transform: translateY(var(--pf-c-text-input-group__icon--TranslateY));
+}
+
+.pf-c-text-input-group__text-input {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  position: relative;
+  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);
+  border: 0;
+}
+
+.pf-c-text-input-group__text-input, .pf-c-text-input-group__text-input.pf-m-hint {
+  grid-area: text-input;
+}
+
+.pf-c-text-input-group__text-input.pf-m-hint {
+  color: var(--pf-c-text-input-group__text-input--m-hint--Color);
+}
+
+.pf-c-text-input-group__utilities {
+  display: flex;
+  align-items: center;
+  margin-right: var(--pf-c-text-input-group__utilities--MarginRight);
+  margin-left: var(--pf-c-text-input-group__utilities--MarginLeft);
+}
+
+.pf-c-text-input-group__utilities > * + * {
+  margin-left: var(--pf-c-text-input-group__utilities--child--MarginLeft);
+}
+
+.pf-c-text-input-group__utilities .pf-c-button {
+  --pf-c-button--PaddingRight: var(--pf-c-text-input-group__utilities--c-button--PaddingRight);
+  --pf-c-button--PaddingLeft: var(--pf-c-text-input-group__utilities--c-button--PaddingLeft);
+}
+
 .pf-l-flex {
   --pf-l-flex--Display: flex;
   --pf-l-flex--FlexWrap: wrap;