@patternfly/patternfly 4.147.0 → 4.149.0

package/patternfly.css

@@ -9,7 +9,7 @@
   --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
 }
 
-.pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
+.pf-c-wizard__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-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
   --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);
@@ -18,10 +18,10 @@
   --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
   --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
 }
-.pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
+.pf-c-wizard__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-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
   --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
 }
-.pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
+.pf-c-wizard__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-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .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);
@@ -4884,495 +4884,495 @@ button:-moz-focusring,
 }
 
 .pf-icon-add-circle-o:before {
-  content: "\e001";
+  content: "\e61b";
 }
 
 .pf-icon-ansible-tower:before {
-  content: "\e002";
+  content: "\e950";
 }
 
 .pf-icon-applications:before {
-  content: "\e003";
+  content: "\e936";
 }
 
 .pf-icon-arrow:before {
-  content: "\e004";
+  content: "\e929";
 }
 
 .pf-icon-asleep:before {
-  content: "\e005";
+  content: "\e92e";
 }
 
 .pf-icon-attention-bell:before {
-  content: "\e006";
+  content: "\e951";
 }
 
 .pf-icon-automation:before {
-  content: "\e007";
+  content: "\e937";
 }
 
 .pf-icon-bell:before {
-  content: "\e008";
+  content: "\e952";
 }
 
 .pf-icon-blueprint:before {
-  content: "\e009";
+  content: "\e915";
 }
 
 .pf-icon-build:before {
-  content: "\e00a";
+  content: "\e902";
 }
 
 .pf-icon-builder-image:before {
-  content: "\e00b";
+  content: "\e800";
 }
 
 .pf-icon-bundle:before {
-  content: "\e00c";
+  content: "\e918";
 }
 
 .pf-icon-catalog:before {
-  content: "\e00d";
+  content: "\e953";
 }
 
 .pf-icon-chat:before {
-  content: "\e00e";
+  content: "\e954";
 }
 
 .pf-icon-close:before {
-  content: "\e00f";
+  content: "\e60b";
 }
 
 .pf-icon-cloud-security:before {
-  content: "\e010";
+  content: "\e903";
 }
 
 .pf-icon-cloud-tenant:before {
-  content: "\e011";
+  content: "\e904";
 }
 
 .pf-icon-cluster:before {
-  content: "\e012";
+  content: "\e620";
 }
 
 .pf-icon-connected:before {
-  content: "\e013";
+  content: "\e938";
 }
 
 .pf-icon-container-node:before {
-  content: "\e014";
+  content: "\e621";
 }
 
 .pf-icon-cpu:before {
-  content: "\e015";
+  content: "\e927";
 }
 
 .pf-icon-degraded:before {
-  content: "\e016";
+  content: "\e91b";
 }
 
 .pf-icon-disconnected:before {
-  content: "\e017";
+  content: "\e955";
 }
 
 .pf-icon-domain:before {
-  content: "\e018";
+  content: "\e919";
 }
 
 .pf-icon-edit:before {
-  content: "\e019";
+  content: "\e60a";
 }
 
 .pf-icon-enhancement:before {
-  content: "\e01a";
+  content: "\e93a";
 }
 
 .pf-icon-enterprise:before {
-  content: "\e01b";
+  content: "\e906";
 }
 
 .pf-icon-equalizer:before {
-  content: "\e01c";
+  content: "\e956";
 }
 
 .pf-icon-error-circle-o:before {
-  content: "\e01d";
+  content: "\e926";
 }
 
 .pf-icon-export:before {
-  content: "\e01e";
+  content: "\e616";
 }
 
 .pf-icon-filter:before {
-  content: "\e01f";
+  content: "\e943";
 }
 
 .pf-icon-flavor:before {
-  content: "\e020";
+  content: "\e957";
 }
 
 .pf-icon-folder-close:before {
-  content: "\e021";
+  content: "\e607";
 }
 
 .pf-icon-folder-open:before {
-  content: "\e022";
+  content: "\e606";
 }
 
 .pf-icon-globe-route:before {
-  content: "\e023";
+  content: "\e958";
 }
 
 .pf-icon-help:before {
-  content: "\e024";
+  content: "\e605";
 }
 
 .pf-icon-history:before {
-  content: "\e025";
+  content: "\e617";
 }
 
 .pf-icon-home:before {
-  content: "\e026";
+  content: "\e618";
 }
 
 .pf-icon-import:before {
-  content: "\e027";
+  content: "\e615";
 }
 
 .pf-icon-in-progress:before {
-  content: "\e028";
+  content: "\e933";
 }
 
 .pf-icon-info:before {
-  content: "\e029";
+  content: "\e92b";
 }
 
 .pf-icon-infrastructure:before {
-  content: "\e02a";
+  content: "\e93d";
 }
 
 .pf-icon-integration:before {
-  content: "\e02b";
+  content: "\e948";
 }
 
 .pf-icon-key:before {
-  content: "\e02c";
+  content: "\e924";
 }
 
 .pf-icon-locked:before {
-  content: "\e02d";
+  content: "\e923";
 }
 
 .pf-icon-maintenance:before {
-  content: "\e02e";
+  content: "\e932";
 }
 
 .pf-icon-memory:before {
-  content: "\e02f";
+  content: "\e908";
 }
 
 .pf-icon-messages:before {
-  content: "\e030";
+  content: "\e603";
 }
 
 .pf-icon-middleware:before {
-  content: "\e031";
+  content: "\e917";
 }
 
 .pf-icon-migration:before {
-  content: "\e032";
+  content: "\e931";
 }
 
 .pf-icon-module:before {
-  content: "\e033";
+  content: "\e959";
 }
 
 .pf-icon-monitoring:before {
-  content: "\e034";
+  content: "\e95a";
 }
 
 .pf-icon-namespaces:before {
-  content: "\e035";
+  content: "\e95b";
 }
 
 .pf-icon-network:before {
-  content: "\e036";
+  content: "\e909";
 }
 
 .pf-icon-new-process:before {
-  content: "\e037";
+  content: "\e95c";
 }
 
 .pf-icon-not-started:before {
-  content: "\e038";
+  content: "\e95d";
 }
 
 .pf-icon-off:before {
-  content: "\e039";
+  content: "\e92d";
 }
 
 .pf-icon-ok:before {
-  content: "\e03a";
+  content: "\e602";
 }
 
 .pf-icon-on-running:before {
-  content: "\e03b";
+  content: "\e925";
 }
 
 .pf-icon-on:before {
-  content: "\e03c";
+  content: "\e92c";
 }
 
 .pf-icon-openshift:before {
-  content: "\e03d";
+  content: "\e95e";
 }
 
 .pf-icon-openstack:before {
-  content: "\e03e";
+  content: "\e95f";
 }
 
 .pf-icon-optimize:before {
-  content: "\e03f";
+  content: "\e93e";
 }
 
 .pf-icon-orders:before {
-  content: "\e040";
+  content: "\e93f";
 }
 
 .pf-icon-os-image:before {
-  content: "\e041";
+  content: "\e960";
 }
 
 .pf-icon-package:before {
-  content: "\e042";
+  content: "\e961";
 }
 
 .pf-icon-panel-close:before {
-  content: "\e043";
+  content: "\e962";
 }
 
 .pf-icon-panel-open:before {
-  content: "\e044";
+  content: "\e963";
 }
 
 .pf-icon-paused:before {
-  content: "\e045";
+  content: "\e92f";
 }
 
 .pf-icon-pending:before {
-  content: "\e046";
+  content: "\e964";
 }
 
 .pf-icon-pficon-dragdrop:before {
-  content: "\e047";
+  content: "\e965";
 }
 
 .pf-icon-pficon-history:before {
-  content: "\e048";
+  content: "\e966";
 }
 
 .pf-icon-pficon-network-range:before {
-  content: "\e049";
+  content: "\e967";
 }
 
 .pf-icon-pficon-satellite:before {
-  content: "\e04a";
+  content: "\e968";
 }
 
 .pf-icon-pficon-sort-common-asc:before {
-  content: "\e04b";
+  content: "\e94e";
 }
 
 .pf-icon-pficon-sort-common-desc:before {
-  content: "\e04c";
+  content: "\e94f";
 }
 
 .pf-icon-pficon-template:before {
-  content: "\e04d";
+  content: "\e94c";
 }
 
 .pf-icon-pficon-vcenter:before {
-  content: "\e04e";
+  content: "\e969";
 }
 
 .pf-icon-plugged:before {
-  content: "\e04f";
+  content: "\e96a";
 }
 
 .pf-icon-port:before {
-  content: "\e050";
+  content: "\e96b";
 }
 
 .pf-icon-print:before {
-  content: "\e051";
+  content: "\e612";
 }
 
 .pf-icon-private:before {
-  content: "\e052";
+  content: "\e914";
 }
 
 .pf-icon-process-automation:before {
-  content: "\e053";
+  content: "\e949";
 }
 
 .pf-icon-project:before {
-  content: "\e054";
+  content: "\e96c";
 }
 
 .pf-icon-rebalance:before {
-  content: "\e055";
+  content: "\e91c";
 }
 
 .pf-icon-rebooting:before {
-  content: "\e056";
+  content: "\e96d";
 }
 
 .pf-icon-regions:before {
-  content: "\e057";
+  content: "\e90a";
 }
 
 .pf-icon-registry:before {
-  content: "\e058";
+  content: "\e623";
 }
 
 .pf-icon-remove2:before {
-  content: "\e059";
+  content: "\e96e";
 }
 
 .pf-icon-replicator:before {
-  content: "\e05a";
+  content: "\e624";
 }
 
 .pf-icon-repository:before {
-  content: "\e05b";
+  content: "\e90b";
 }
 
 .pf-icon-resource-pool:before {
-  content: "\e05c";
+  content: "\e90c";
 }
 
 .pf-icon-resources-almost-empty:before {
-  content: "\e05d";
+  content: "\e91d";
 }
 
 .pf-icon-resources-almost-full:before {
-  content: "\e05e";
+  content: "\e912";
 }
 
 .pf-icon-resources-empty:before {
-  content: "\e05f";
+  content: "\e96f";
 }
 
 .pf-icon-resources-full:before {
-  content: "\e060";
+  content: "\e913";
 }
 
 .pf-icon-running:before {
-  content: "\e061";
+  content: "\e970";
 }
 
 .pf-icon-save:before {
-  content: "\e062";
+  content: "\e601";
 }
 
 .pf-icon-screen:before {
-  content: "\e063";
+  content: "\e971";
 }
 
 .pf-icon-security:before {
-  content: "\e064";
+  content: "\e946";
 }
 
 .pf-icon-server-group:before {
-  content: "\e065";
+  content: "\e91a";
 }
 
 .pf-icon-server:before {
-  content: "\e066";
+  content: "\e90d";
 }
 
 .pf-icon-service-catalog:before {
-  content: "\e067";
+  content: "\e972";
 }
 
 .pf-icon-service:before {
-  content: "\e068";
+  content: "\e61e";
 }
 
 .pf-icon-services:before {
-  content: "\e069";
+  content: "\e947";
 }
 
 .pf-icon-spinner:before {
-  content: "\e06a";
+  content: "\e973";
 }
 
 .pf-icon-spinner2:before {
-  content: "\e06b";
+  content: "\e613";
 }
 
 .pf-icon-storage-domain:before {
-  content: "\e06c";
+  content: "\e90e";
 }
 
 .pf-icon-task:before {
-  content: "\e06d";
+  content: "\e974";
 }
 
 .pf-icon-tenant:before {
-  content: "\e06e";
+  content: "\e916";
 }
 
 .pf-icon-thumb-tack:before {
-  content: "\e06f";
+  content: "\e920";
 }
 
 .pf-icon-topology:before {
-  content: "\e070";
+  content: "\e608";
 }
 
 .pf-icon-trend-down:before {
-  content: "\e071";
+  content: "\e900";
 }
 
 .pf-icon-trend-up:before {
-  content: "\e072";
+  content: "\e901";
 }
 
 .pf-icon-unknown:before {
-  content: "\e073";
+  content: "\e935";
 }
 
 .pf-icon-unlocked:before {
-  content: "\e074";
+  content: "\e922";
 }
 
 .pf-icon-unplugged:before {
-  content: "\e075";
+  content: "\e942";
 }
 
 .pf-icon-user:before {
-  content: "\e076";
+  content: "\e91e";
 }
 
 .pf-icon-users:before {
-  content: "\e077";
+  content: "\e91f";
 }
 
 .pf-icon-virtual-machine:before {
-  content: "\e078";
+  content: "\e90f";
 }
 
 .pf-icon-volume:before {
-  content: "\e079";
+  content: "\e910";
 }
 
 .pf-icon-warning-triangle:before {
-  content: "\e07a";
+  content: "\e975";
 }
 
 .pf-icon-zone:before {
-  content: "\e07b";
+  content: "\e911";
 }
 
 .pf-c-about-modal-box {
@@ -8377,6 +8377,7 @@ label.pf-c-check, .pf-c-check__label,
   --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);
