@patternfly/react-core 4.221.0 → 4.221.3

package/dist/umd/react-core.js

@@ -4110,7 +4110,8 @@
       "card": "pf-c-card",
       "modifiers": {
         "plain": "pf-m-plain"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     Promise.resolve().then(function () { return content; });
@@ -4228,7 +4229,8 @@
         "end": "pf-m-end",
         "overpassFont": "pf-m-overpass-font"
       },
-      "spinner": "pf-c-spinner"
+      "spinner": "pf-c-spinner",
+      "themeDark": "pf-theme-dark"
     };
 
     Promise.resolve().then(function () { return spinner; });
@@ -4545,7 +4547,8 @@
         "bordered": "pf-m-bordered",
         "expanded": "pf-m-expanded",
         "fixed": "pf-m-fixed"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     const AccordionContext = React__namespace.createContext({});
@@ -4651,7 +4654,8 @@
         "expanded": "pf-m-expanded",
         "truncate": "pf-m-truncate",
         "overpassFont": "pf-m-overpass-font"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     Promise.resolve().then(function () { return accessibility; });
@@ -4780,6 +4784,7 @@
         "rightBottom": "pf-m-right-bottom",
         "textAlignLeft": "pf-m-text-align-left"
       },
+      "themeDark": "pf-theme-dark",
       "tooltip": "pf-c-tooltip",
       "tooltipArrow": "pf-c-tooltip__arrow",
       "tooltipContent": "pf-c-tooltip__content"
@@ -5143,7 +5148,8 @@
         "external": "pf-m-external",
         "link": "pf-m-link",
         "action": "pf-m-action"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     Promise.resolve().then(function () { return formControl; });
