@patternfly/react-core 4.232.2 → 4.232.5

package/dist/umd/react-core.js

@@ -4312,7 +4312,9 @@
 
     Promise.resolve().then(function () { return button; });
     var buttonStyles = {
+      "badge": "pf-c-badge",
       "button": "pf-c-button",
+      "buttonCount": "pf-c-button__count",
       "buttonIcon": "pf-c-button__icon",
       "buttonProgress": "pf-c-button__progress",
       "modifiers": {
@@ -4324,6 +4326,7 @@
         "secondary": "pf-m-secondary",
         "tertiary": "pf-m-tertiary",
         "link": "pf-m-link",
+        "unread": "pf-m-unread",
         "inline": "pf-m-inline",
         "danger": "pf-m-danger",
         "warning": "pf-m-warning",
@@ -5325,6 +5328,7 @@
         "active": "pf-m-active",
         "secondary": "pf-m-secondary",
         "top": "pf-m-top",
+        "static": "pf-m-static",
         "alignRight": "pf-m-align-right",
         "alignLeft": "pf-m-align-left",
         "alignRightOnSm": "pf-m-align-right-on-sm",
@@ -6727,6 +6731,7 @@
         "placeholder": "pf-m-placeholder",
         "top": "pf-m-top",
         "alignRight": "pf-m-align-right",
+        "static": "pf-m-static",
         "favorite": "pf-m-favorite",
         "favoriteAction": "pf-m-favorite-action",
         "focus": "pf-m-focus",
@@ -6843,6 +6848,7 @@
       "checkDescription": "pf-c-check__description",
       "checkInput": "pf-c-check__input",
       "checkLabel": "pf-c-check__label",
+      "checkLabelRequired": "pf-c-check__label-required",
       "modifiers": {
         "standalone": "pf-m-standalone",
         "disabled": "pf-m-disabled"
@@ -7847,12 +7853,12 @@
                     ? this.refCollection[nextIndex][0].firstElementChild
                     : this.refCollection[nextIndex][0];
                 let typeaheadInputValue = '';
-                if (isCreatable && optionTextElm.innerText.includes(createText)) {
+                if (isCreatable && optionTextElm.textContent.includes(createText)) {
                     typeaheadInputValue = this.state.creatableValue;
                 }
                 else if (optionTextElm && !isLoad) {
                     // !isLoad prevents the view more button text from appearing the typeahead input
-                    typeaheadInputValue = optionTextElm.innerText;
+                    typeaheadInputValue = optionTextElm.textContent;
                 }
                 this.setState(prevState => ({
                     typeaheadCurrIndex: updateCurrentIndex ? nextIndex : prevState.typeaheadCurrIndex,
@@ -7900,8 +7906,8 @@
                                 if (!typeaheadActiveChild.classList.contains('pf-m-load')) {
                                     const hasDescriptionElm = typeaheadActiveChild.childElementCount > 1;
                                     const typeaheadActiveChildText = hasDescriptionElm
-                                        ? typeaheadActiveChild.firstChild.innerText
-                                        : typeaheadActiveChild.innerText;
+                                        ? typeaheadActiveChild.firstChild.textContent
+                                        : typeaheadActiveChild.textContent;
                                     this.setState({
                                         typeaheadInputValue: typeaheadActiveChildText
                                     });
@@ -7909,7 +7915,7 @@
                             }
                             else if (this.refCollection[0] && this.refCollection[0][0]) {
                                 this.setState({
-                                    typeaheadInputValue: this.refCollection[0][0].innerText
+                                    typeaheadInputValue: this.refCollection[0][0].textContent
                                 });
                             }
                             if (typeaheadActiveChild) {
@@ -8132,7 +8138,7 @@
             this.isLastOptionBeforeFooter = (index) => this.props.footer && index === this.refCollection.length - 1 ? true : false;
         }
         extendTypeaheadChildren(typeaheadCurrIndex, favoritesGroup) {
-            const { isGrouped, onFavorite } = this.props;
+            const { isGrouped, onFavorite, createText } = this.props;
             const typeaheadChildren = favoritesGroup
                 ? favoritesGroup.concat(this.state.typeaheadFilteredChildren)
                 : this.state.typeaheadFilteredChildren;
@@ -8157,8 +8163,8 @@
                                     isFocused: activeElement &&
                                         (activeElement.id === child.props.id ||
                                             (this.props.isCreatable &&
-                                                typeaheadActiveChild.innerText ===
-                                                    `{createText} "${group.props.value}"`))
+                                                typeaheadActiveChild.textContent ===
+                                                    `${createText} "${group.props.value}"`))
                                 }))
                         });
                     }