@@ -8429,11 +8430,56 @@ label.pf-c-check, .pf-c-check__label,
   --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);
@@ -8452,6 +8498,27 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-context-selector.pf-m-full-height:hover .pf-c-context-selector__toggle::before {
   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;
@@ -8477,6 +8544,7 @@ label.pf-c-check, .pf-c-check__label,
 }
 .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 {
   --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--active--BorderBottomColor);
@@ -12325,7 +12393,7 @@ label.pf-c-check, .pf-c-check__label,
   border-top-width: var(--pf-c-dropdown--m-full-height__toggle--before--BorderTopWidth);
 }
 .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 {
@@ -15286,6 +15354,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);
 }
 .pf-c-masthead .pf-c-context-selector.pf-m-full-height {
@@ -18050,6 +18119,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);
@@ -18329,6 +18403,24 @@ ul.pf-c-list {
   padding-top: var(--pf-c-page__sidebar-body--PaddingTop);
   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,
@@ -18974,11 +19066,100 @@ ul.pf-c-list {
   }
 }
 
+.pf-c-panel {
+  --pf-c-panel--Width: auto;
+  --pf-c-panel--MinWidth: auto;
+  --pf-c-panel--MaxWidth: none;
+  --pf-c-panel--ZIndex: auto;
+  --pf-c-panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-panel--BoxShadow: none;
+  --pf-c-panel--before--BorderWidth: 0;
+  --pf-c-panel--before--BorderColor: var(--pf-global--BorderColor--100);
+  --pf-c-panel--m-bordered--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-panel--m-raised--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-panel--m-raised--ZIndex: var(--pf-global--ZIndex--sm);
+  --pf-c-panel__header--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__main--MaxHeight: none;
+  --pf-c-panel__main--Overflow: visible;
+  --pf-c-panel__main-body--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--BoxShadow: none;
+  --pf-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
+  --pf-c-panel--m-scrollable__main--Overflow: auto;
+  --pf-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
+  position: relative;
+  z-index: var(--pf-c-panel--ZIndex);
+  width: var(--pf-c-panel--Width);
+  min-width: var(--pf-c-panel--MinWidth);
+  max-width: var(--pf-c-panel--MaxWidth);
+  background-color: var(--pf-c-panel--BackgroundColor);
+  box-shadow: var(--pf-c-panel--BoxShadow);
+}
+.pf-c-panel::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-c-panel--before--BorderWidth) solid var(--pf-c-panel--before--BorderColor);
+}
+.pf-c-panel.pf-m-bordered {
+  --pf-c-panel--before--BorderWidth: var(--pf-c-panel--m-bordered--before--BorderWidth);
+}
+.pf-c-panel.pf-m-raised {
+  --pf-c-panel--BoxShadow: var(--pf-c-panel--m-raised--BoxShadow);
+  --pf-c-panel--ZIndex: var(--pf-c-panel--m-raised--ZIndex);
+}
+.pf-c-panel.pf-m-scrollable {
+  --pf-c-panel__main--MaxHeight: var(--pf-c-panel--m-scrollable__main--MaxHeight);
+  --pf-c-panel__main--Overflow: var(--pf-c-panel--m-scrollable__main--Overflow);
+  --pf-c-panel__footer--BoxShadow: var(--pf-c-panel--m-scrollable__footer--BoxShadow);
+}
+
+.pf-c-panel__header {
+  padding: var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft);
+}
+
+.pf-c-panel__main {
+  max-height: var(--pf-c-panel__main--MaxHeight);
+  overflow: var(--pf-c-panel__main--Overflow);
+}
+
+.pf-c-panel__main-body {
+  padding: var(--pf-c-panel__main-body--PaddingTop) var(--pf-c-panel__main-body--PaddingRight) var(--pf-c-panel__main-body--PaddingBottom) var(--pf-c-panel__main-body--PaddingLeft);
+}
+
+.pf-c-panel__footer {
+  padding: var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);
+  box-shadow: var(--pf-c-panel__footer--BoxShadow);
+}
+
 .pf-c-popover {
   --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);
@@ -18986,7 +19167,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%;
@@ -19005,6 +19186,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);
@@ -19056,6 +19243,26 @@ ul.pf-c-list {
   right: 0;
   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;
@@ -19083,6 +19290,26 @@ 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;
 }