@@ -5161,7 +5167,8 @@
         "placeholder": "pf-m-placeholder",
         "resizeVertical": "pf-m-resize-vertical",
         "resizeHorizontal": "pf-m-resize-horizontal"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     const ThIconConfig = {
@@ -5224,7 +5231,8 @@
         "ariaDisabled": "pf-m-aria-disabled",
         "icon": "pf-m-icon",
         "description": "pf-m-description"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     exports.DropdownPosition = void 0;
@@ -5852,7 +5860,8 @@
       "modifiers": {
         "read": "pf-m-read",
         "unread": "pf-m-unread"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     const Badge = (_a) => {
@@ -6390,7 +6399,8 @@
         "sticky": "pf-m-sticky",
         "disabled": "pf-m-disabled",
         "inline": "pf-m-inline"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     const Banner = (_a) => {
@@ -6438,7 +6448,8 @@
       "modifiers": {
         "current": "pf-m-current",
         "overpassFont": "pf-m-overpass-font"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     const Breadcrumb = (_a) => {
@@ -6645,7 +6656,8 @@
       "selectToggleStatusIcon": "pf-c-select__toggle-status-icon",
       "selectToggleText": "pf-c-select__toggle-text",
       "selectToggleTypeahead": "pf-c-select__toggle-typeahead",
-      "selectToggleWrapper": "pf-c-select__toggle-wrapper"
+      "selectToggleWrapper": "pf-c-select__toggle-wrapper",
+      "themeDark": "pf-theme-dark"
     };
 
     const TimesCircleIconConfig = {
@@ -6712,7 +6724,8 @@
         "inactive": "pf-m-inactive",
         "hidden": "pf-m-hidden",
         "expanded": "pf-m-expanded"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     Promise.resolve().then(function () { return check; });
@@ -7330,7 +7343,8 @@
       "modifiers": {
         "overflow": "pf-m-overflow",
         "draggable": "pf-m-draggable"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     class Chip extends React__namespace.Component {
@@ -8069,7 +8083,7 @@
             });
         }
         render() {
-            const _a = this.props, { children, chipGroupProps, chipGroupComponent, className, customContent, variant, direction, onSelect, onClear, onBlur, toggleId, isOpen, isGrouped, isPlain, isDisabled, hasPlaceholderStyle, validated, selections: selectionsProp, typeAheadAriaLabel, clearSelectionsAriaLabel, toggleAriaLabel, removeSelectionAriaLabel, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, placeholderText, width, maxHeight, toggleIcon, ouiaId, ouiaSafe, hasInlineFilter, isCheckboxSelectionBadgeHidden, inlineFilterPlaceholderText, 
+            const _a = this.props, { children, chipGroupProps, chipGroupComponent, className, customContent, variant, direction, onSelect, onClear, onBlur, toggleId, isOpen, isGrouped, isPlain, isDisabled, hasPlaceholderStyle, validated, selections: selectionsProp, typeAheadAriaLabel, typeAheadAriaDescribedby, clearSelectionsAriaLabel, toggleAriaLabel, removeSelectionAriaLabel, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedby, 'aria-invalid': ariaInvalid, placeholderText, width, maxHeight, toggleIcon, ouiaId, ouiaSafe, hasInlineFilter, isCheckboxSelectionBadgeHidden, inlineFilterPlaceholderText, 
             /* eslint-disable @typescript-eslint/no-unused-vars */
             onFilter, 
             /* eslint-disable @typescript-eslint/no-unused-vars */
@@ -8079,7 +8093,7 @@
             /* eslint-enable @typescript-eslint/no-unused-vars */
             menuAppendTo, favorites, onFavorite, 
             /* eslint-disable @typescript-eslint/no-unused-vars */
-            favoritesLabel, footer, loadingVariant, isCreateSelectOptionObject, shouldResetOnSelect, isFlipEnabled } = _a, props = __rest$1(_a, ["children", "chipGroupProps", "chipGroupComponent", "className", "customContent", "variant", "direction", "onSelect", "onClear", "onBlur", "toggleId", "isOpen", "isGrouped", "isPlain", "isDisabled", "hasPlaceholderStyle", "validated", "selections", "typeAheadAriaLabel", "clearSelectionsAriaLabel", "toggleAriaLabel", "removeSelectionAriaLabel", 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-invalid', "placeholderText", "width", "maxHeight", "toggleIcon", "ouiaId", "ouiaSafe", "hasInlineFilter", "isCheckboxSelectionBadgeHidden", "inlineFilterPlaceholderText", "onFilter", "onTypeaheadInputChanged", "onCreateOption", "isCreatable", "onToggle", "createText", "noResultsFoundText", "customBadgeText", "inputIdPrefix", "inputAutoComplete", "isInputValuePersisted", "isInputFilterPersisted", "menuAppendTo", "favorites", "onFavorite", "favoritesLabel", "footer", "loadingVariant", "isCreateSelectOptionObject", "shouldResetOnSelect", "isFlipEnabled"]);
+            favoritesLabel, footer, loadingVariant, isCreateSelectOptionObject, shouldResetOnSelect, isFlipEnabled } = _a, props = __rest$1(_a, ["children", "chipGroupProps", "chipGroupComponent", "className", "customContent", "variant", "direction", "onSelect", "onClear", "onBlur", "toggleId", "isOpen", "isGrouped", "isPlain", "isDisabled", "hasPlaceholderStyle", "validated", "selections", "typeAheadAriaLabel", "typeAheadAriaDescribedby", "clearSelectionsAriaLabel", "toggleAriaLabel", "removeSelectionAriaLabel", 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-invalid', "placeholderText", "width", "maxHeight", "toggleIcon", "ouiaId", "ouiaSafe", "hasInlineFilter", "isCheckboxSelectionBadgeHidden", "inlineFilterPlaceholderText", "onFilter", "onTypeaheadInputChanged", "onCreateOption", "isCreatable", "onToggle", "createText", "noResultsFoundText", "customBadgeText", "inputIdPrefix", "inputAutoComplete", "isInputValuePersisted", "isInputFilterPersisted", "menuAppendTo", "favorites", "onFavorite", "favoritesLabel", "footer", "loadingVariant", "isCreateSelectOptionObject", "shouldResetOnSelect", "isFlipEnabled"]);
             const { focusFirstOption: openedOnEnter, typeaheadCurrIndex, typeaheadInputValue, typeaheadFilteredChildren, favoritesGroup } = this.state;
             const selectToggleId = toggleId || `pf-select-toggle-id-${currentId$1++}`;
             const selections = Array.isArray(selectionsProp) ? selectionsProp : [selectionsProp];
@@ -8253,8 +8267,8 @@
                 " ",
                 innerMenu,
                 " ") : innerMenu;
-            const popperContainer = (React__namespace.createElement("div", Object.assign({ className: css(styles$_.select, isOpen && styles$_.modifiers.expanded, validated === exports.ValidatedOptions.success && styles$_.modifiers.success, validated === exports.ValidatedOptions.warning && styles$_.modifiers.warning, validated === exports.ValidatedOptions.error && styles$_.modifiers.invalid, direction === exports.SelectDirection.up && styles$_.modifiers.top, className) }, (width && { style: { width } }), (validated !== exports.ValidatedOptions.default && { 'aria-describedby': ariaDescribedby }), (validated !== exports.ValidatedOptions.default && { 'aria-invalid': ariaInvalid })), isOpen && menuContainer));
-            const mainContainer = (React__namespace.createElement("div", Object.assign({ className: css(styles$_.select, isOpen && styles$_.modifiers.expanded, validated === exports.ValidatedOptions.success && styles$_.modifiers.success, validated === exports.ValidatedOptions.warning && styles$_.modifiers.warning, validated === exports.ValidatedOptions.error && styles$_.modifiers.invalid, direction === exports.SelectDirection.up && styles$_.modifiers.top, className), ref: this.parentRef }, getOUIAProps(Select.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), (width && { style: { width } }), (validated !== exports.ValidatedOptions.default && { 'aria-describedby': ariaDescribedby }), (validated !== exports.ValidatedOptions.default && { 'aria-invalid': ariaInvalid })),
+            const popperContainer = (React__namespace.createElement("div", Object.assign({ className: css(styles$_.select, isOpen && styles$_.modifiers.expanded, validated === exports.ValidatedOptions.success && styles$_.modifiers.success, validated === exports.ValidatedOptions.warning && styles$_.modifiers.warning, validated === exports.ValidatedOptions.error && styles$_.modifiers.invalid, direction === exports.SelectDirection.up && styles$_.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$_.select, isOpen && styles$_.modifiers.expanded, validated === exports.ValidatedOptions.success && styles$_.modifiers.success, validated === exports.ValidatedOptions.warning && styles$_.modifiers.warning, validated === exports.ValidatedOptions.error && styles$_.modifiers.invalid, direction === exports.SelectDirection.up && styles$_.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 }),
                     customContent && (React__namespace.createElement("div", { className: css(styles$_.selectToggleWrapper) },
                         toggleIcon && React__namespace.createElement("span", { className: css(styles$_.selectToggleIcon) }, toggleIcon),
@@ -8274,15 +8288,15 @@
                     variant === exports.SelectVariant.typeahead && !customContent && (React__namespace.createElement(React__namespace.Fragment, null,
                         React__namespace.createElement("div", { className: css(styles$_.selectToggleWrapper) },
                             toggleIcon && React__namespace.createElement("span", { className: css(styles$_.selectToggleIcon) }, toggleIcon),
-                            React__namespace.createElement("input", { className: css(formStyles.formControl, styles$_.selectToggleTypeahead), "aria-activedescendant": typeaheadActiveChild && typeaheadActiveChild.id, id: `${selectToggleId}-select-typeahead`, "aria-label": typeAheadAriaLabel, placeholder: placeholderText, value: typeaheadInputValue !== null
+                            React__namespace.createElement("input", Object.assign({ className: css(formStyles.formControl, styles$_.selectToggleTypeahead), "aria-activedescendant": typeaheadActiveChild && typeaheadActiveChild.id, id: `${selectToggleId}-select-typeahead`, "aria-label": typeAheadAriaLabel }, (typeAheadAriaDescribedby && { 'aria-describedby': typeAheadAriaDescribedby }), { placeholder: placeholderText, value: typeaheadInputValue !== null
                                     ? typeaheadInputValue
-                                    : this.getDisplay(selections[0], 'text') || '', type: "text", onClick: this.onClick, onChange: this.onChange, autoComplete: inputAutoComplete, disabled: isDisabled, ref: this.inputRef })),
+                                    : this.getDisplay(selections[0], 'text') || '', type: "text", onClick: this.onClick, onChange: this.onChange, autoComplete: inputAutoComplete, disabled: isDisabled, ref: this.inputRef }))),
                         hasOnClear && (selections[0] || typeaheadInputValue) && clearBtn)),
                     variant === exports.SelectVariant.typeaheadMulti && !customContent && (React__namespace.createElement(React__namespace.Fragment, null,
                         React__namespace.createElement("div", { className: css(styles$_.selectToggleWrapper) },
                             toggleIcon && React__namespace.createElement("span", { className: css(styles$_.selectToggleIcon) }, toggleIcon),
                             selections && Array.isArray(selections) && selections.length > 0 && selectedChips,
-                            React__namespace.createElement("input", { className: css(formStyles.formControl, styles$_.selectToggleTypeahead), "aria-activedescendant": typeaheadActiveChild && typeaheadActiveChild.id, id: `${selectToggleId}-select-multi-typeahead-typeahead`, "aria-label": typeAheadAriaLabel, "aria-invalid": validated === exports.ValidatedOptions.error, placeholder: placeholderText, value: typeaheadInputValue !== null ? typeaheadInputValue : '', type: "text", onChange: this.onChange, onClick: this.onClick, autoComplete: inputAutoComplete, disabled: isDisabled, ref: this.inputRef })),
+                            React__namespace.createElement("input", Object.assign({ className: css(formStyles.formControl, styles$_.selectToggleTypeahead), "aria-activedescendant": typeaheadActiveChild && typeaheadActiveChild.id, id: `${selectToggleId}-select-multi-typeahead-typeahead`, "aria-label": typeAheadAriaLabel, "aria-invalid": validated === exports.ValidatedOptions.error }, (typeAheadAriaDescribedby && { 'aria-describedby': typeAheadAriaDescribedby }), { placeholder: placeholderText, value: typeaheadInputValue !== null ? typeaheadInputValue : '', type: "text", onChange: this.onChange, onClick: this.onClick, autoComplete: inputAutoComplete, disabled: isDisabled, ref: this.inputRef }))),
                         hasOnClear && ((selections && selections.length > 0) || typeaheadInputValue) && clearBtn)),
                     validated === exports.ValidatedOptions.success && (React__namespace.createElement("span", { className: css(styles$_.selectToggleStatusIcon) },
                         React__namespace.createElement(CheckCircleIcon$1, { "aria-hidden": "true" }))),
@@ -8326,6 +8340,7 @@
         'aria-describedby': '',
         'aria-invalid': false,
         typeAheadAriaLabel: '',
+        typeAheadAriaDescribedby: '',
         clearSelectionsAriaLabel: 'Clear all',
         toggleAriaLabel: 'Options menu',
         removeSelectionAriaLabel: 'Remove',
@@ -8409,7 +8424,8 @@
         "disabled": "pf-m-disabled",
         "hover": "pf-m-hover",
         "focus": "pf-m-focus"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     exports.Weekday = void 0;
@@ -8824,7 +8840,8 @@
         "inline": "pf-m-inline",
         "block": "pf-m-block",
         "code": "pf-m-code"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     Promise.resolve().then(function () { return popover; });
@@ -8860,6 +8877,7 @@
       "popoverTitle": "pf-c-popover__title",
       "popoverTitleIcon": "pf-c-popover__title-icon",
       "popoverTitleText": "pf-c-popover__title-text",
+      "themeDark": "pf-theme-dark",
       "title": "pf-c-title"
     };
 
@@ -9363,7 +9381,8 @@
         "plain": "pf-m-plain",
         "text": "pf-m-text",
         "disabled": "pf-m-disabled"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     const SearchIconConfig = {
@@ -9487,7 +9506,8 @@
       "inputGroupText": "pf-c-input-group__text",
       "modifiers": {
         "plain": "pf-m-plain"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     class FormSelect extends React__namespace.Component {
@@ -9790,7 +9810,8 @@
         "expanded": "pf-m-expanded",
         "disabled": "pf-m-disabled",
         "noPadding": "pf-m-no-padding"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     Promise.resolve().then(function () { return dataListGrid; });
@@ -10026,9 +10047,9 @@
         render() {
             const _a = this.props, { className, children, onSelectDataListItem, selectedDataListItemId, isCompact, wrapModifier, 
             /* eslint-disable @typescript-eslint/no-unused-vars */
-            onDragStart, onDragMove, onDragCancel, onDragFinish, gridBreakpoint, itemOrder } = _a, 
+            onDragStart, onDragMove, onDragCancel, onDragFinish, gridBreakpoint, itemOrder, selectableRow } = _a, 
             /* eslint-enable @typescript-eslint/no-unused-vars */
-            props = __rest$1(_a, ["className", "children", "onSelectDataListItem", "selectedDataListItemId", "isCompact", "wrapModifier", "onDragStart", "onDragMove", "onDragCancel", "onDragFinish", "gridBreakpoint", "itemOrder"]);
+            props = __rest$1(_a, ["className", "children", "onSelectDataListItem", "selectedDataListItemId", "isCompact", "wrapModifier", "onDragStart", "onDragMove", "onDragCancel", "onDragFinish", "gridBreakpoint", "itemOrder", "selectableRow"]);
             const { dragging } = this.state;
             const isSelectable = onSelectDataListItem !== undefined;
             const updateSelectedDataListItem = (id) => {
@@ -10043,6 +10064,7 @@
                     isSelectable,
                     selectedDataListItemId,
                     updateSelectedDataListItem,
+                    selectableRow,
                     isDraggable: this.html5DragDrop,
                     dragStart: this.dragStart,
                     dragEnd: this.dragEnd,
@@ -10136,8 +10158,8 @@
     }
     class DataListItem extends React__namespace.Component {
         render() {
-            const _a = this.props, { children, isExpanded, className, id, 'aria-labelledby': ariaLabelledBy } = _a, props = __rest$1(_a, ["children", "isExpanded", "className", "id", 'aria-labelledby']);
-            return (React__namespace.createElement(DataListContext.Consumer, null, ({ isSelectable, selectedDataListItemId, updateSelectedDataListItem, isDraggable, dragStart, dragEnd, drop }) => {
+            const _a = this.props, { children, isExpanded, className, id, 'aria-labelledby': ariaLabelledBy, selectableInputAriaLabel } = _a, props = __rest$1(_a, ["children", "isExpanded", "className", "id", 'aria-labelledby', "selectableInputAriaLabel"]);
+            return (React__namespace.createElement(DataListContext.Consumer, null, ({ isSelectable, selectedDataListItemId, updateSelectedDataListItem, selectableRow, isDraggable, dragStart, dragEnd, drop }) => {
                 const selectDataListItem = (event) => {
                     let target = event.target;
                     while (event.currentTarget !== target) {
@@ -10168,10 +10190,17 @@
                     onDragEnd: dragEnd,
                     onDragStart: dragStart
                 };
-                return (React__namespace.createElement("li", Object.assign({ id: id, className: css(styles$O.dataListItem, isExpanded && styles$O.modifiers.expanded, isSelectable && styles$O.modifiers.selectable, selectedDataListItemId && selectedDataListItemId === id && styles$O.modifiers.selected, className), "aria-labelledby": ariaLabelledBy }, (isSelectable && { tabIndex: 0, onClick: selectDataListItem, onKeyDown }), (isSelectable && selectedDataListItemId === id && { 'aria-selected': true }), props, dragProps), React__namespace.Children.map(children, child => React__namespace.isValidElement(child) &&
-                    React__namespace.cloneElement(child, {
-                        rowid: ariaLabelledBy
-                    }))));
+                const isSelected = selectedDataListItemId === id;
+                const selectableInputAriaProps = selectableInputAriaLabel
+                    ? { 'aria-label': selectableInputAriaLabel }
+                    : { 'aria-labelledby': ariaLabelledBy };
+                const selectableInputType = (selectableRow === null || selectableRow === void 0 ? void 0 : selectableRow.type) === 'multiple' ? 'checkbox' : 'radio';
+                return (React__namespace.createElement("li", Object.assign({ id: id, className: css(styles$O.dataListItem, isExpanded && styles$O.modifiers.expanded, isSelectable && styles$O.modifiers.selectable, selectedDataListItemId && isSelected && styles$O.modifiers.selected, className), "aria-labelledby": ariaLabelledBy }, (isSelectable && { tabIndex: 0, onClick: selectDataListItem, onKeyDown }), (isSelectable && isSelected && { 'aria-selected': true }), props, dragProps),
+                    selectableRow && (React__namespace.createElement("input", Object.assign({ className: "pf-screen-reader", type: selectableInputType, checked: isSelected, onChange: event => selectableRow.onChange(id, event), tabIndex: -1 }, selectableInputAriaProps))),
+                    React__namespace.Children.map(children, child => React__namespace.isValidElement(child) &&
+                        React__namespace.cloneElement(child, {
+                            rowid: ariaLabelledBy
+                        }))));
             }));
         }
     }
@@ -10249,7 +10278,8 @@
         "error": "pf-m-error",
         "alignRight": "pf-m-align-right",
         "top": "pf-m-top"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     const OutlinedCalendarAltIconConfig = {
@@ -10520,7 +10550,8 @@
         "inlineOn_2xl": "pf-m-inline-on-2xl",
         "staticOn_2xl": "pf-m-static-on-2xl"
       },
-      "pageMain": "pf-c-page__main"
+      "pageMain": "pf-c-page__main",
+      "themeDark": "pf-theme-dark"
     };
 
     exports.DrawerColorVariant = void 0;
@@ -14096,7 +14127,8 @@
         "success": "pf-m-success",
         "error": "pf-m-error",
         "dynamic": "pf-m-dynamic"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     const HelperText = (_a) => {
@@ -14159,7 +14191,8 @@
         "link": "pf-m-link",
         "inline": "pf-m-inline",
         "plain": "pf-m-plain"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     const Hint = (_a) => {
@@ -14481,12 +14514,14 @@
         "red": "pf-m-red",
         "purple": "pf-m-purple",
         "cyan": "pf-m-cyan",
+        "gold": "pf-m-gold",
         "outline": "pf-m-outline",
         "overflow": "pf-m-overflow",
         "add": "pf-m-add",
         "editable": "pf-m-editable",
         "editableActive": "pf-m-editable-active"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     Promise.resolve().then(function () { return labelGroup; });
@@ -14781,6 +14816,7 @@
       "loginMainHeader": "pf-c-login__main-header",
       "loginMainHeaderDesc": "pf-c-login__main-header-desc",
       "loginMainHeaderUtilities": "pf-c-login__main-header-utilities",
+      "themeDark": "pf-theme-dark",
       "title": "pf-c-title"
     };
 
@@ -14987,6 +15023,7 @@
       },
       "nav": "pf-c-nav",
       "page": "pf-c-page",
+      "themeDark": "pf-theme-dark",
       "toolbar": "pf-c-toolbar",
       "toolbarContentSection": "pf-c-toolbar__content-section",
       "toolbarExpandableContent": "pf-c-toolbar__expandable-content"
@@ -15030,6 +15067,7 @@
         "shadowTop": "pf-m-shadow-top",
         "fill": "pf-m-fill",
         "noFill": "pf-m-no-fill",
+        "light_100": "pf-m-light-100",
         "dark_100": "pf-m-dark-100",
         "dark_200": "pf-m-dark-200",
         "padding": "pf-m-padding",
@@ -15069,7 +15107,8 @@
       "pageMainTabs": "pf-c-page__main-tabs",
       "pageMainWizard": "pf-c-page__main-wizard",
       "pageSidebar": "pf-c-page__sidebar",
-      "pageSidebarBody": "pf-c-page__sidebar-body"
+      "pageSidebarBody": "pf-c-page__sidebar-body",
+      "themeDark": "pf-theme-dark"
     };
 
     const global_breakpoint_xl = {
@@ -15330,7 +15369,8 @@
         "selected": "pf-m-selected",
         "favorite": "pf-m-favorite",
         "favorited": "pf-m-favorited"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     const MenuContext = React__namespace.createContext({
@@ -15841,7 +15881,8 @@
         "active": "pf-m-active",
         "fullWidth": "pf-m-full-width"
       },
-      "textInputGroup": "pf-c-text-input-group"
+      "textInputGroup": "pf-c-text-input-group",
+      "themeDark": "pf-theme-dark"
     };
 
     class MenuToggleBase extends React__namespace.Component {
@@ -15900,7 +15941,8 @@
         "info": "pf-m-info",
         "help": "pf-m-help",
         "icon": "pf-m-icon"
-      }
+      },
+      "themeDark": "pf-theme-dark"
     };
 
     const ModalBoxBody = (_a) => {
@@ -16310,7 +16352,8 @@
       "progressIndicator": "pf-c-progress__indicator",
       "progressMeasure": "pf-c-progress__measure",
       "progressStatus": "pf-c-progress__status",
-      "progressStatusIcon": "pf-c-progress__status-icon"
+      "progressStatusIcon": "pf-c-progress__status-icon",
+      "themeDark": "pf-theme-dark"
     };
 
     const ProgressBar = (_a) => {
@@ -16531,7 +16574,8 @@
       "navSectionTitle": "pf-c-nav__section-title",
       "navSubnav": "pf-c-nav__subnav",
       "navToggle": "pf-c-nav__toggle",
-      "navToggleIcon": "pf-c-nav__toggle-icon"
+      "navToggleIcon": "pf-c-nav__toggle-icon",
+      "themeDark": "pf-theme-dark"
     };
 
     const navContextDefaults = {};
@@ -16897,7 +16941,8 @@
         "attention": "pf-m-attention"
       },
       "notificationBadge": "pf-c-notification-badge",
-      "notificationBadgeCount": "pf-c-notification-badge__count"
+      "notificationBadgeCount": "pf-c-notification-badge__count",
+      "themeDark": "pf-theme-dark"
     };
 
     const AttentionBellIconConfig = {
@@ -16966,7 +17011,8 @@
       "notificationDrawerListItemHeader": "pf-c-notification-drawer__list-item-header",
       "notificationDrawerListItemHeaderIcon": "pf-c-notification-drawer__list-item-header-icon",
       "notificationDrawerListItemHeaderTitle": "pf-c-notification-drawer__list-item-header-title",
-      "notificationDrawerListItemTimestamp": "pf-c-notification-drawer__list-item-timestamp"
+      "notificationDrawerListItemTimestamp": "pf-c-notification-drawer__list-item-timestamp",
+      "themeDark": "pf-theme-dark"
     };
 
     const NotificationDrawerBase = (_a) => {
@@ -17187,7 +17233,8 @@
       "optionsMenuToggleButton": "pf-c-options-menu__toggle-button",
       "optionsMenuToggleButtonIcon": "pf-c-options-menu__toggle-button-icon",
       "optionsMenuToggleIcon": "pf-c-options-menu__toggle-icon",
-      "optionsMenuToggleText": "pf-c-options-menu__toggle-text"
+      "optionsMenuToggleText": "pf-c-options-menu__toggle-text",
+      "themeDark": "pf-theme-dark"
     };
 
     exports.OptionsMenuPosition = void 0;
@@ -17595,7 +17642,8 @@
       "paginationNav": "pf-c-pagination__nav",
       "paginationNavControl": "pf-c-pagination__nav-control",
       "paginationNavPageSelect": "pf-c-pagination__nav-page-select",
-      "paginationTotalItems": "pf-c-pagination__total-items"
+      "paginationTotalItems": "pf-c-pagination__total-items",
+      "themeDark": "pf-theme-dark"
     };
 
     class Navigation extends React__namespace.Component {
@@ -18112,7 +18160,8 @@
       "searchInputNav": "pf-c-search-input__nav",
       "searchInputText": "pf-c-search-input__text",
       "searchInputTextInput": "pf-c-search-input__text-input",
-      "searchInputUtilities": "pf-c-search-input__utilities"
+      "searchInputUtilities": "pf-c-search-input__utilities",
+      "themeDark": "pf-theme-dark"
     };
 
     Promise.resolve().then(function () { return panel; });
@@ -18453,7 +18502,8 @@
       "simpleList": "pf-c-simple-list",
       "simpleListItemLink": "pf-c-simple-list__item-link",
       "simpleListSection": "pf-c-simple-list__section",
-      "simpleListTitle": "pf-c-simple-list__title"
+      "simpleListTitle": "pf-c-simple-list__title",
+      "themeDark": "pf-theme-dark"
     };
 
     const SimpleListGroup = (_a) => {
@@ -18572,7 +18622,8 @@
         "textMd": "pf-m-text-md",
         "textSm": "pf-m-text-sm"
       },
-      "skeleton": "pf-c-skeleton"
+      "skeleton": "pf-c-skeleton",
+      "themeDark": "pf-theme-dark"
     };
 
     const Skeleton = (_a) => {
@@ -18884,7 +18935,8 @@
       "switchInput": "pf-c-switch__input",
       "switchLabel": "pf-c-switch__label",
       "switchToggle": "pf-c-switch__toggle",
-      "switchToggleIcon": "pf-c-switch__toggle-icon"
+      "switchToggleIcon": "pf-c-switch__toggle-icon",
+      "themeDark": "pf-theme-dark"
     };
 
     class Switch extends React__namespace.Component {
@@ -19004,7 +19056,8 @@
       "tabsToggle": "pf-c-tabs__toggle",
       "tabsToggleButton": "pf-c-tabs__toggle-button",
       "tabsToggleIcon": "pf-c-tabs__toggle-icon",
-      "tabsToggleText": "pf-c-tabs__toggle-text"
+      "tabsToggleText": "pf-c-tabs__toggle-text",
+      "themeDark": "pf-theme-dark"
     };
 
     const TabButton = (_a) => {
@@ -19350,6 +19403,7 @@
         "displayLg": "pf-m-display-lg",
         "stacked": "pf-m-stacked"
       },
+      "themeDark": "pf-theme-dark",
       "tile": "pf-c-tile",
       "tileBody": "pf-c-tile__body",
       "tileHeader": "pf-c-tile__header",
@@ -19845,6 +19899,7 @@
         "selected": "pf-m-selected",
         "disabled": "pf-m-disabled"
       },
+      "themeDark": "pf-theme-dark",
       "toggleGroup": "pf-c-toggle-group",
       "toggleGroupButton": "pf-c-toggle-group__button",
       "toggleGroupIcon": "pf-c-toggle-group__icon",
@@ -20438,6 +20493,7 @@
         "read": "pf-m-read",
         "truncate": "pf-m-truncate"
       },
+      "themeDark": "pf-theme-dark",
       "treeView": "pf-c-tree-view",
       "treeViewAction": "pf-c-tree-view__action",
       "treeViewContent": "pf-c-tree-view__content",
@@ -20717,6 +20773,7 @@
         "noPadding": "pf-m-no-padding"
       },
       "pageMainWizard": "pf-c-page__main-wizard",
+      "themeDark": "pf-theme-dark",
       "wizard": "pf-c-wizard",
       "wizardClose": "pf-c-wizard__close",
       "wizardDescription": "pf-c-wizard__description",