@@ -8169,10 +8175,10 @@
                                 ? child
                                 : React__namespace.cloneElement(child, {
                                     isFocused: typeaheadActiveChild &&
-                                        (typeaheadActiveChild.innerText === child.props.value.toString() ||
+                                        (typeaheadActiveChild.textContent === child.props.value.toString() ||
                                             (this.props.isCreatable &&
-                                                typeaheadActiveChild.innerText ===
-                                                    `{createText} "${child.props.value}"`))
+                                                typeaheadActiveChild.textContent ===
+                                                    `${createText} "${child.props.value}"`))
                                 }))
                         });
                     }
@@ -8180,8 +8186,8 @@
                         // group has been filtered down to SelectOption
                         return React__namespace.cloneElement(group, {
                             isFocused: typeaheadActiveChild &&
-                                (typeaheadActiveChild.innerText === group.props.value.toString() ||
-                                    (this.props.isCreatable && typeaheadActiveChild.innerText === `{createText} "${group.props.value}"`))
+                                (typeaheadActiveChild.textContent === group.props.value.toString() ||
+                                    (this.props.isCreatable && typeaheadActiveChild.textContent === `${createText} "${group.props.value}"`))
                         });
                     }
                 });
@@ -8192,9 +8198,9 @@
                     ? child
                     : React__namespace.cloneElement(child, {
                         isFocused: typeaheadActiveChild
-                            ? typeaheadActiveChild.innerText === child.props.value.toString() ||
+                            ? typeaheadActiveChild.textContent === child.props.value.toString() ||
                                 (this.props.isCreatable &&
-                                    typeaheadActiveChild.innerText === `{createText} "${child.props.value}"`)
+                                    typeaheadActiveChild.textContent === `${createText} "${child.props.value}"`)
                             : index === typeaheadCurrIndex // fallback for view more + typeahead use cases, when the new expanded list is loaded and refCollection hasn't be updated yet
                     });
             });
@@ -8384,9 +8390,9 @@
                 " ",
                 innerMenu,
                 " ") : innerMenu;
-            const popperContainer = (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.select, isOpen && styles$Z.modifiers.expanded, validated === exports.ValidatedOptions.success && styles$Z.modifiers.success, validated === exports.ValidatedOptions.warning && styles$Z.modifiers.warning, validated === exports.ValidatedOptions.error && styles$Z.modifiers.invalid, direction === exports.SelectDirection.up && styles$Z.modifiers.top, className) }, (width && { style: { width } }), (ariaDescribedby && { 'aria-describedby': ariaDescribedby }), (validated !== exports.ValidatedOptions.default && { 'aria-invalid': ariaInvalid })), isOpen && menuContainer));
-            const mainContainer = (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.select, isOpen && styles$Z.modifiers.expanded, validated === exports.ValidatedOptions.success && styles$Z.modifiers.success, validated === exports.ValidatedOptions.warning && styles$Z.modifiers.warning, validated === exports.ValidatedOptions.error && styles$Z.modifiers.invalid, direction === exports.SelectDirection.up && styles$Z.modifiers.top, className), ref: this.parentRef }, getOUIAProps(Select.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), (width && { style: { width } }), (ariaDescribedby && { 'aria-describedby': ariaDescribedby }), (validated !== exports.ValidatedOptions.default && { 'aria-invalid': ariaInvalid })),
-                React__namespace.createElement(SelectToggle, Object.assign({ id: selectToggleId, parentRef: this.parentRef, menuRef: this.menuComponentRef }, (footer && { footerRef: this.footerRef }), { isOpen: isOpen, isPlain: isPlain, hasPlaceholderStyle: hasPlaceholderStyle && (!selections.length || selections[0] === null || isSelectedPlaceholder), onToggle: this.onToggle, onEnter: this.onEnter, onClose: this.onClose, onBlur: onBlur, variant: variant, "aria-labelledby": `${ariaLabelledBy || ''} ${selectToggleId}`, "aria-label": toggleAriaLabel, handleTypeaheadKeys: this.handleTypeaheadKeys, moveFocusToLastMenuItem: this.moveFocusToLastMenuItem, isDisabled: isDisabled, hasClearButton: hasOnClear, hasFooter: footer !== undefined, onClickTypeaheadToggleButton: this.onClickTypeaheadToggleButton }),
+            const popperContainer = (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.select, isOpen && styles$Z.modifiers.expanded, validated === exports.ValidatedOptions.success && styles$Z.modifiers.success, validated === exports.ValidatedOptions.warning && styles$Z.modifiers.warning, validated === exports.ValidatedOptions.error && styles$Z.modifiers.invalid, direction === exports.SelectDirection.up && styles$Z.modifiers.top, className) }, (width && { style: { width } }), (validated !== exports.ValidatedOptions.default && { 'aria-invalid': ariaInvalid })), isOpen && menuContainer));
+            const mainContainer = (React__namespace.createElement("div", Object.assign({ className: css(styles$Z.select, isOpen && styles$Z.modifiers.expanded, validated === exports.ValidatedOptions.success && styles$Z.modifiers.success, validated === exports.ValidatedOptions.warning && styles$Z.modifiers.warning, validated === exports.ValidatedOptions.error && styles$Z.modifiers.invalid, direction === exports.SelectDirection.up && styles$Z.modifiers.top, className), ref: this.parentRef }, getOUIAProps(Select.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), (width && { style: { width } }), (validated !== exports.ValidatedOptions.default && { 'aria-invalid': ariaInvalid })),
+                React__namespace.createElement(SelectToggle, Object.assign({ id: selectToggleId, parentRef: this.parentRef, menuRef: this.menuComponentRef }, (footer && { footerRef: this.footerRef }), { isOpen: isOpen, isPlain: isPlain, hasPlaceholderStyle: hasPlaceholderStyle && (!selections.length || selections[0] === null || isSelectedPlaceholder), onToggle: this.onToggle, onEnter: this.onEnter, onClose: this.onClose, onBlur: onBlur, variant: variant, "aria-labelledby": `${ariaLabelledBy || ''} ${selectToggleId}`, "aria-label": toggleAriaLabel }, (ariaDescribedby && { 'aria-describedby': ariaDescribedby }), { handleTypeaheadKeys: this.handleTypeaheadKeys, moveFocusToLastMenuItem: this.moveFocusToLastMenuItem, isDisabled: isDisabled, hasClearButton: hasOnClear, hasFooter: footer !== undefined, onClickTypeaheadToggleButton: this.onClickTypeaheadToggleButton }),
                     customContent && (React__namespace.createElement("div", { className: css(styles$Z.selectToggleWrapper) },
                         toggleIcon && React__namespace.createElement("span", { className: css(styles$Z.selectToggleIcon) }, toggleIcon),
                         React__namespace.createElement("span", { className: css(styles$Z.selectToggleText) }, placeholderText))),
@@ -9654,7 +9660,8 @@
         "expanded": "pf-m-expanded",
         "plain": "pf-m-plain",
         "text": "pf-m-text",
-        "disabled": "pf-m-disabled"
+        "disabled": "pf-m-disabled",
+        "static": "pf-m-static"
       },
       "themeDark": "pf-theme-dark"
     };
@@ -11920,6 +11927,7 @@
       "modifiers": {
         "expanded": "pf-m-expanded",
         "detached": "pf-m-detached",
+        "truncate": "pf-m-truncate",
         "limitWidth": "pf-m-limit-width",
         "displayLg": "pf-m-display-lg",
         "indented": "pf-m-indented",
@@ -15118,6 +15126,7 @@
       "modifiers": {
         "light_200": "pf-m-light-200",
         "light": "pf-m-light",
+        "plain": "pf-m-plain",
         "resizeObserver": "pf-m-resize-observer",
         "fullHeight": "pf-m-full-height",
         "horizontal": "pf-m-horizontal",

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

@@ -2172,6 +2172,11 @@ button.pf-c-breadcrumb__link {
   --pf-c-button--m-in-progress--m-plain--Color: var(--pf-global--primary-color--100);
   --pf-c-button--m-in-progress--m-plain__progress--Left: 50%;
   --pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
+  --pf-c-button__count--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-button--disabled__c-badge--Color: var(--pf-global--Color--dark-100);
+  --pf-c-button--disabled__c-badge--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--BorderColor--300);
+  --pf-c-button--m-primary__c-badge--BorderWidth: var(--pf-global--BorderWidth--sm);
   position: relative;
   display: inline-block;
   padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
@@ -2248,6 +2253,10 @@ button.pf-c-breadcrumb__link {
   --pf-c-button--m-primary--BackgroundColor: var(--pf-c-button--m-primary--active--BackgroundColor);
 }
 
+.pf-c-button.pf-m-primary .pf-c-badge.pf-m-unread {
+  border: var(--pf-c-button--m-primary__c-badge--BorderWidth) solid var(--pf-c-button--m-primary__c-badge--BorderColor);
+}
+
 .pf-c-button.pf-m-secondary {
   --pf-c-button--after--BorderColor: var(--pf-c-button--m-secondary--after--BorderColor);
   color: var(--pf-c-button--m-secondary--Color);
@@ -2507,6 +2516,12 @@ button.pf-c-breadcrumb__link {
   border-color: var(--pf-c-button--disabled--after--BorderColor);
 }
 
+.pf-c-button:disabled .pf-c-badge, .pf-c-button.pf-m-disabled .pf-c-badge, .pf-c-button.pf-m-aria-disabled .pf-c-badge {
+  --pf-c-badge--m-unread--Color: var(--pf-c-button--disabled__c-badge--Color);
+  --pf-c-badge--m-unread--BackgroundColor: var(--pf-c-button--disabled__c-badge--BackgroundColor);
+  --pf-c-button--m-primary__c-badge--BorderWidth: 0;
+}
+
 .pf-c-button.pf-m-aria-disabled {
   --pf-c-button--after--BorderWidth: 0;
   --pf-c-button--m-link--m-inline--hover--TextDecoration: none;
@@ -2554,6 +2569,12 @@ button.pf-c-breadcrumb__link {
   --pf-c-spinner--Color: currentcolor;
 }
 
+.pf-c-button__count {
+  display: inline-flex;
+  align-items: center;
+  margin-left: var(--pf-c-button__count--MarginLeft);
+}
+
 .pf-m-overpass-font .pf-c-button {
   --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold);
 }
@@ -2590,6 +2611,7 @@ button.pf-c-breadcrumb__link {
   --pf-c-button--m-control--focus--after--BorderBottomColor: var(--pf-global--primary-color--100);
   --pf-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-global--primary-color--100);
   --pf-c-button--m-control--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
+  --pf-c-button--m-primary__c-badge--BorderColor: var(--pf-global--Color--100);
 }
 
 :where(.pf-theme-dark) .pf-c-button.pf-m-control:disabled::after {
@@ -3218,6 +3240,9 @@ button.pf-c-breadcrumb__link {
   --pf-c-check__description--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-check__description--Color: var(--pf-global--Color--200);
   --pf-c-check__body--MarginTop: var(--pf-global--spacer--sm);
+  --pf-c-check__label-required--MarginLeft: var(--pf-global--spacer--xs);
+  --pf-c-check__label-required--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-check__label-required--Color: var(--pf-global--danger-color--100);
   display: grid;
   grid-template-columns: auto 1fr;
   grid-gap: var(--pf-c-check--GridGap);
@@ -3268,6 +3293,12 @@ label.pf-c-check, .pf-c-check__label,
   cursor: not-allowed;
 }
 
+.pf-c-check__label-required {
+  margin-left: var(--pf-c-check__label-required--MarginLeft);
+  font-size: var(--pf-c-check__label-required--FontSize);
+  color: var(--pf-c-check__label-required--Color);
+}
+
 .pf-c-chip {
   --pf-global--Color--100: var(--pf-global--Color--dark-100);
   --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -3879,6 +3910,13 @@ label.pf-c-check, .pf-c-check__label,
   box-shadow: var(--pf-c-context-selector__menu--BoxShadow);
 }
 
+.pf-c-context-selector__menu.pf-m-static {
+  position: static;
+  top: auto;
+  z-index: auto;
+  min-width: min-content;
+}
+
 .pf-c-context-selector__menu-search {
   position: relative;
   padding: var(--pf-c-context-selector__menu-search--PaddingTop) var(--pf-c-context-selector__menu-search--PaddingRight) var(--pf-c-context-selector__menu-search--PaddingBottom) var(--pf-c-context-selector__menu-search--PaddingLeft);
@@ -7769,6 +7807,13 @@ label.pf-c-check, .pf-c-check__label,
   box-shadow: var(--pf-c-dropdown__menu--BoxShadow);
 }
 
+.pf-c-dropdown__menu.pf-m-static {
+  position: static;
+  top: auto;
+  z-index: auto;
+  min-width: min-content;
+}
+
 .pf-c-dropdown .pf-c-menu,
 .pf-c-dropdown__menu {
   min-width: 100%;
@@ -8424,6 +8469,7 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
   --pf-c-expandable-section__toggle--PaddingLeft: 0;
+  --pf-c-expandable-section__toggle--MarginTop: 0;
   --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
   --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
   --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
@@ -8453,6 +8499,8 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
   --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
   --pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
+  --pf-c-expandable-section--m-truncate__content--LineClamp: 3;
+  --pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs);
 }
 
 .pf-c-expandable-section.pf-m-expanded {
@@ -8462,7 +8510,7 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
 }
 
-.pf-c-expandable-section.pf-m-detached {
+.pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
   --pf-c-expandable-section__content--MarginTop: 0;
 }
 
@@ -8497,9 +8545,25 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
 }
 
+.pf-c-expandable-section.pf-m-truncate {
+  --pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
+  --pf-c-expandable-section__toggle--PaddingTop: 0;
+  --pf-c-expandable-section__toggle--PaddingRight: 0;
+  --pf-c-expandable-section__toggle--PaddingBottom: 0;
+  --pf-c-expandable-section__toggle-text--MarginLeft: 0;
+}
+
+.pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
+  overflow: hidden;
+}
+
 .pf-c-expandable-section__toggle {
   display: flex;
   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);
   border: none;
 }
@@ -9364,6 +9428,10 @@ label.pf-c-check, .pf-c-check__label,
   background-color: var(--pf-c-input-group--BackgroundColor);
 }
 
+.pf-c-input-group.pf-m-plain {
+  --pf-c-input-group--BackgroundColor: transparent;
+}
+
 .pf-c-input-group > * + * {
   margin-left: -1px;
 }
@@ -11127,7 +11195,7 @@ ul.pf-c-list {
   --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
 }
 
-.pf-c-masthead {
+.pf-c-masthead .pf-c-button.pf-m-plain, .pf-c-masthead {
   --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);
@@ -11137,11 +11205,11 @@ ul.pf-c-list {
   --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
 }
 
-.pf-c-masthead .pf-c-card {
+.pf-c-masthead .pf-c-button.pf-m-plain .pf-c-card, .pf-c-masthead .pf-c-card {
   --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
 }
 
-.pf-c-masthead .pf-c-button {
+.pf-c-masthead .pf-c-button.pf-m-plain .pf-c-button, .pf-c-masthead .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);
@@ -11361,6 +11429,10 @@ ul.pf-c-list {
   align-self: stretch;
 }
 
+.pf-c-masthead .pf-c-button.pf-m-plain {
+  color: var(--pf-global--Color--200);
+}
+
 .pf-c-masthead__main {
   position: relative;
   display: flex;
@@ -12070,8 +12142,6 @@ ul.pf-c-list {
   --pf-c-menu__footer--BoxShadow: none;
   --pf-c-menu__footer--after--BorderTopWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-menu__footer--after--BorderTopColor: var(--pf-global--BorderColor--100);
-  --pf-c-menu__footer--after--BorderBottomWidth: 0;
-  --pf-c-menu__footer--after--BorderBottomColor: var(--pf-global--BorderColor--100);
   --pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
   --pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
   --pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
@@ -12227,7 +12297,6 @@ ul.pf-c-list {
   --pf-c-menu__content--MaxHeight: var(--pf-c-menu--m-scrollable__content--MaxHeight);
   --pf-c-menu__footer--BoxShadow: var(--pf-c-menu--m-scrollable__footer--BoxShadow);
   --pf-c-menu__footer--after--BorderTopWidth: var(--pf-c-menu--m-scrollable__footer--after--BorderTopWidth);
-  --pf-c-menu__footer--after--BorderBottomWidth: var(--pf-c-menu--m-scrollable__footer--after--BorderBottomWidth);
 }
 
 .pf-c-menu.pf-m-scrollable .pf-c-menu__content {
@@ -12561,7 +12630,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   pointer-events: none;
   content: "";
   border-top: var(--pf-c-menu__footer--after--BorderTopWidth) solid var(--pf-c-menu__footer--after--BorderTopColor);
-  border-bottom: var(--pf-c-menu__footer--after--BorderBottomWidth) solid var(--pf-c-menu__footer--after--BorderBottomColor);
 }
 
 :where(.pf-theme-dark) .pf-c-menu {
@@ -18238,6 +18306,13 @@ label.pf-c-radio, .pf-c-radio__label,
   transform: translateY(var(--pf-c-select__menu--m-top--TranslateY));
 }
 
+.pf-c-select__menu.pf-m-static {
+  position: static;
+  top: auto;
+  z-index: auto;
+  min-width: min-content;
+}
+
 .pf-c-select__menu-fieldset {
   border: 0;
 }
@@ -23599,10 +23674,10 @@ label.pf-c-tree-view__node-text {
 }
 
 :where(.pf-theme-dark) .pf-c-wizard {
+  --pf-c-wizard__header--BackgroundColor: var(--pf-global--palette--black-1000);
+  --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-global--palette--black-500);
   --pf-c-wizard__nav-link--m-disabled--Color: var(--pf-global--disabled-color--300);
   --pf-c-wizard__nav-link--m-disabled--before--Color: var(--pf-global--disabled-color--300);
-  --pf-c-wizard__nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-wizard__outer-wrap--BackgroundColor: var(--pf-global--BackgroundColor--300);
 }
 
 :where(.pf-theme-dark) .pf-c-wizard__header {