@patternfly/react-core 4.234.4 → 4.235.2

package/dist/umd/react-core.js

@@ -106,60 +106,70 @@
       "value": "576px",
       "var": "var(--pf-global--breakpoint--sm)"
     };
+    var globalBreakpointSm = global_breakpoint_sm;
 
     const global_breakpoint_md = {
       "name": "--pf-global--breakpoint--md",
       "value": "768px",
       "var": "var(--pf-global--breakpoint--md)"
     };
+    var globalBreakpointMd = global_breakpoint_md;
 
     const global_breakpoint_lg = {
       "name": "--pf-global--breakpoint--lg",
       "value": "992px",
       "var": "var(--pf-global--breakpoint--lg)"
     };
+    var globalBreakpointLg = global_breakpoint_lg;
 
     const global_breakpoint_xl = {
       "name": "--pf-global--breakpoint--xl",
       "value": "1200px",
       "var": "var(--pf-global--breakpoint--xl)"
     };
+    var globalBreakpointXl = global_breakpoint_xl;
 
     const global_breakpoint_2xl = {
       "name": "--pf-global--breakpoint--2xl",
       "value": "1450px",
       "var": "var(--pf-global--breakpoint--2xl)"
     };
+    var globalBreakpoint2xl = global_breakpoint_2xl;
 
     const global_height_breakpoint_sm = {
       "name": "--pf-global--height-breakpoint--sm",
       "value": "0",
       "var": "var(--pf-global--height-breakpoint--sm)"
     };
+    var globalHeightBreakpointSm = global_height_breakpoint_sm;
 
     const global_height_breakpoint_md = {
       "name": "--pf-global--height-breakpoint--md",
       "value": "40rem",
       "var": "var(--pf-global--height-breakpoint--md)"
     };
+    var globalHeightBreakpointMd = global_height_breakpoint_md;
 
     const global_height_breakpoint_lg = {
       "name": "--pf-global--height-breakpoint--lg",
       "value": "48rem",
       "var": "var(--pf-global--height-breakpoint--lg)"
     };
+    var globalHeightBreakpointLg = global_height_breakpoint_lg;
 
     const global_height_breakpoint_xl = {
       "name": "--pf-global--height-breakpoint--xl",
       "value": "60rem",
       "var": "var(--pf-global--height-breakpoint--xl)"
     };
+    var globalHeightBreakpointXl = global_height_breakpoint_xl;
 
     const global_height_breakpoint_2xl = {
       "name": "--pf-global--height-breakpoint--2xl",
       "value": "80rem",
       "var": "var(--pf-global--height-breakpoint--2xl)"
     };
+    var globalHeightBreakpoint2xl = global_height_breakpoint_2xl;
 
     const KEY_CODES = { ARROW_UP: 38, ARROW_DOWN: 40, ESCAPE_KEY: 27, TAB: 9, ENTER: 13, SPACE: 32 };
     const SIDE = { RIGHT: 'right', LEFT: 'left', BOTH: 'both', NONE: 'none' };
@@ -182,18 +192,18 @@
         ArrowRight: 'ArrowRight'
     };
     const globalWidthBreakpoints = {
-        sm: parseInt(global_breakpoint_sm.value),
-        md: parseInt(global_breakpoint_md.value),
-        lg: parseInt(global_breakpoint_lg.value),
-        xl: parseInt(global_breakpoint_xl.value),
-        '2xl': parseInt(global_breakpoint_2xl.value)
+        sm: parseInt(globalBreakpointSm.value),
+        md: parseInt(globalBreakpointMd.value),
+        lg: parseInt(globalBreakpointLg.value),
+        xl: parseInt(globalBreakpointXl.value),
+        '2xl': parseInt(globalBreakpoint2xl.value)
     };
     const globalHeightBreakpoints = {
-        sm: parseInt(global_height_breakpoint_sm.value),
-        md: parseInt(global_height_breakpoint_md.value),
-        lg: parseInt(global_height_breakpoint_lg.value),
-        xl: parseInt(global_height_breakpoint_xl.value),
-        '2xl': parseInt(global_height_breakpoint_2xl.value)
+        sm: parseInt(globalHeightBreakpointSm.value),
+        md: parseInt(globalHeightBreakpointMd.value),
+        lg: parseInt(globalHeightBreakpointLg.value),
+        xl: parseInt(globalHeightBreakpointXl.value),
+        '2xl': parseInt(globalHeightBreakpoint2xl.value)
     };
 
     /*!
@@ -4281,13 +4291,14 @@
       "value": "url(\"../../assets/images/pfbg_992@2x.jpg\")",
       "var": "var(--pf-c-about-modal-box__hero--sm--BackgroundImage)"
     };
+    var c_about_modal_box__hero_sm_BackgroundImage$1 = c_about_modal_box__hero_sm_BackgroundImage;
 
     const AboutModalBoxHero = (_a) => {
         var { className, backgroundImageSrc } = _a, props = __rest$1(_a, ["className", "backgroundImageSrc"]);
         return (React__namespace.createElement("div", Object.assign({ style: 
             /* eslint-disable camelcase */
             backgroundImageSrc !== ''
-                ? { [c_about_modal_box__hero_sm_BackgroundImage.name]: `url(${backgroundImageSrc})` }
+                ? { [c_about_modal_box__hero_sm_BackgroundImage$1.name]: `url(${backgroundImageSrc})` }
                 : {}, className: css(styles$1g.aboutModalBoxHero, className) }, props)));
     };
     AboutModalBoxHero.displayName = 'AboutModalBoxHero';
@@ -4507,11 +4518,13 @@
 
     const TimesIcon = createIcon(TimesIconConfig);
 
+    var TimesIcon$1 = TimesIcon;
+
     const AboutModalBoxCloseButton = (_a) => {
         var { className = '', onClose = () => undefined, 'aria-label': ariaLabel = 'Close Dialog' } = _a, props = __rest$1(_a, ["className", "onClose", 'aria-label']);
         return (React__namespace.createElement("div", Object.assign({ className: css(styles$1g.aboutModalBoxClose, className) }, props),
             React__namespace.createElement(Button, { variant: "plain", onClick: onClose, "aria-label": ariaLabel },
-                React__namespace.createElement(TimesIcon, null))));
+                React__namespace.createElement(TimesIcon$1, null))));
     };
     AboutModalBoxCloseButton.displayName = 'AboutModalBoxCloseButton';
 
@@ -4689,6 +4702,8 @@
 
     const AngleRightIcon = createIcon(AngleRightIconConfig);
 
+    var AngleRightIcon$1 = AngleRightIcon;
+
     const AccordionToggle = (_a) => {
         var { className = '', id, isExpanded = false, children = null, component } = _a, props = __rest$1(_a, ["className", "id", "isExpanded", "children", "component"]);
         return (React__namespace.createElement(AccordionContext.Consumer, null, ({ ToggleContainer }) => {
@@ -4697,7 +4712,7 @@
                 React__namespace.createElement("button", Object.assign({ id: id, className: css(styles$1c.accordionToggle, isExpanded && styles$1c.modifiers.expanded, className), "aria-expanded": isExpanded, type: "button" }, props),
                     React__namespace.createElement("span", { className: css(styles$1c.accordionToggleText) }, children),
                     React__namespace.createElement("span", { className: css(styles$1c.accordionToggleIcon) },
-                        React__namespace.createElement(AngleRightIcon, null)))));
+                        React__namespace.createElement(AngleRightIcon$1, null)))));
         }));
     };
     AccordionToggle.displayName = 'AccordionToggle';
@@ -4788,6 +4803,8 @@
 
     const CheckCircleIcon = createIcon(CheckCircleIconConfig);
 
+    var CheckCircleIcon$1 = CheckCircleIcon;
+
     const ExclamationCircleIconConfig = {
       name: 'ExclamationCircleIcon',
       height: 512,
@@ -4799,6 +4816,8 @@
 
     const ExclamationCircleIcon = createIcon(ExclamationCircleIconConfig);
 
+    var ExclamationCircleIcon$1 = ExclamationCircleIcon;
+
     const ExclamationTriangleIconConfig = {
       name: 'ExclamationTriangleIcon',
       height: 512,
@@ -4810,6 +4829,8 @@
 
     const ExclamationTriangleIcon = createIcon(ExclamationTriangleIconConfig);
 
+    var ExclamationTriangleIcon$1 = ExclamationTriangleIcon;
+
     const InfoCircleIconConfig = {
       name: 'InfoCircleIcon',
       height: 512,
@@ -4821,6 +4842,8 @@
 
     const InfoCircleIcon = createIcon(InfoCircleIconConfig);
 
+    var InfoCircleIcon$1 = InfoCircleIcon;
+
     const BellIconConfig = {
       name: 'BellIcon',
       height: 1024,
@@ -4832,12 +4855,14 @@
 
     const BellIcon = createIcon(BellIconConfig);
 
+    var BellIcon$1 = BellIcon;
+
     const variantIcons$2 = {
-        success: CheckCircleIcon,
-        danger: ExclamationCircleIcon,
-        warning: ExclamationTriangleIcon,
-        info: InfoCircleIcon,
-        default: BellIcon
+        success: CheckCircleIcon$1,
+        danger: ExclamationCircleIcon$1,
+        warning: ExclamationTriangleIcon$1,
+        info: InfoCircleIcon$1,
+        default: BellIcon$1
     };
     const AlertIcon = (_a) => {
         var { variant, customIcon, className = '' } = _a, props = __rest$1(_a, ["variant", "customIcon", "className"]);
@@ -4852,6 +4877,7 @@
       "value": "1",
       "var": "var(--pf-c-alert__title--max-lines)"
     };
+    var maxLines$2 = c_alert__title_max_lines;
 
     Promise.resolve().then(function () { return tooltip; });
     var styles$19 = {
@@ -4893,6 +4919,7 @@
       "value": "18.75rem",
       "var": "var(--pf-c-tooltip--MaxWidth)"
     };
+    var tooltipMaxWidth = c_tooltip_MaxWidth;
 
     exports.TooltipPosition = void 0;
     (function (TooltipPosition) {
@@ -4913,7 +4940,7 @@
     // id for associating trigger with the content aria-describedby or aria-labelledby
     let pfTooltipIdCounter = 1;
     const Tooltip = (_a) => {
-        var { content: bodyContent, position = 'top', trigger = 'mouseenter focus', isVisible = false, isContentLeftAligned = false, enableFlip = true, className = '', entryDelay = 300, exitDelay = 300, appendTo = () => document.body, zIndex = 9999, maxWidth = c_tooltip_MaxWidth.value, distance = 15, aria = 'describedby', 
+        var { content: bodyContent, position = 'top', trigger = 'mouseenter focus', isVisible = false, isContentLeftAligned = false, enableFlip = true, className = '', entryDelay = 300, exitDelay = 300, appendTo = () => document.body, zIndex = 9999, maxWidth = tooltipMaxWidth.value, distance = 15, aria = 'describedby', 
         // For every initial starting position, there are 3 escape positions
         flipBehavior = ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom'], id = `pf-tooltip-${pfTooltipIdCounter++}`, children, animationDuration = 300, reference, 'aria-live': ariaLive = reference ? 'polite' : 'off', boundary, isAppLauncher, tippyProps } = _a, rest = __rest$1(_a, ["content", "position", "trigger", "isVisible", "isContentLeftAligned", "enableFlip", "className", "entryDelay", "exitDelay", "appendTo", "zIndex", "maxWidth", "distance", "aria", "flipBehavior", "id", "children", "animationDuration", "reference", 'aria-live', "boundary", "isAppLauncher", "tippyProps"]);
         {
@@ -4996,7 +5023,7 @@
             'right-start': styles$19.modifiers.rightTop,
             'right-end': styles$19.modifiers.rightBottom
         };
-        const hasCustomMaxWidth = maxWidth !== c_tooltip_MaxWidth.value;
+        const hasCustomMaxWidth = maxWidth !== tooltipMaxWidth.value;
         const content = (React__namespace.createElement("div", Object.assign({ "aria-live": ariaLive, className: css(styles$19.tooltip, className), role: "tooltip", id: id, style: {
                 maxWidth: hasCustomMaxWidth ? maxWidth : null,
                 opacity,
@@ -5035,7 +5062,7 @@
         const { title, variantLabel: alertVariantLabel } = React__namespace.useContext(AlertContext);
         return (React__namespace.createElement(Button, Object.assign({ variant: exports.ButtonVariant.plain, onClick: onToggleExpand, "aria-expanded": isExpanded, "aria-label": ariaLabel === '' ? `Toggle ${variantLabel || alertVariantLabel} alert: ${title}` : ariaLabel }, props),
             React__namespace.createElement("span", { className: css(styles$1a.alertToggleIcon) },
-                React__namespace.createElement(AngleRightIcon, { "aria-hidden": "true" }))));
+                React__namespace.createElement(AngleRightIcon$1, { "aria-hidden": "true" }))));
     };
     AlertToggleExpandButton.displayName = 'AlertToggleExpandButton';
 
@@ -5060,7 +5087,7 @@
             if (!titleRef.current || !truncateTitle) {
                 return;
             }
-            titleRef.current.style.setProperty(c_alert__title_max_lines.name, truncateTitle.toString());
+            titleRef.current.style.setProperty(maxLines$2.name, truncateTitle.toString());
             const showTooltip = titleRef.current && titleRef.current.offsetHeight < titleRef.current.scrollHeight;
             if (isTooltipVisible !== showTooltip) {
                 setIsTooltipVisible(showTooltip);
@@ -5140,7 +5167,7 @@
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         className = '', onClose = () => undefined, 'aria-label': ariaLabel = '', variantLabel } = _a, props = __rest$1(_a, ["className", "onClose", 'aria-label', "variantLabel"]);
         return (React__namespace.createElement(AlertContext.Consumer, null, ({ title, variantLabel: alertVariantLabel }) => (React__namespace.createElement(Button, Object.assign({ variant: exports.ButtonVariant.plain, onClick: onClose, "aria-label": ariaLabel === '' ? `Close ${variantLabel || alertVariantLabel} alert: ${title}` : ariaLabel }, props),
-            React__namespace.createElement(TimesIcon, null)))));
+            React__namespace.createElement(TimesIcon$1, null)))));
     };
     AlertActionCloseButton.displayName = 'AlertActionCloseButton';
 
@@ -5267,6 +5294,8 @@
 
     const ThIcon = createIcon(ThIconConfig);
 
+    var ThIcon$1 = ThIcon;
+
     Promise.resolve().then(function () { return dropdown; });
     var styles$16 = {
       "badge": "pf-c-badge",
@@ -5849,6 +5878,8 @@
 
     const CaretDownIcon = createIcon(CaretDownIconConfig);
 
+    var CaretDownIcon$1 = CaretDownIcon;
+
     const buttonVariantStyles = {
         default: '',
         primary: styles$16.modifiers.primary,
@@ -5960,7 +5991,7 @@
             React__namespace.createElement(Badge, Object.assign({}, badgeProps),
                 children,
                 React__namespace.createElement("span", { className: css(styles$16.dropdownToggleIcon) },
-                    React__namespace.createElement(CaretDownIcon, null)))));
+                    React__namespace.createElement(CaretDownIcon$1, null)))));
     };
     BadgeToggle.displayName = 'BadgeToggle';
 
@@ -5975,6 +6006,8 @@
 
     const EllipsisVIcon = createIcon(EllipsisVIconConfig);
 
+    var EllipsisVIcon$1 = EllipsisVIcon;
+
     const KebabToggle = (_a) => {
         var { id = '', 
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -5983,7 +6016,7 @@
         ref } = _a, // Types of Ref are different for React.FunctionComponent vs React.Component
         props = __rest$1(_a, ["id", "children", "className", "isOpen", 'aria-label', "parentRef", "getMenuRef", "isActive", "isPlain", "isDisabled", "bubbleEvent", "onToggle", "ref"]);
         return (React__namespace.createElement(Toggle, Object.assign({ id: id, className: className, isOpen: isOpen, "aria-label": ariaLabel, parentRef: parentRef, getMenuRef: getMenuRef, isActive: isActive, isPlain: isPlain, isDisabled: isDisabled, onToggle: onToggle, bubbleEvent: bubbleEvent }, props),
-            React__namespace.createElement(EllipsisVIcon, null)));
+            React__namespace.createElement(EllipsisVIcon$1, null)));
     };
     KebabToggle.displayName = 'KebabToggle';
 
@@ -5992,7 +6025,7 @@
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         isActive = false, 
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        onToggle = (_isOpen) => undefined, icon = null, toggleIndicator: ToggleIndicator = CaretDownIcon, splitButtonItems, splitButtonVariant = 'checkbox', 'aria-haspopup': ariaHasPopup, ouiaId, ouiaSafe, 
+        onToggle = (_isOpen) => undefined, icon = null, toggleIndicator: ToggleIndicator = CaretDownIcon$1, splitButtonItems, splitButtonVariant = 'checkbox', 'aria-haspopup': ariaHasPopup, ouiaId, ouiaSafe, 
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         ref } = _a, // Types of Ref are different for React.FunctionComponent vs React.Component
         props = __rest$1(_a, ["id", "children", "className", "isOpen", "parentRef", "getMenuRef", "isDisabled", "isPlain", "isText", "isPrimary", "toggleVariant", "isActive", "onToggle", "icon", "toggleIndicator", "splitButtonItems", "splitButtonVariant", 'aria-haspopup', "ouiaId", "ouiaSafe", "ref"]);
@@ -6102,6 +6135,8 @@
 
     const ExternalLinkAltIcon = createIcon(ExternalLinkAltIconConfig);
 
+    var ExternalLinkAltIcon$1 = ExternalLinkAltIcon;
+
     const ApplicationLauncherItemContext = React__namespace.createContext({ isExternal: false, icon: null });
 
     const ApplicationLauncherContent = ({ children }) => (React__namespace.createElement(ApplicationLauncherItemContext.Consumer, null, ({ isExternal, icon }) => (React__namespace.createElement(React__namespace.Fragment, null,
@@ -6109,7 +6144,7 @@
         icon ? React__namespace.createElement(ApplicationLauncherText, null, children) : children,
         isExternal && (React__namespace.createElement(React__namespace.Fragment, null,
             React__namespace.createElement("span", { className: css(styles$17.appLauncherMenuItemExternalIcon) },
-                React__namespace.createElement(ExternalLinkAltIcon, null)),
+                React__namespace.createElement(ExternalLinkAltIcon$1, null)),
             React__namespace.createElement("span", { className: css(a11yStyles.screenReader) }, "(opens new window)")))))));
     ApplicationLauncherContent.displayName = 'ApplicationLauncherContent';
 
@@ -6129,6 +6164,8 @@
 
     const StarIcon = createIcon(StarIconConfig);
 
+    var StarIcon$1 = StarIcon;
+
     const ApplicationLauncherItem = (_a) => {
         var { className = '', id, children, icon = null, isExternal = false, href, tooltip = null, tooltipProps = null, component = 'a', isFavorite = null, ariaIsFavoriteLabel = 'starred', ariaIsNotFavoriteLabel = 'not starred', customChild, enterTriggersArrowDown = false } = _a, props = __rest$1(_a, ["className", "id", "children", "icon", "isExternal", "href", "tooltip", "tooltipProps", "component", "isFavorite", "ariaIsFavoriteLabel", "ariaIsNotFavoriteLabel", "customChild", "enterTriggersArrowDown"]);
         return (React__namespace.createElement(ApplicationLauncherItemContext.Provider, { value: { isExternal, icon } },
@@ -6136,7 +6173,7 @@
                 additionalChild: (React__namespace.createElement("button", { className: css(styles$17.appLauncherMenuItem, styles$17.modifiers.action), "aria-label": isFavorite ? ariaIsFavoriteLabel : ariaIsNotFavoriteLabel, onClick: () => {
                         onFavorite((id || getUniqueId('app-launcher-option')).replace('favorite-', ''), isFavorite);
                     } },
-                    React__namespace.createElement(StarIcon, null)))
+                    React__namespace.createElement(StarIcon$1, null)))
             }), props), children && React__namespace.createElement(ApplicationLauncherContent, null, children))))));
     };
     ApplicationLauncherItem.displayName = 'ApplicationLauncherItem';
@@ -6279,7 +6316,7 @@
         /* eslint-enable @typescript-eslint/no-unused-vars */
         'aria-label': 'Application launcher',
         isGrouped: false,
-        toggleIcon: React__namespace.createElement(ThIcon, null),
+        toggleIcon: React__namespace.createElement(ThIcon$1, null),
         searchPlaceholderText: 'Filter by name...',
         searchNoResultsText: 'No results found',
         favoritesLabel: 'Favorites',
@@ -6325,6 +6362,8 @@
 
     const AngleUpIcon = createIcon(AngleUpIconConfig);
 
+    var AngleUpIcon$1 = AngleUpIcon;
+
     const BackToTopBase = (_a) => {
         var { className, title = 'Back to top', innerRef, scrollableSelector, isAlwaysVisible = false } = _a, props = __rest$1(_a, ["className", "title", "innerRef", "scrollableSelector", "isAlwaysVisible"]);
         const [visible, setVisible] = React__namespace.useState(isAlwaysVisible);
@@ -6372,7 +6411,7 @@
             scrollElement.scrollTo({ top: 0, behavior: 'smooth' });
         };
         return (React__namespace.createElement("div", Object.assign({ className: css(styles$13.backToTop, !visible && styles$13.modifiers.hidden, className), ref: innerRef, onClick: handleClick }, props),
-            React__namespace.createElement(Button, { variant: "primary", icon: React__namespace.createElement(AngleUpIcon, { "aria-hidden": "true" }), iconPosition: "right" }, title)));
+            React__namespace.createElement(Button, { variant: "primary", icon: React__namespace.createElement(AngleUpIcon$1, { "aria-hidden": "true" }), iconPosition: "right" }, title)));
     };
     const BackToTop = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(BackToTopBase, Object.assign({ innerRef: ref }, props))));
     BackToTop.displayName = 'BackToTop';
@@ -6382,36 +6421,42 @@
       "value": "url(\"../../assets/images/pfbg_576.jpg\")",
       "var": "var(--pf-c-background-image--BackgroundImage)"
     };
+    var cssVar = c_background_image_BackgroundImage;
 
     const c_background_image_BackgroundImage_2x = {
       "name": "--pf-c-background-image--BackgroundImage-2x",
       "value": "url(\"../../assets/images/pfbg_576@2x.jpg\")",
       "var": "var(--pf-c-background-image--BackgroundImage-2x)"
     };
+    var cssVarName2x = c_background_image_BackgroundImage_2x;
 
     const c_background_image_BackgroundImage_sm = {
       "name": "--pf-c-background-image--BackgroundImage--sm",
       "value": "url(\"../../assets/images/pfbg_768.jpg\")",
       "var": "var(--pf-c-background-image--BackgroundImage--sm)"
     };
+    var cssVarNameSm = c_background_image_BackgroundImage_sm;
 
     const c_background_image_BackgroundImage_sm_2x = {
       "name": "--pf-c-background-image--BackgroundImage--sm-2x",
       "value": "url(\"../../assets/images/pfbg_768@2x.jpg\")",
       "var": "var(--pf-c-background-image--BackgroundImage--sm-2x)"
     };
+    var cssVarNameSm2x = c_background_image_BackgroundImage_sm_2x;
 
     const c_background_image_BackgroundImage_lg = {
       "name": "--pf-c-background-image--BackgroundImage--lg",
       "value": "url(\"../../assets/images/pfbg_2000.jpg\")",
       "var": "var(--pf-c-background-image--BackgroundImage--lg)"
     };
+    var cssVarNameLg = c_background_image_BackgroundImage_lg;
 
     const c_background_image_Filter = {
       "name": "--pf-c-background-image--Filter",
       "value": "url(\"#image_overlay\")",
       "var": "var(--pf-c-background-image--Filter)"
     };
+    var cssVarNameFilter = c_background_image_Filter;
 
     Promise.resolve().then(function () { return backgroundImage; });
     var styles$12 = {
@@ -6441,12 +6486,12 @@
         const filterNum = React__namespace.useMemo(() => filterCounter++, []);
         const filterId = `patternfly-background-image-filter-overlay${filterNum}`;
         const style = {
-            [c_background_image_BackgroundImage.name]: getUrlValue('xs'),
-            [c_background_image_BackgroundImage_2x.name]: getUrlValue('xs2x'),
-            [c_background_image_BackgroundImage_sm.name]: getUrlValue('sm'),
-            [c_background_image_BackgroundImage_sm_2x.name]: getUrlValue('sm2x'),
-            [c_background_image_BackgroundImage_lg.name]: getUrlValue('lg'),
-            [c_background_image_Filter.name]: `url(#${filterId})`
+            [cssVar.name]: getUrlValue('xs'),
+            [cssVarName2x.name]: getUrlValue('xs2x'),
+            [cssVarNameSm.name]: getUrlValue('sm'),
+            [cssVarNameSm2x.name]: getUrlValue('sm2x'),
+            [cssVarNameLg.name]: getUrlValue('lg'),
+            [cssVarNameFilter.name]: `url(#${filterId})`
         };
         return (React__namespace.createElement("div", Object.assign({ className: css(styles$12.backgroundImage, className), style: style }, props),
             React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "pf-c-background-image__filter", width: "0", height: "0" }, React__namespace.cloneElement(filter, { id: filterId }))));
@@ -6540,7 +6585,7 @@
         const className = css(styles$$.breadcrumbLink, isActive && styles$$.modifiers.current);
         return (React__namespace.createElement("li", Object.assign({}, props, { className: css(styles$$.breadcrumbItem, classNameProp) }),
             showDivider && (React__namespace.createElement("span", { className: styles$$.breadcrumbItemDivider },
-                React__namespace.createElement(AngleRightIcon, null))),
+                React__namespace.createElement(AngleRightIcon$1, null))),
             component === 'button' && (React__namespace.createElement("button", { className: className, "aria-current": ariaCurrent, type: "button" }, children)),
             isDropdown && React__namespace.createElement("span", { className: css(styles$$.breadcrumbDropdown) }, children),
             render && render({ className, ariaCurrent }),
@@ -6554,7 +6599,7 @@
         const Component = component;
         return (React__namespace.createElement("li", Object.assign({}, props, { className: css(styles$$.breadcrumbItem, className) }),
             showDivider && (React__namespace.createElement("span", { className: styles$$.breadcrumbItemDivider },
-                React__namespace.createElement(AngleRightIcon, null))),
+                React__namespace.createElement(AngleRightIcon$1, null))),
             React__namespace.createElement("h1", { className: styles$$.breadcrumbHeading },
                 !to && component === 'button' && (React__namespace.createElement("button", { className: css(styles$$.breadcrumbLink, styles$$.modifiers.current), "aria-current": true, type: "button" }, children)),
                 to && (React__namespace.createElement(Component, { href: to, target: target, className: css(styles$$.breadcrumbLink, styles$$.modifiers.current), "aria-current": "page" }, children)),
@@ -6739,6 +6784,8 @@
 
     const TimesCircleIcon = createIcon(TimesCircleIconConfig);
 
+    var TimesCircleIcon$1 = TimesCircleIcon;
+
     Promise.resolve().then(function () { return form; });
     var styles$Z = {
       "form": "pf-c-form",
@@ -6819,6 +6866,8 @@
 
     const CheckIcon = createIcon(CheckIconConfig);
 
+    var CheckIcon$1 = CheckIcon;
+
     const SelectContext = React__namespace.createContext(null);
     const SelectProvider = SelectContext.Provider;
     const SelectConsumer = SelectContext.Consumer;
@@ -6920,7 +6969,7 @@
                     this.onKeyDown(event, 1, () => onFavorite(generatedId.replace('favorite-', ''), isFavorite));
                 }, ref: this.favoriteRef },
                 React__namespace.createElement("span", { className: css(styles$_.selectMenuItemActionIcon) },
-                    React__namespace.createElement(StarIcon, null))));
+                    React__namespace.createElement(StarIcon$1, null))));
             const itemDisplay = itemCount ? (React__namespace.createElement("span", { className: css(styles$_.selectMenuItemRow) },
                 React__namespace.createElement("span", { className: css(styles$_.selectMenuItemText) }, children || (value && value.toString && value.toString())),
                 React__namespace.createElement("span", { className: css(styles$_.selectMenuItemCount) }, itemCount))) : (children || value.toString());
@@ -6963,12 +7012,12 @@
                                     React__namespace.createElement("span", { className: css(styles$_.selectMenuItemMain) },
                                         itemDisplay,
                                         isSelected && (React__namespace.createElement("span", { className: css(styles$_.selectMenuItemIcon) },
-                                            React__namespace.createElement(CheckIcon, { "aria-hidden": true })))),
+                                            React__namespace.createElement(CheckIcon$1, { "aria-hidden": true })))),
                                     React__namespace.createElement("span", { className: css(styles$_.selectMenuItemDescription) }, description))),
                                 !description && (React__namespace.createElement(React__namespace.Fragment, null,
                                     itemDisplay,
                                     isSelected && (React__namespace.createElement("span", { className: css(styles$_.selectMenuItemIcon) },
-                                        React__namespace.createElement(CheckIcon, { "aria-hidden": true })))))),
+                                        React__namespace.createElement(CheckIcon$1, { "aria-hidden": true })))))),
                             isFavorite !== null && id && favoriteButton(onFavorite)))));
                 }
                 else if (variant === exports.SelectVariant.checkbox && isLoad) {
@@ -7341,7 +7390,7 @@
                     }, onKeyDown: this.onKeyDown, disabled: isDisabled }),
                     children,
                     React__namespace.createElement("span", { className: css(styles$_.selectToggleArrow) },
-                        React__namespace.createElement(CaretDownIcon, null)))),
+                        React__namespace.createElement(CaretDownIcon$1, null)))),
                 isTypeahead && (React__namespace.createElement("div", Object.assign({}, props, { ref: this.toggle, className: css(styles$_.selectToggle, hasPlaceholderStyle && styles$_.modifiers.placeholder, isDisabled && styles$_.modifiers.disabled, isPlain && styles$_.modifiers.plain, isTypeahead && styles$_.modifiers.typeahead, className), onBlur: onBlur, 
                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
                     onClick: event => {
@@ -7362,7 +7411,7 @@
                         } }, ((variant === exports.SelectVariant.typeahead || variant === exports.SelectVariant.typeaheadMulti) && {
                         tabIndex: -1
                     }), { disabled: isDisabled }),
-                        React__namespace.createElement(CaretDownIcon, { className: css(styles$_.selectToggleArrow) }))))));
+                        React__namespace.createElement(CaretDownIcon$1, { className: css(styles$_.selectToggleArrow) }))))));
         }
     }
     SelectToggle.displayName = 'SelectToggle';
@@ -7450,7 +7499,7 @@
             }), { className: css(styles$W.chip, className) }, (this.state.isTooltipVisible && { tabIndex: 0 }), getOUIAProps(Chip.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId)),
                 React__namespace.createElement("span", { ref: this.span, className: css(styles$W.chipText), id: id }, children),
                 !isReadOnly && (React__namespace.createElement(Button, { onClick: onClick, variant: "plain", "aria-label": closeBtnAriaLabel, id: `remove_${id}`, "aria-labelledby": `remove_${id} ${id}`, ouiaId: ouiaId || closeBtnAriaLabel },
-                    React__namespace.createElement(TimesIcon, { "aria-hidden": "true" })))));
+                    React__namespace.createElement(TimesIcon$1, { "aria-hidden": "true" })))));
         }
         render() {
             const { isOverflowChip } = this.props;
@@ -7523,7 +7572,7 @@
                                     }, component: "button" }, isOpen ? expandedText : collapsedTextResult))))),
                     isClosable && (React__namespace.createElement("div", { className: css(styles$X.chipGroupClose) },
                         React__namespace.createElement(Button, { variant: "plain", "aria-label": closeBtnAriaLabel, onClick: onClick, id: `remove_group_${id}`, "aria-labelledby": `remove_group_${id} ${id}`, ouiaId: ouiaId || closeBtnAriaLabel },
-                            React__namespace.createElement(TimesCircleIcon, { "aria-hidden": "true" }))))));
+                            React__namespace.createElement(TimesCircleIcon$1, { "aria-hidden": "true" }))))));
             };
             return numChildren === 0 ? null : React__namespace.createElement(GenerateId, null, randomId => renderChipGroup(this.props.id || randomId));
         }
@@ -8223,7 +8272,7 @@
                         this.clearRef.current.click();
                     }
                 } },
-                React__namespace.createElement(TimesCircleIcon, { "aria-hidden": true })));
+                React__namespace.createElement(TimesCircleIcon$1, { "aria-hidden": true })));
             let selectedChips = null;
             if (variant === exports.SelectVariant.typeaheadMulti) {
                 selectedChips = chipGroupComponent ? (chipGroupComponent) : (React__namespace.createElement(ChipGroup, Object.assign({}, chipGroupProps), selections &&
@@ -8373,11 +8422,11 @@
                             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, { "aria-hidden": "true" }))),
+                        React__namespace.createElement(CheckCircleIcon$1, { "aria-hidden": "true" }))),
                     validated === exports.ValidatedOptions.error && (React__namespace.createElement("span", { className: css(styles$_.selectToggleStatusIcon) },
-                        React__namespace.createElement(ExclamationCircleIcon, { "aria-hidden": "true" }))),
+                        React__namespace.createElement(ExclamationCircleIcon$1, { "aria-hidden": "true" }))),
                     validated === exports.ValidatedOptions.warning && (React__namespace.createElement("span", { className: css(styles$_.selectToggleStatusIcon) },
-                        React__namespace.createElement(ExclamationTriangleIcon, { "aria-hidden": "true" })))),
+                        React__namespace.createElement(ExclamationTriangleIcon$1, { "aria-hidden": "true" })))),
                 isOpen && menuAppendTo === 'inline' && menuContainer));
             const getParentElement = () => {
                 if (this.parentRef && this.parentRef.current) {
@@ -8513,6 +8562,7 @@
       "value": "auto",
       "var": "var(--pf-c-form-control--textarea--Height)"
     };
+    var heightToken = c_form_control_textarea_Height;
 
     exports.TextAreResizeOrientation = void 0;
     (function (TextAreResizeOrientation) {
@@ -8527,7 +8577,7 @@
                 // https://gomakethings.com/automatically-expand-a-textarea-as-the-user-types-using-vanilla-javascript/
                 const field = event.currentTarget;
                 if (this.props.autoResize && canUseDOM) {
-                    field.style.setProperty(c_form_control_textarea_Height.name, 'inherit');
+                    field.style.setProperty(heightToken.name, 'inherit');
                     const computed = window.getComputedStyle(field);
                     // Calculate the height
                     const height = parseInt(computed.getPropertyValue('border-top-width')) +
@@ -8535,7 +8585,7 @@
                         field.scrollHeight +
                         parseInt(computed.getPropertyValue('padding-bottom')) +
                         parseInt(computed.getPropertyValue('border-bottom-width'));
-                    field.style.setProperty(c_form_control_textarea_Height.name, `${height}px`);
+                    field.style.setProperty(heightToken.name, `${height}px`);
                 }
                 if (this.props.onChange) {
                     this.props.onChange(field.value, event);
@@ -8608,6 +8658,8 @@
 
     const AngleLeftIcon = createIcon(AngleLeftIconConfig);
 
+    var AngleLeftIcon$1 = AngleLeftIcon;
+
     Promise.resolve().then(function () { return calendarMonth; });
     var styles$U = {
       "calendarMonth": "pf-c-calendar-month",
@@ -8784,7 +8836,7 @@
             React__default["default"].createElement("div", { className: styles$U.calendarMonthHeader },
                 React__default["default"].createElement("div", { className: css(styles$U.calendarMonthHeaderNavControl, styles$U.modifiers.prevMonth) },
                     React__default["default"].createElement(Button, { variant: "plain", "aria-label": prevMonthAriaLabel, onClick: (ev) => onMonthClick(prevMonth, ev) },
-                        React__default["default"].createElement(AngleLeftIcon, { "aria-hidden": true }))),
+                        React__default["default"].createElement(AngleLeftIcon$1, { "aria-hidden": true }))),
                 React__default["default"].createElement(InputGroup, null,
                     React__default["default"].createElement("div", { className: styles$U.calendarMonthHeaderMonth },
                         React__default["default"].createElement("span", { id: hiddenMonthId, hidden: true }, "Month"),
@@ -8820,7 +8872,7 @@
                             } }))),
                 React__default["default"].createElement("div", { className: css(styles$U.calendarMonthHeaderNavControl, styles$U.modifiers.nextMonth) },
                     React__default["default"].createElement(Button, { variant: "plain", "aria-label": nextMonthAriaLabel, onClick: (ev) => onMonthClick(nextMonth, ev) },
-                        React__default["default"].createElement(AngleRightIcon, { "aria-hidden": true })))),
+                        React__default["default"].createElement(AngleRightIcon$1, { "aria-hidden": true })))),
             React__default["default"].createElement("table", { className: styles$U.calendarMonthCalendar },
                 React__default["default"].createElement("thead", { className: styles$U.calendarMonthDays },
                     React__default["default"].createElement("tr", null, calendar[0].map(({ date }, index) => (React__default["default"].createElement("th", { key: index, className: styles$U.calendarMonthDay, scope: "col" },
@@ -8993,7 +9045,7 @@
                         onExpand(evt, cardId);
                     } }, toggleButtonProps),
                     React__namespace.createElement("span", { className: css(styles$T.cardHeaderToggleIcon) },
-                        React__namespace.createElement(AngleRightIcon, { "aria-hidden": "true" })))));
+                        React__namespace.createElement(AngleRightIcon$1, { "aria-hidden": "true" })))));
             return (React__namespace.createElement("div", Object.assign({ className: css(styles$T.cardHeader, isToggleRightAligned && styles$T.modifiers.toggleRight, className), id: id }, props),
                 onExpand && !isToggleRightAligned && cardHeaderToggle,
                 children,
@@ -9165,7 +9217,7 @@
         }, [closeButtonElement]);
         return (React__namespace.createElement(FindRefWrapper, { onFoundRef: (foundRef) => setCloseButtonElement(foundRef) },
             React__namespace.createElement(Button, Object.assign({ variant: "plain", "aria-label": true }, props, { style: { pointerEvents: 'auto' } }),
-                React__namespace.createElement(TimesIcon, null))));
+                React__namespace.createElement(TimesIcon$1, null))));
     };
     PopoverCloseButton.displayName = 'PopoverCloseButton';
 
@@ -9180,12 +9232,14 @@
       "value": "none",
       "var": "var(--pf-c-popover--MaxWidth)"
     };
+    var popoverMaxWidth = c_popover_MaxWidth;
 
     const c_popover_MinWidth = {
       "name": "--pf-c-popover--MinWidth",
       "value": "auto",
       "var": "var(--pf-c-popover--MinWidth)"
     };
+    var popoverMinWidth = c_popover_MinWidth;
 
     exports.PopoverPosition = void 0;
     (function (PopoverPosition) {
@@ -9211,7 +9265,7 @@
         danger: styles$R.modifiers.danger
     };
     const Popover = (_a) => {
-        var { children, position = 'top', enableFlip = true, className = '', isVisible = null, shouldClose = () => null, shouldOpen = () => null, 'aria-label': ariaLabel = '', bodyContent, headerContent = null, headerComponent = 'h6', headerIcon = null, alertSeverityVariant, alertSeverityScreenReaderText, footerContent = null, appendTo = () => document.body, hideOnOutsideClick = true, onHide = () => null, onHidden = () => null, onShow = () => null, onShown = () => null, onMount = () => null, zIndex = 9999, minWidth = c_popover_MinWidth && c_popover_MinWidth.value, maxWidth = c_popover_MaxWidth && c_popover_MaxWidth.value, closeBtnAriaLabel = 'Close', showClose = true, distance = 25, 
+        var { children, position = 'top', enableFlip = true, className = '', isVisible = null, shouldClose = () => null, shouldOpen = () => null, 'aria-label': ariaLabel = '', bodyContent, headerContent = null, headerComponent = 'h6', headerIcon = null, alertSeverityVariant, alertSeverityScreenReaderText, footerContent = null, appendTo = () => document.body, hideOnOutsideClick = true, onHide = () => null, onHidden = () => null, onShow = () => null, onShown = () => null, onMount = () => null, zIndex = 9999, minWidth = popoverMinWidth && popoverMinWidth.value, maxWidth = popoverMaxWidth && popoverMaxWidth.value, closeBtnAriaLabel = 'Close', showClose = true, distance = 25, 
         // For every initial starting position, there are 3 escape positions
         flipBehavior = ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom'], animationDuration = 300, id, withFocusTrap: propWithFocusTrap, boundary, tippyProps, reference, hasNoPadding = false, hasAutoWidth = false } = _a, rest = __rest$1(_a, ["children", "position", "enableFlip", "className", "isVisible", "shouldClose", "shouldOpen", 'aria-label', "bodyContent", "headerContent", "headerComponent", "headerIcon", "alertSeverityVariant", "alertSeverityScreenReaderText", "footerContent", "appendTo", "hideOnOutsideClick", "onHide", "onHidden", "onShow", "onShown", "onMount", "zIndex", "minWidth", "maxWidth", "closeBtnAriaLabel", "showClose", "distance", "flipBehavior", "animationDuration", "id", "withFocusTrap", "boundary", "tippyProps", "reference", "hasNoPadding", "hasAutoWidth"]);
         {
@@ -9285,8 +9339,8 @@
             'right-start': styles$R.modifiers.rightTop,
             'right-end': styles$R.modifiers.rightBottom
         };
-        const hasCustomMinWidth = minWidth !== c_popover_MinWidth.value;
-        const hasCustomMaxWidth = maxWidth !== c_popover_MaxWidth.value;
+        const hasCustomMinWidth = minWidth !== popoverMinWidth.value;
+        const hasCustomMaxWidth = maxWidth !== popoverMaxWidth.value;
         const onDocumentKeyDown = (event) => {
             if (event.key === KeyTypes.Escape && visible) {
                 if (triggerManually) {
@@ -9388,11 +9442,13 @@
 
     const CopyIcon = createIcon(CopyIconConfig);
 
+    var CopyIcon$1 = CopyIcon;
+
     const ClipboardCopyButton = (_a) => {
         var { onClick, exitDelay = 0, entryDelay = 300, maxWidth = '100px', position = 'top', 'aria-label': ariaLabel = 'Copyable input', id, textId, children, variant = 'control' } = _a, props = __rest$1(_a, ["onClick", "exitDelay", "entryDelay", "maxWidth", "position", 'aria-label', "id", "textId", "children", "variant"]);
         return (React__namespace.createElement(Tooltip, { trigger: "mouseenter focus click", exitDelay: exitDelay, entryDelay: entryDelay, maxWidth: maxWidth, position: position, "aria-live": "polite", aria: "none", content: React__namespace.createElement("div", null, children) },
             React__namespace.createElement(Button, Object.assign({ type: "button", variant: variant, onClick: onClick, "aria-label": ariaLabel, id: id, "aria-labelledby": `${id} ${textId}` }, props),
-                React__namespace.createElement(CopyIcon, null))));
+                React__namespace.createElement(CopyIcon$1, null))));
     };
     ClipboardCopyButton.displayName = 'ClipboardCopyButton';
 
@@ -9407,9 +9463,11 @@
 
     const AngleDownIcon = createIcon(AngleDownIconConfig);
 
+    var AngleDownIcon$1 = AngleDownIcon;
+
     const ClipboardCopyToggle = (_a) => {
         var { onClick, id, textId, contentId, isExpanded = false } = _a, props = __rest$1(_a, ["onClick", "id", "textId", "contentId", "isExpanded"]);
-        return (React__namespace.createElement(Button, Object.assign({ type: "button", variant: "control", onClick: onClick, id: id, "aria-labelledby": `${id} ${textId}`, "aria-controls": `${id} ${contentId}`, "aria-expanded": isExpanded }, props), isExpanded ? React__namespace.createElement(AngleDownIcon, { "aria-hidden": "true" }) : React__namespace.createElement(AngleRightIcon, { "aria-hidden": "true" })));
+        return (React__namespace.createElement(Button, Object.assign({ type: "button", variant: "control", onClick: onClick, id: id, "aria-labelledby": `${id} ${textId}`, "aria-controls": `${id} ${contentId}`, "aria-expanded": isExpanded }, props), isExpanded ? React__namespace.createElement(AngleDownIcon$1, { "aria-hidden": "true" }) : React__namespace.createElement(AngleRightIcon$1, { "aria-hidden": "true" })));
     };
     ClipboardCopyToggle.displayName = 'ClipboardCopyToggle';
 
@@ -9621,6 +9679,8 @@
 
     const SearchIcon = createIcon(SearchIconConfig);
 
+    var SearchIcon$1 = SearchIcon;
+
     class ContextSelectorToggle extends React__namespace.Component {
         constructor() {
             super(...arguments);
@@ -9675,7 +9735,7 @@
             return (React__namespace.createElement("button", Object.assign({}, props, { id: id, ref: this.toggle, className: css(styles$P.contextSelectorToggle, isActive && styles$P.modifiers.active, isPlain && styles$P.modifiers.plain, isText && styles$P.modifiers.text, className), type: "button", onClick: event => onToggle(event, !isOpen), "aria-expanded": isOpen, onKeyDown: this.onKeyDown }),
                 React__namespace.createElement("span", { className: css(styles$P.contextSelectorToggleText) }, toggleText),
                 React__namespace.createElement("span", { className: css(styles$P.contextSelectorToggleIcon) },
-                    React__namespace.createElement(CaretDownIcon, { "aria-hidden": true }))));
+                    React__namespace.createElement(CaretDownIcon$1, { "aria-hidden": true }))));
         }
     }
     ContextSelectorToggle.displayName = 'ContextSelectorToggle';
@@ -9747,7 +9807,7 @@
                     React__namespace.createElement(InputGroup, null,
                         React__namespace.createElement(TextInput, { value: searchInputValue, type: "search", placeholder: searchInputPlaceholder, onChange: onSearchInputChange, onKeyPress: this.onEnterPressed, "aria-label": searchButtonAriaLabel }),
                         React__namespace.createElement(Button, { variant: exports.ButtonVariant.control, "aria-label": searchButtonAriaLabel, onClick: onSearchButtonClick },
-                            React__namespace.createElement(SearchIcon, { "aria-hidden": "true" })))),
+                            React__namespace.createElement(SearchIcon$1, { "aria-hidden": "true" })))),
                 React__namespace.createElement(ContextSelectorContext.Provider, { value: { onSelect } },
                     React__namespace.createElement(ContextSelectorMenuList, { isOpen: isOpen }, children)),
                 footer))));
@@ -10201,11 +10261,13 @@
 
     const GripVerticalIcon = createIcon(GripVerticalIconConfig);
 
+    var GripVerticalIcon$1 = GripVerticalIcon;
+
     const DataListDragButton = (_a) => {
         var { className = '', isDisabled = false } = _a, props = __rest$1(_a, ["className", "isDisabled"]);
         return (React__namespace.createElement(DataListContext.Consumer, null, ({ dragKeyHandler }) => (React__namespace.createElement("button", Object.assign({ className: css(styles$O.dataListItemDraggableButton, isDisabled && styles$O.modifiers.disabled, className), onKeyDown: dragKeyHandler, type: "button", disabled: isDisabled }, props),
             React__namespace.createElement("span", { className: css(styles$O.dataListItemDraggableIcon) },
-                React__namespace.createElement(GripVerticalIcon, null))))));
+                React__namespace.createElement(GripVerticalIcon$1, null))))));
     };
     DataListDragButton.displayName = 'DataListDragButton';
 
@@ -10305,7 +10367,7 @@
             React__namespace.createElement("div", { className: css(styles$O.dataListToggle) },
                 React__namespace.createElement(Button, { id: id, variant: exports.ButtonVariant.plain, "aria-controls": ariaControls !== '' && ariaControls, "aria-label": ariaLabel, "aria-labelledby": ariaLabel !== 'Details' ? null : `${rowid} ${id}`, "aria-expanded": isExpanded },
                     React__namespace.createElement("div", { className: css(styles$O.dataListToggleIcon) },
-                        React__namespace.createElement(AngleRightIcon, null))))));
+                        React__namespace.createElement(AngleRightIcon$1, null))))));
     };
     DataListToggle.displayName = 'DataListToggle';
 
@@ -10362,6 +10424,8 @@
 
     const OutlinedCalendarAltIcon = createIcon(OutlinedCalendarAltIconConfig);
 
+    var OutlinedCalendarAltIcon$1 = OutlinedCalendarAltIcon;
+
     const yyyyMMddFormat = (date) => `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date
     .getDate()
     .toString()
@@ -10464,7 +10528,7 @@
                     React__namespace.createElement(InputGroup, null,
                         React__namespace.createElement(TextInput, Object.assign({ isDisabled: isDisabled, "aria-label": ariaLabel, placeholder: placeholder, validated: errorText ? 'error' : 'default', value: value, onChange: onTextInput, onBlur: onInputBlur, onKeyPress: onKeyPress }, inputProps)),
                         React__namespace.createElement("button", { ref: buttonRef, className: css(buttonStyles.button, buttonStyles.modifiers.control), "aria-label": buttonAriaLabel, type: "button", onClick: () => setPopoverOpen(!popoverOpen), disabled: isDisabled },
-                            React__namespace.createElement(OutlinedCalendarAltIcon, null))))),
+                            React__namespace.createElement(OutlinedCalendarAltIcon$1, null))))),
             helperText && React__namespace.createElement("div", { className: datePickerStyles.datePickerHelperText }, helperText),
             errorText.trim() && React__namespace.createElement("div", { className: css(datePickerStyles.datePickerHelperText, datePickerStyles.modifiers.error) }, errorText)));
     };
@@ -10675,7 +10739,7 @@
         className = '', onClose = () => undefined, 'aria-label': ariaLabel = 'Close drawer panel' } = _a, props = __rest$1(_a, ["className", "onClose", 'aria-label']);
         return (React__namespace.createElement("div", Object.assign({ className: css(styles$M.drawerClose, className) }, props),
             React__namespace.createElement(Button, { variant: "plain", onClick: onClose, "aria-label": ariaLabel },
-                React__namespace.createElement(TimesIcon, null))));
+                React__namespace.createElement(TimesIcon$1, null))));
     };
     DrawerCloseButton.displayName = 'DrawerCloseButton';
 
@@ -10981,6 +11045,8 @@
 
     const AngleDoubleLeftIcon = createIcon(AngleDoubleLeftIconConfig);
 
+    var AngleDoubleLeftIcon$1 = AngleDoubleLeftIcon;
+
     const AngleDoubleRightIconConfig = {
       name: 'AngleDoubleRightIcon',
       height: 512,
@@ -10992,6 +11058,8 @@
 
     const AngleDoubleRightIcon = createIcon(AngleDoubleRightIconConfig);
 
+    var AngleDoubleRightIcon$1 = AngleDoubleRightIcon;
+
     function flattenTree(tree) {
         let result = [];
         tree.forEach(item => {
@@ -11095,7 +11163,7 @@
                                 }
                             }, tabIndex: -1 },
                             React__namespace.createElement("span", { className: css(styles$L.dualListSelectorItemToggleIcon) },
-                                React__namespace.createElement(AngleRightIcon, { "aria-hidden": true })))),
+                                React__namespace.createElement(AngleRightIcon$1, { "aria-hidden": true })))),
                         React__namespace.createElement("span", { className: css(styles$L.dualListSelectorItemCheck) },
                             React__namespace.createElement("input", Object.assign({ type: "checkbox", onChange: (evt) => {
                                     onOptionCheck && onOptionCheck(evt, !isChecked, itemData);
@@ -11161,7 +11229,7 @@
             React__namespace.createElement("div", { className: css(styles$L.dualListSelectorListItemRow, isSelected && styles$L.modifiers.selected) },
                 isDraggable && !isDisabled && (React__namespace.createElement("div", { className: css(styles$L.dualListSelectorDraggable) },
                     React__namespace.createElement(Button, { variant: exports.ButtonVariant.plain, component: "span" },
-                        React__namespace.createElement(GripVerticalIcon, { style: { verticalAlign: '-0.3em' } })))),
+                        React__namespace.createElement(GripVerticalIcon$1, { style: { verticalAlign: '-0.3em' } })))),
                 React__namespace.createElement("span", { className: css(styles$L.dualListSelectorItem) },
                     React__namespace.createElement("span", { className: css(styles$L.dualListSelectorItemMain) },
                         React__namespace.createElement("span", { className: css(styles$L.dualListSelectorItemText) }, children))))));
@@ -11760,14 +11828,14 @@
                     React__namespace.createElement(DualListSelectorControlsWrapper, { "aria-label": controlsAriaLabel },
                         React__namespace.createElement(DualListSelectorControl, { isDisabled: (isTree ? availableTreeOptionsChecked.length === 0 : availableOptionsSelected.length === 0) ||
                                 isDisabled, onClick: isTree ? this.addTreeSelected : this.addSelected, ref: this.addSelectedButtonRef, "aria-label": addSelectedAriaLabel, tooltipContent: addSelectedTooltip, tooltipProps: addSelectedTooltipProps },
-                            React__namespace.createElement(AngleRightIcon, null)),
+                            React__namespace.createElement(AngleRightIcon$1, null)),
                         React__namespace.createElement(DualListSelectorControl, { isDisabled: availableOptions.length === 0 || isDisabled, onClick: isTree ? this.addAllTreeVisible : this.addAllVisible, ref: this.addAllButtonRef, "aria-label": addAllAriaLabel, tooltipContent: addAllTooltip, tooltipProps: addAllTooltipProps },
-                            React__namespace.createElement(AngleDoubleRightIcon, null)),
+                            React__namespace.createElement(AngleDoubleRightIcon$1, null)),
                         React__namespace.createElement(DualListSelectorControl, { isDisabled: chosenOptions.length === 0 || isDisabled, onClick: isTree ? this.removeAllTreeVisible : this.removeAllVisible, "aria-label": removeAllAriaLabel, ref: this.removeAllButtonRef, tooltipContent: removeAllTooltip, tooltipProps: removeAllTooltipProps },
-                            React__namespace.createElement(AngleDoubleLeftIcon, null)),
+                            React__namespace.createElement(AngleDoubleLeftIcon$1, null)),
                         React__namespace.createElement(DualListSelectorControl, { onClick: isTree ? this.removeTreeSelected : this.removeSelected, isDisabled: (isTree ? chosenTreeOptionsChecked.length === 0 : chosenOptionsSelected.length === 0) ||
                                 isDisabled, ref: this.removeSelectedButtonRef, "aria-label": removeSelectedAriaLabel, tooltipContent: removeSelectedTooltip, tooltipProps: removeSelectedTooltipProps },
-                            React__namespace.createElement(AngleLeftIcon, null))),
+                            React__namespace.createElement(AngleLeftIcon$1, null))),
                     React__namespace.createElement(DualListSelectorPane, { isChosen: true, isSearchable: isSearchable, onFilterUpdate: this.onFilterUpdate, searchInputAriaLabel: chosenOptionsSearchAriaLabel, filterOption: filterOption, onSearchInputChanged: onChosenOptionsSearchInputChanged, title: chosenOptionsTitle, status: chosenOptionsStatusToDisplay, options: chosen, selectedOptions: isTree ? chosenTreeOptionsChecked : chosenOptionsSelected, onOptionSelect: this.onOptionSelect, onOptionCheck: (e, isChecked, itemData) => this.onTreeOptionCheck(e, isChecked, itemData, true), actions: chosenOptionsActions, id: `${id || randomId}-chosen-pane`, isDisabled: isDisabled }))) : (children))))));
         }
     }
@@ -11876,6 +11944,7 @@
       "value": "3",
       "var": "var(--pf-c-expandable-section--m-truncate__content--LineClamp)"
     };
+    var lineClamp = c_expandable_section_m_truncate__content_LineClamp;
 
     exports.ExpandableSectionVariant = void 0;
     (function (ExpandableSectionVariant) {
@@ -11886,7 +11955,7 @@
         if (!element || lines < 1) {
             return;
         }
-        element.style.setProperty(c_expandable_section_m_truncate__content_LineClamp.name, lines.toString());
+        element.style.setProperty(lineClamp.name, lines.toString());
     };
     class ExpandableSection extends React__namespace.Component {
         constructor(props) {
@@ -11936,7 +12005,7 @@
             const computedToggleText = this.calculateToggleText(toggleText, toggleTextExpanded, toggleTextCollapsed, propOrStateIsExpanded);
             const expandableToggle = !isDetached && (React__namespace.createElement("button", { className: css(styles$J.expandableSectionToggle), type: "button", "aria-expanded": propOrStateIsExpanded, onClick: () => onToggle(!propOrStateIsExpanded) },
                 variant !== exports.ExpandableSectionVariant.truncate && (React__namespace.createElement("span", { className: css(styles$J.expandableSectionToggleIcon) },
-                    React__namespace.createElement(AngleRightIcon, { "aria-hidden": true }))),
+                    React__namespace.createElement(AngleRightIcon$1, { "aria-hidden": true }))),
                 React__namespace.createElement("span", { className: css(styles$J.expandableSectionToggleText) }, toggleContent || computedToggleText)));
             return (React__namespace.createElement("div", Object.assign({ className: css(styles$J.expandableSection, propOrStateIsExpanded && styles$J.modifiers.expanded, isActive && styles$J.modifiers.active, isDetached && styles$J.modifiers.detached, displaySize === 'large' && styles$J.modifiers.displayLg, isWidthLimited && styles$J.modifiers.limitWidth, isIndented && styles$J.modifiers.indented, variant === exports.ExpandableSectionVariant.truncate && styles$J.modifiers.truncate, className) }, props),
                 variant === exports.ExpandableSectionVariant.default && expandableToggle,
@@ -11966,7 +12035,7 @@
         return (React__namespace.createElement("div", Object.assign({ className: css(styles$J.expandableSection, isExpanded && styles$J.modifiers.expanded, styles$J.modifiers.detached, hasTruncatedContent && styles$J.modifiers.truncate, className) }, props),
             React__namespace.createElement("button", { className: css(styles$J.expandableSectionToggle), type: "button", "aria-expanded": isExpanded, "aria-controls": contentId, onClick: () => onToggle(!isExpanded) },
                 !hasTruncatedContent && (React__namespace.createElement("span", { className: css(styles$J.expandableSectionToggleIcon, isExpanded && direction === 'up' && styles$J.modifiers.expandTop) },
-                    React__namespace.createElement(AngleRightIcon, { "aria-hidden": true }))),
+                    React__namespace.createElement(AngleRightIcon$1, { "aria-hidden": true }))),
                 React__namespace.createElement("span", { className: css(styles$J.expandableSectionToggleText) }, children))));
     };
     ExpandableSectionToggle.displayName = 'ExpandableSectionToggle';
@@ -12352,236 +12421,233 @@
 
 
 
-    	{
-    	  (function() {
-
-    	Object.defineProperty(exports, '__esModule', { value: true });
-
-    	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-    	// nor polyfill, then a plain number is used for performance.
-    	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
-    	var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
-    	var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
-    	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
-    	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
-    	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
-    	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
-    	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
-    	// (unstable) APIs that have been removed. Can we remove the symbols?
-
-    	var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
-    	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
-    	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
-    	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
-    	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
-    	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
-    	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
-    	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
-    	var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
-    	var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
-
-    	function isValidElementType(type) {
-    	  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-    	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE);
-    	}
+    {
+      (function() {
 
-    	/**
-    	 * Forked from fbjs/warning:
-    	 * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
-    	 *
-    	 * Only change is we use console.warn instead of console.error,
-    	 * and do nothing when 'console' is not supported.
-    	 * This really simplifies the code.
-    	 * ---
-    	 * Similar to invariant but only logs a warning if the condition is not met.
-    	 * This can be used to log issues in development environments in critical
-    	 * paths. Removing the logging code for production environments will keep the
-    	 * same logic and follow the same code paths.
-    	 */
-    	var lowPriorityWarningWithoutStack = function () {};
-
-    	{
-    	  var printWarning = function (format) {
-    	    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    	      args[_key - 1] = arguments[_key];
-    	    }
-
-    	    var argIndex = 0;
-    	    var message = 'Warning: ' + format.replace(/%s/g, function () {
-    	      return args[argIndex++];
-    	    });
-
-    	    if (typeof console !== 'undefined') {
-    	      console.warn(message);
-    	    }
-
-    	    try {
-    	      // --- Welcome to debugging React ---
-    	      // This error was thrown as a convenience so that you can use this stack
-    	      // to find the callsite that caused this warning to fire.
-    	      throw new Error(message);
-    	    } catch (x) {}
-    	  };
-
-    	  lowPriorityWarningWithoutStack = function (condition, format) {
-    	    if (format === undefined) {
-    	      throw new Error('`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
-    	    }
-
-    	    if (!condition) {
-    	      for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-    	        args[_key2 - 2] = arguments[_key2];
-    	      }
-
-    	      printWarning.apply(void 0, [format].concat(args));
-    	    }
-    	  };
-    	}
+    Object.defineProperty(exports, '__esModule', { value: true });
 
-    	var lowPriorityWarningWithoutStack$1 = lowPriorityWarningWithoutStack;
-
-    	function typeOf(object) {
-    	  if (typeof object === 'object' && object !== null) {
-    	    var $$typeof = object.$$typeof;
-
-    	    switch ($$typeof) {
-    	      case REACT_ELEMENT_TYPE:
-    	        var type = object.type;
-
-    	        switch (type) {
-    	          case REACT_ASYNC_MODE_TYPE:
-    	          case REACT_CONCURRENT_MODE_TYPE:
-    	          case REACT_FRAGMENT_TYPE:
-    	          case REACT_PROFILER_TYPE:
-    	          case REACT_STRICT_MODE_TYPE:
-    	          case REACT_SUSPENSE_TYPE:
-    	            return type;
-
-    	          default:
-    	            var $$typeofType = type && type.$$typeof;
-
-    	            switch ($$typeofType) {
-    	              case REACT_CONTEXT_TYPE:
-    	              case REACT_FORWARD_REF_TYPE:
-    	              case REACT_PROVIDER_TYPE:
-    	                return $$typeofType;
-
-    	              default:
-    	                return $$typeof;
-    	            }
-
-    	        }
-
-    	      case REACT_LAZY_TYPE:
-    	      case REACT_MEMO_TYPE:
-    	      case REACT_PORTAL_TYPE:
-    	        return $$typeof;
-    	    }
-    	  }
-
-    	  return undefined;
-    	} // AsyncMode is deprecated along with isAsyncMode
-
-    	var AsyncMode = REACT_ASYNC_MODE_TYPE;
-    	var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-    	var ContextConsumer = REACT_CONTEXT_TYPE;
-    	var ContextProvider = REACT_PROVIDER_TYPE;
-    	var Element = REACT_ELEMENT_TYPE;
-    	var ForwardRef = REACT_FORWARD_REF_TYPE;
-    	var Fragment = REACT_FRAGMENT_TYPE;
-    	var Lazy = REACT_LAZY_TYPE;
-    	var Memo = REACT_MEMO_TYPE;
-    	var Portal = REACT_PORTAL_TYPE;
-    	var Profiler = REACT_PROFILER_TYPE;
-    	var StrictMode = REACT_STRICT_MODE_TYPE;
-    	var Suspense = REACT_SUSPENSE_TYPE;
-    	var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
-
-    	function isAsyncMode(object) {
-    	  {
-    	    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-    	      hasWarnedAboutDeprecatedIsAsyncMode = true;
-    	      lowPriorityWarningWithoutStack$1(false, 'The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
-    	    }
-    	  }
-
-    	  return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
-    	}
-    	function isConcurrentMode(object) {
-    	  return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
-    	}
-    	function isContextConsumer(object) {
-    	  return typeOf(object) === REACT_CONTEXT_TYPE;
-    	}
-    	function isContextProvider(object) {
-    	  return typeOf(object) === REACT_PROVIDER_TYPE;
-    	}
-    	function isElement(object) {
-    	  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-    	}
-    	function isForwardRef(object) {
-    	  return typeOf(object) === REACT_FORWARD_REF_TYPE;
-    	}
-    	function isFragment(object) {
-    	  return typeOf(object) === REACT_FRAGMENT_TYPE;
-    	}
-    	function isLazy(object) {
-    	  return typeOf(object) === REACT_LAZY_TYPE;
-    	}
-    	function isMemo(object) {
-    	  return typeOf(object) === REACT_MEMO_TYPE;
-    	}
-    	function isPortal(object) {
-    	  return typeOf(object) === REACT_PORTAL_TYPE;
-    	}
-    	function isProfiler(object) {
-    	  return typeOf(object) === REACT_PROFILER_TYPE;
-    	}
-    	function isStrictMode(object) {
-    	  return typeOf(object) === REACT_STRICT_MODE_TYPE;
-    	}
-    	function isSuspense(object) {
-    	  return typeOf(object) === REACT_SUSPENSE_TYPE;
-    	}
+    // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+    // nor polyfill, then a plain number is used for performance.
+    var hasSymbol = typeof Symbol === 'function' && Symbol.for;
+    var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
+    var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
+    var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
+    var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
+    var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
+    var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
+    var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+    // (unstable) APIs that have been removed. Can we remove the symbols?
+
+    var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
+    var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
+    var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
+    var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+    var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
+    var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
+    var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+    var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+    var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
+    var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
+
+    function isValidElementType(type) {
+      return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE);
+    }
 
-    	exports.typeOf = typeOf;
-    	exports.AsyncMode = AsyncMode;
-    	exports.ConcurrentMode = ConcurrentMode;
-    	exports.ContextConsumer = ContextConsumer;
-    	exports.ContextProvider = ContextProvider;
-    	exports.Element = Element;
-    	exports.ForwardRef = ForwardRef;
-    	exports.Fragment = Fragment;
-    	exports.Lazy = Lazy;
-    	exports.Memo = Memo;
-    	exports.Portal = Portal;
-    	exports.Profiler = Profiler;
-    	exports.StrictMode = StrictMode;
-    	exports.Suspense = Suspense;
-    	exports.isValidElementType = isValidElementType;
-    	exports.isAsyncMode = isAsyncMode;
-    	exports.isConcurrentMode = isConcurrentMode;
-    	exports.isContextConsumer = isContextConsumer;
-    	exports.isContextProvider = isContextProvider;
-    	exports.isElement = isElement;
-    	exports.isForwardRef = isForwardRef;
-    	exports.isFragment = isFragment;
-    	exports.isLazy = isLazy;
-    	exports.isMemo = isMemo;
-    	exports.isPortal = isPortal;
-    	exports.isProfiler = isProfiler;
-    	exports.isStrictMode = isStrictMode;
-    	exports.isSuspense = isSuspense;
-    	  })();
-    	}
-    } (reactIs_development));
+    /**
+     * Forked from fbjs/warning:
+     * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
+     *
+     * Only change is we use console.warn instead of console.error,
+     * and do nothing when 'console' is not supported.
+     * This really simplifies the code.
+     * ---
+     * Similar to invariant but only logs a warning if the condition is not met.
+     * This can be used to log issues in development environments in critical
+     * paths. Removing the logging code for production environments will keep the
+     * same logic and follow the same code paths.
+     */
+    var lowPriorityWarningWithoutStack = function () {};
 
-    (function (module) {
+    {
+      var printWarning = function (format) {
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
 
-    	{
-    	  module.exports = reactIs_development;
-    	}
-    } (reactIs));
+        var argIndex = 0;
+        var message = 'Warning: ' + format.replace(/%s/g, function () {
+          return args[argIndex++];
+        });
+
+        if (typeof console !== 'undefined') {
+          console.warn(message);
+        }
+
+        try {
+          // --- Welcome to debugging React ---
+          // This error was thrown as a convenience so that you can use this stack
+          // to find the callsite that caused this warning to fire.
+          throw new Error(message);
+        } catch (x) {}
+      };
+
+      lowPriorityWarningWithoutStack = function (condition, format) {
+        if (format === undefined) {
+          throw new Error('`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
+        }
+
+        if (!condition) {
+          for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+            args[_key2 - 2] = arguments[_key2];
+          }
+
+          printWarning.apply(void 0, [format].concat(args));
+        }
+      };
+    }
+
+    var lowPriorityWarningWithoutStack$1 = lowPriorityWarningWithoutStack;
+
+    function typeOf(object) {
+      if (typeof object === 'object' && object !== null) {
+        var $$typeof = object.$$typeof;
+
+        switch ($$typeof) {
+          case REACT_ELEMENT_TYPE:
+            var type = object.type;
+
+            switch (type) {
+              case REACT_ASYNC_MODE_TYPE:
+              case REACT_CONCURRENT_MODE_TYPE:
+              case REACT_FRAGMENT_TYPE:
+              case REACT_PROFILER_TYPE:
+              case REACT_STRICT_MODE_TYPE:
+              case REACT_SUSPENSE_TYPE:
+                return type;
+
+              default:
+                var $$typeofType = type && type.$$typeof;
+
+                switch ($$typeofType) {
+                  case REACT_CONTEXT_TYPE:
+                  case REACT_FORWARD_REF_TYPE:
+                  case REACT_PROVIDER_TYPE:
+                    return $$typeofType;
+
+                  default:
+                    return $$typeof;
+                }
+
+            }
+
+          case REACT_LAZY_TYPE:
+          case REACT_MEMO_TYPE:
+          case REACT_PORTAL_TYPE:
+            return $$typeof;
+        }
+      }
+
+      return undefined;
+    } // AsyncMode is deprecated along with isAsyncMode
+
+    var AsyncMode = REACT_ASYNC_MODE_TYPE;
+    var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+    var ContextConsumer = REACT_CONTEXT_TYPE;
+    var ContextProvider = REACT_PROVIDER_TYPE;
+    var Element = REACT_ELEMENT_TYPE;
+    var ForwardRef = REACT_FORWARD_REF_TYPE;
+    var Fragment = REACT_FRAGMENT_TYPE;
+    var Lazy = REACT_LAZY_TYPE;
+    var Memo = REACT_MEMO_TYPE;
+    var Portal = REACT_PORTAL_TYPE;
+    var Profiler = REACT_PROFILER_TYPE;
+    var StrictMode = REACT_STRICT_MODE_TYPE;
+    var Suspense = REACT_SUSPENSE_TYPE;
+    var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
+
+    function isAsyncMode(object) {
+      {
+        if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+          hasWarnedAboutDeprecatedIsAsyncMode = true;
+          lowPriorityWarningWithoutStack$1(false, 'The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
+        }
+      }
+
+      return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+    }
+    function isConcurrentMode(object) {
+      return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+    }
+    function isContextConsumer(object) {
+      return typeOf(object) === REACT_CONTEXT_TYPE;
+    }
+    function isContextProvider(object) {
+      return typeOf(object) === REACT_PROVIDER_TYPE;
+    }
+    function isElement(object) {
+      return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+    }
+    function isForwardRef(object) {
+      return typeOf(object) === REACT_FORWARD_REF_TYPE;
+    }
+    function isFragment(object) {
+      return typeOf(object) === REACT_FRAGMENT_TYPE;
+    }
+    function isLazy(object) {
+      return typeOf(object) === REACT_LAZY_TYPE;
+    }
+    function isMemo(object) {
+      return typeOf(object) === REACT_MEMO_TYPE;
+    }
+    function isPortal(object) {
+      return typeOf(object) === REACT_PORTAL_TYPE;
+    }
+    function isProfiler(object) {
+      return typeOf(object) === REACT_PROFILER_TYPE;
+    }
+    function isStrictMode(object) {
+      return typeOf(object) === REACT_STRICT_MODE_TYPE;
+    }
+    function isSuspense(object) {
+      return typeOf(object) === REACT_SUSPENSE_TYPE;
+    }
+
+    exports.typeOf = typeOf;
+    exports.AsyncMode = AsyncMode;
+    exports.ConcurrentMode = ConcurrentMode;
+    exports.ContextConsumer = ContextConsumer;
+    exports.ContextProvider = ContextProvider;
+    exports.Element = Element;
+    exports.ForwardRef = ForwardRef;
+    exports.Fragment = Fragment;
+    exports.Lazy = Lazy;
+    exports.Memo = Memo;
+    exports.Portal = Portal;
+    exports.Profiler = Profiler;
+    exports.StrictMode = StrictMode;
+    exports.Suspense = Suspense;
+    exports.isValidElementType = isValidElementType;
+    exports.isAsyncMode = isAsyncMode;
+    exports.isConcurrentMode = isConcurrentMode;
+    exports.isContextConsumer = isContextConsumer;
+    exports.isContextProvider = isContextProvider;
+    exports.isElement = isElement;
+    exports.isForwardRef = isForwardRef;
+    exports.isFragment = isFragment;
+    exports.isLazy = isLazy;
+    exports.isMemo = isMemo;
+    exports.isPortal = isPortal;
+    exports.isProfiler = isProfiler;
+    exports.isStrictMode = isStrictMode;
+    exports.isSuspense = isSuspense;
+      })();
+    }
+    }(reactIs_development));
+
+    {
+      reactIs.exports = reactIs_development;
+    }
 
     /*
     object-assign
@@ -13390,6 +13456,8 @@
       propTypes.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
     }
 
+    var PropTypes = propTypes.exports;
+
     var dist=function(t){function n(e){if(r[e])return r[e].exports;var o=r[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r={};return n.m=t,n.c=r,n.d=function(t,r,e){n.o(t,r)||Object.defineProperty(t,r,{configurable:!1,enumerable:!0,get:e});},n.n=function(t){var r=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(r,"a",r),r},n.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},n.p="",n(n.s=13)}([function(t,n){var r=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=r);},function(t,n){t.exports=function(t){return "object"==typeof t?null!==t:"function"==typeof t};},function(t,n){var r=t.exports={version:"2.5.0"};"number"==typeof __e&&(__e=r);},function(t,n,r){t.exports=!r(4)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a});},function(t,n){t.exports=function(t){try{return !!t()}catch(t){return !0}};},function(t,n){var r={}.toString;t.exports=function(t){return r.call(t).slice(8,-1)};},function(t,n,r){var e=r(32)("wks"),o=r(9),i=r(0).Symbol,u="function"==typeof i;(t.exports=function(t){return e[t]||(e[t]=u&&i[t]||(u?i:o)("Symbol."+t))}).store=e;},function(t,n,r){var e=r(0),o=r(2),i=r(8),u=r(22),c=r(10),f=function(t,n,r){var a,s,p,l,v=t&f.F,y=t&f.G,h=t&f.S,d=t&f.P,x=t&f.B,g=y?e:h?e[n]||(e[n]={}):(e[n]||{}).prototype,m=y?o:o[n]||(o[n]={}),b=m.prototype||(m.prototype={});y&&(r=n);for(a in r)s=!v&&g&&void 0!==g[a],p=(s?g:r)[a],l=x&&s?c(p,e):d&&"function"==typeof p?c(Function.call,p):p,g&&u(g,a,p,t&f.U),m[a]!=p&&i(m,a,l),d&&b[a]!=p&&(b[a]=p);};e.core=o,f.F=1,f.G=2,f.S=4,f.P=8,f.B=16,f.W=32,f.U=64,f.R=128,t.exports=f;},function(t,n,r){var e=r(16),o=r(21);t.exports=r(3)?function(t,n,r){return e.f(t,n,o(1,r))}:function(t,n,r){return t[n]=r,t};},function(t,n){var r=0,e=Math.random();t.exports=function(t){return "Symbol(".concat(void 0===t?"":t,")_",(++r+e).toString(36))};},function(t,n,r){var e=r(24);t.exports=function(t,n,r){if(e(t),void 0===n)return t;switch(r){case 1:return function(r){return t.call(n,r)};case 2:return function(r,e){return t.call(n,r,e)};case 3:return function(r,e,o){return t.call(n,r,e,o)}}return function(){return t.apply(n,arguments)}};},function(t,n){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t};},function(t,n,r){var e=r(28),o=Math.min;t.exports=function(t){return t>0?o(e(t),9007199254740991):0};},function(t,n,r){n.__esModule=!0,n.default=function(t,n){if(t&&n){var r=Array.isArray(n)?n:n.split(","),e=t.name||"",o=t.type||"",i=o.replace(/\/.*$/,"");return r.some(function(t){var n=t.trim();return "."===n.charAt(0)?e.toLowerCase().endsWith(n.toLowerCase()):n.endsWith("/*")?i===n.replace(/\/.*$/,""):o===n})}return !0},r(14),r(34);},function(t,n,r){r(15),t.exports=r(2).Array.some;},function(t,n,r){var e=r(7),o=r(25)(3);e(e.P+e.F*!r(33)([].some,!0),"Array",{some:function(t){return o(this,t,arguments[1])}});},function(t,n,r){var e=r(17),o=r(18),i=r(20),u=Object.defineProperty;n.f=r(3)?Object.defineProperty:function(t,n,r){if(e(t),n=i(n,!0),e(r),o)try{return u(t,n,r)}catch(t){}if("get"in r||"set"in r)throw TypeError("Accessors not supported!");return "value"in r&&(t[n]=r.value),t};},function(t,n,r){var e=r(1);t.exports=function(t){if(!e(t))throw TypeError(t+" is not an object!");return t};},function(t,n,r){t.exports=!r(3)&&!r(4)(function(){return 7!=Object.defineProperty(r(19)("div"),"a",{get:function(){return 7}}).a});},function(t,n,r){var e=r(1),o=r(0).document,i=e(o)&&e(o.createElement);t.exports=function(t){return i?o.createElement(t):{}};},function(t,n,r){var e=r(1);t.exports=function(t,n){if(!e(t))return t;var r,o;if(n&&"function"==typeof(r=t.toString)&&!e(o=r.call(t)))return o;if("function"==typeof(r=t.valueOf)&&!e(o=r.call(t)))return o;if(!n&&"function"==typeof(r=t.toString)&&!e(o=r.call(t)))return o;throw TypeError("Can't convert object to primitive value")};},function(t,n){t.exports=function(t,n){return {enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:n}};},function(t,n,r){var e=r(0),o=r(8),i=r(23),u=r(9)("src"),c=Function.toString,f=(""+c).split("toString");r(2).inspectSource=function(t){return c.call(t)},(t.exports=function(t,n,r,c){var a="function"==typeof r;a&&(i(r,"name")||o(r,"name",n)),t[n]!==r&&(a&&(i(r,u)||o(r,u,t[n]?""+t[n]:f.join(String(n)))),t===e?t[n]=r:c?t[n]?t[n]=r:o(t,n,r):(delete t[n],o(t,n,r)));})(Function.prototype,"toString",function(){return "function"==typeof this&&this[u]||c.call(this)});},function(t,n){var r={}.hasOwnProperty;t.exports=function(t,n){return r.call(t,n)};},function(t,n){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t};},function(t,n,r){var e=r(10),o=r(26),i=r(27),u=r(12),c=r(29);t.exports=function(t,n){var r=1==t,f=2==t,a=3==t,s=4==t,p=6==t,l=5==t||p,v=n||c;return function(n,c,y){for(var h,d,x=i(n),g=o(x),m=e(c,y,3),b=u(g.length),_=0,w=r?v(n,b):f?v(n,0):void 0;b>_;_++)if((l||_ in g)&&(h=g[_],d=m(h,_,x),t))if(r)w[_]=d;else if(d)switch(t){case 3:return !0;case 5:return h;case 6:return _;case 2:w.push(h);}else if(s)return !1;return p?-1:a||s?s:w}};},function(t,n,r){var e=r(5);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return "String"==e(t)?t.split(""):Object(t)};},function(t,n,r){var e=r(11);t.exports=function(t){return Object(e(t))};},function(t,n){var r=Math.ceil,e=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?e:r)(t)};},function(t,n,r){var e=r(30);t.exports=function(t,n){return new(e(t))(n)};},function(t,n,r){var e=r(1),o=r(31),i=r(6)("species");t.exports=function(t){var n;return o(t)&&(n=t.constructor,"function"!=typeof n||n!==Array&&!o(n.prototype)||(n=void 0),e(n)&&null===(n=n[i])&&(n=void 0)),void 0===n?Array:n};},function(t,n,r){var e=r(5);t.exports=Array.isArray||function(t){return "Array"==e(t)};},function(t,n,r){var e=r(0),o=e["__core-js_shared__"]||(e["__core-js_shared__"]={});t.exports=function(t){return o[t]||(o[t]={})};},function(t,n,r){var e=r(4);t.exports=function(t,n){return !!t&&e(function(){n?t.call(null,function(){},1):t.call(null);})};},function(t,n,r){r(35),t.exports=r(2).String.endsWith;},function(t,n,r){var e=r(7),o=r(12),i=r(36),u="".endsWith;e(e.P+e.F*r(38)("endsWith"),"String",{endsWith:function(t){var n=i(this,t,"endsWith"),r=arguments.length>1?arguments[1]:void 0,e=o(n.length),c=void 0===r?e:Math.min(o(r),e),f=String(t);return u?u.call(n,f,c):n.slice(c-f.length,c)===f}});},function(t,n,r){var e=r(37),o=r(11);t.exports=function(t,n,r){if(e(n))throw TypeError("String#"+r+" doesn't accept regex!");return String(o(t))};},function(t,n,r){var e=r(1),o=r(5),i=r(6)("match");t.exports=function(t){var n;return e(t)&&(void 0!==(n=t[i])?!!n:"RegExp"==o(t))};},function(t,n,r){var e=r(6)("match");t.exports=function(t){var n=/./;try{"/./"[t](n);}catch(r){try{return n[e]=!1,!"/./"[t](n)}catch(t){}}return !0};}]);
 
     var supportMultiple = typeof document !== 'undefined' && document && document.createElement ? 'multiple' in document.createElement('input') : true;
@@ -13900,7 +13968,7 @@
        * Windows. In some cases there might not be a mime type set at all.
        * See: https://github.com/react-dropzone/react-dropzone/issues/276
        */
-      accept: propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.arrayOf(propTypes.exports.string)]),
+      accept: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
 
       /**
        * Render function that renders the actual component
@@ -13917,65 +13985,65 @@
        * @param {Array} props.acceptedFiles Accepted files
        * @param {Array} props.rejectedFiles Rejected files
        */
-      children: propTypes.exports.func,
+      children: PropTypes.func,
 
       /**
        * Enable/disable the dropzone entirely
        */
-      disabled: propTypes.exports.bool,
+      disabled: PropTypes.bool,
 
       /**
        * If false, allow dropped items to take over the current browser window
        */
-      preventDropOnDocument: propTypes.exports.bool,
+      preventDropOnDocument: PropTypes.bool,
 
       /**
        * Allow dropping multiple files
        */
-      multiple: propTypes.exports.bool,
+      multiple: PropTypes.bool,
 
       /**
        * `name` attribute for the input tag
        */
-      name: propTypes.exports.string,
+      name: PropTypes.string,
 
       /**
        * Maximum file size (in bytes)
        */
-      maxSize: propTypes.exports.number,
+      maxSize: PropTypes.number,
 
       /**
        * Minimum file size (in bytes)
        */
-      minSize: propTypes.exports.number,
+      minSize: PropTypes.number,
 
       /**
        * getDataTransferItems handler
        * @param {Event} event
        * @returns {Array} array of File objects
        */
-      getDataTransferItems: propTypes.exports.func,
+      getDataTransferItems: PropTypes.func,
 
       /**
        * onClick callback
        * @param {Event} event
        */
-      onClick: propTypes.exports.func,
+      onClick: PropTypes.func,
 
       /**
        * onFocus callback
        */
-      onFocus: propTypes.exports.func,
+      onFocus: PropTypes.func,
 
       /**
        * onBlur callback
        */
-      onBlur: propTypes.exports.func,
+      onBlur: PropTypes.func,
 
       /**
        * onKeyDown callback
        */
-      onKeyDown: propTypes.exports.func,
+      onKeyDown: PropTypes.func,
 
       /**
        * The `onDrop` method that accepts two arguments.
@@ -14006,42 +14074,42 @@
        * }
        * ```
        */
-      onDrop: propTypes.exports.func,
+      onDrop: PropTypes.func,
 
       /**
        * onDropAccepted callback
        */
-      onDropAccepted: propTypes.exports.func,
+      onDropAccepted: PropTypes.func,
 
       /**
        * onDropRejected callback
        */
-      onDropRejected: propTypes.exports.func,
+      onDropRejected: PropTypes.func,
 
       /**
        * onDragStart callback
        */
-      onDragStart: propTypes.exports.func,
+      onDragStart: PropTypes.func,
 
       /**
        * onDragEnter callback
        */
-      onDragEnter: propTypes.exports.func,
+      onDragEnter: PropTypes.func,
 
       /**
        * onDragOver callback
        */
-      onDragOver: propTypes.exports.func,
+      onDragOver: PropTypes.func,
 
       /**
        * onDragLeave callback
        */
-      onDragLeave: propTypes.exports.func,
+      onDragLeave: PropTypes.func,
 
       /**
        * Provide a callback on clicking the cancel button of the file dialog
        */
-      onFileDialogCancel: propTypes.exports.func
+      onFileDialogCancel: PropTypes.func
     };
 
     Dropzone.defaultProps = {
@@ -14150,7 +14218,7 @@
             React__namespace.createElement("div", { className: css(styles$Z.formFieldGroupToggleButton) },
                 React__namespace.createElement(Button, { variant: "plain", "aria-label": ariaLabel, onClick: onToggle, "aria-expanded": isExpanded, "aria-labelledby": ariaLabelledby, id: toggleId },
                     React__namespace.createElement("span", { className: css(styles$Z.formFieldGroupToggleIcon) },
-                        React__namespace.createElement(AngleRightIcon, { "aria-hidden": "true" }))))));
+                        React__namespace.createElement(AngleRightIcon$1, { "aria-hidden": "true" }))))));
     };
     FormFieldGroupToggle.displayName = 'FormFieldGroupToggle';
 
@@ -14276,6 +14344,8 @@
 
     const MinusIcon = createIcon(MinusIconConfig);
 
+    var MinusIcon$1 = MinusIcon;
+
     const variantStyle$4 = {
         default: '',
         indeterminate: styles$H.modifiers.indeterminate,
@@ -14289,10 +14359,10 @@
         return (React__namespace.createElement(Component, Object.assign({ className: css(styles$H.helperTextItem, variantStyle$4[variant], isDynamic && styles$H.modifiers.dynamic, className), id: id }, props),
             icon && (React__namespace.createElement("span", { className: css(styles$H.helperTextItemIcon), "aria-hidden": true }, icon)),
             hasIcon && !icon && (React__namespace.createElement("span", { className: css(styles$H.helperTextItemIcon), "aria-hidden": true },
-                (variant === 'default' || variant === 'indeterminate') && React__namespace.createElement(MinusIcon, null),
-                variant === 'warning' && React__namespace.createElement(ExclamationTriangleIcon, null),
-                variant === 'success' && React__namespace.createElement(CheckCircleIcon, null),
-                variant === 'error' && React__namespace.createElement(ExclamationCircleIcon, null))),
+                (variant === 'default' || variant === 'indeterminate') && React__namespace.createElement(MinusIcon$1, null),
+                variant === 'warning' && React__namespace.createElement(ExclamationTriangleIcon$1, null),
+                variant === 'success' && React__namespace.createElement(CheckCircleIcon$1, null),
+                variant === 'error' && React__namespace.createElement(ExclamationCircleIcon$1, null))),
             React__namespace.createElement("span", { className: css(styles$H.helperTextItemText) },
                 children,
                 isDynamic && React__namespace.createElement("span", { className: "pf-u-screen-reader" },
@@ -14463,6 +14533,7 @@
       "value": "none",
       "var": "var(--pf-c-jump-links__toggle--Display)"
     };
+    var cssToggleDisplayVar = c_jump_links__toggle_Display;
 
     // Recursively find JumpLinkItems and return an array of all their scrollNodes
     const getScrollItems = (children, res) => {
@@ -14493,7 +14564,7 @@
         // https://github.com/patternfly/patternfly/blob/main/src/patternfly/components/JumpLinks/jump-links.scss#L103
         return (jumpLinks &&
             getComputedStyle(jumpLinks)
-                .getPropertyValue(c_jump_links__toggle_Display.name)
+                .getPropertyValue(cssToggleDisplayVar.name)
                 .includes('block'));
     }
     const JumpLinks = (_a) => {
@@ -14613,7 +14684,7 @@
                     expandable && (React__namespace.createElement("div", { className: styles$F.jumpLinksToggle },
                         React__namespace.createElement(Button, { variant: "plain", onClick: () => setIsExpanded(!isExpanded), "aria-label": toggleAriaLabel, "aria-expanded": isExpanded },
                             React__namespace.createElement("span", { className: styles$F.jumpLinksToggleIcon },
-                                React__namespace.createElement(AngleRightIcon, null)),
+                                React__namespace.createElement(AngleRightIcon$1, null)),
                             label && React__namespace.createElement("span", { className: css(styles$F.jumpLinksToggleText) },
                                 " ",
                                 label,
@@ -14748,7 +14819,7 @@
         };
         const LabelComponent = (isOverflowLabel ? 'button' : 'span');
         const button = closeBtn ? (closeBtn) : (React__namespace.createElement(Button, Object.assign({ type: "button", variant: "plain", onClick: onClose, "aria-label": closeBtnAriaLabel || `Close ${children}` }, closeBtnProps),
-            React__namespace.createElement(TimesIcon, null)));
+            React__namespace.createElement(TimesIcon$1, null)));
         const textRef = React__namespace.createRef();
         // ref to apply tooltip when rendered is used
         const componentRef = React__namespace.useRef();
@@ -14853,7 +14924,7 @@
                             React__namespace.createElement("textarea", Object.assign({ className: css(styles$D.labelGroupTextarea), rows: 1, tabIndex: 0 }, editableTextAreaProps)))))));
                 const close = (React__namespace.createElement("div", { className: css(styles$D.labelGroupClose) },
                     React__namespace.createElement(Button, { variant: "plain", "aria-label": closeBtnAriaLabel, onClick: onClick, id: `remove_group_${id}`, "aria-labelledby": `remove_group_${id} ${id}` },
-                        React__namespace.createElement(TimesCircleIcon, { "aria-hidden": "true" }))));
+                        React__namespace.createElement(TimesCircleIcon$1, { "aria-hidden": "true" }))));
                 return (React__namespace.createElement("div", { className: css(styles$D.labelGroup, className, categoryName && styles$D.modifiers.category, isVertical && styles$D.modifiers.vertical, isEditable && styles$D.modifiers.editable) },
                     React__namespace.createElement("div", { className: css(styles$D.labelGroupMain) }, content),
                     isClosable && close));
@@ -15028,6 +15099,8 @@
 
     const EyeSlashIcon = createIcon(EyeSlashIconConfig);
 
+    var EyeSlashIcon$1 = EyeSlashIcon;
+
     const EyeIconConfig = {
       name: 'EyeIcon',
       height: 512,
@@ -15039,6 +15112,8 @@
 
     const EyeIcon = createIcon(EyeIconConfig);
 
+    var EyeIcon$1 = EyeIcon;
+
     const LoginForm = (_a) => {
         var { noAutoFocus = false, className = '', showHelperText = false, helperText = null, helperTextIcon = null, usernameLabel = 'Username', usernameValue = '', onChangeUsername = () => undefined, isValidUsername = true, passwordLabel = 'Password', passwordValue = '', onChangePassword = () => undefined, isShowPasswordEnabled = false, hidePasswordAriaLabel = 'Hide password', showPasswordAriaLabel = 'Show password', isValidPassword = true, loginButtonLabel = 'Log In', isLoginButtonDisabled = false, onLoginButtonClick = () => undefined, rememberMeLabel = '', isRememberMeChecked = false, onChangeRememberMe = () => undefined } = _a, props = __rest$1(_a, ["noAutoFocus", "className", "showHelperText", "helperText", "helperTextIcon", "usernameLabel", "usernameValue", "onChangeUsername", "isValidUsername", "passwordLabel", "passwordValue", "onChangePassword", "isShowPasswordEnabled", "hidePasswordAriaLabel", "showPasswordAriaLabel", "isValidPassword", "loginButtonLabel", "isLoginButtonDisabled", "onLoginButtonClick", "rememberMeLabel", "isRememberMeChecked", "onChangeRememberMe"]);
         const [passwordHidden, setPasswordHidden] = React__namespace.useState(true);
@@ -15050,7 +15125,7 @@
             React__namespace.createElement(FormGroup, { label: passwordLabel, isRequired: true, validated: isValidPassword ? exports.ValidatedOptions.default : exports.ValidatedOptions.error, fieldId: "pf-login-password-id" },
                 isShowPasswordEnabled && (React__namespace.createElement(InputGroup, null,
                     passwordInput,
-                    React__namespace.createElement(Button, { variant: "control", onClick: () => setPasswordHidden(!passwordHidden), "aria-label": passwordHidden ? showPasswordAriaLabel : hidePasswordAriaLabel }, passwordHidden ? React__namespace.createElement(EyeIcon, null) : React__namespace.createElement(EyeSlashIcon, null)))),
+                    React__namespace.createElement(Button, { variant: "control", onClick: () => setPasswordHidden(!passwordHidden), "aria-label": passwordHidden ? showPasswordAriaLabel : hidePasswordAriaLabel }, passwordHidden ? React__namespace.createElement(EyeIcon$1, null) : React__namespace.createElement(EyeSlashIcon$1, null)))),
                 !isShowPasswordEnabled && passwordInput),
             rememberMeLabel.length > 0 && (React__namespace.createElement(FormGroup, { fieldId: "pf-login-remember-me-id" },
                 React__namespace.createElement(Checkbox, { id: "pf-login-remember-me-id", label: rememberMeLabel, isChecked: isRememberMeChecked, onChange: onChangeRememberMe }))),
@@ -15281,7 +15356,7 @@
             };
             this.isMobile = () => 
             // eslint-disable-next-line radix
-            this.getWindowWidth() < Number.parseInt(global_breakpoint_xl.value, 10);
+            this.getWindowWidth() < Number.parseInt(globalBreakpointXl.value, 10);
             this.resize = () => {
                 const { onPageResize } = this.props;
                 const mobileView = this.isMobile();
@@ -15721,18 +15796,21 @@
       "value": "0px",
       "var": "var(--pf-c-menu--m-flyout__menu--top-offset)"
     };
+    var topOffset = c_menu_m_flyout__menu_top_offset;
 
     const c_menu_m_flyout__menu_m_left_right_offset = {
       "name": "--pf-c-menu--m-flyout__menu--m-left--right-offset",
       "value": "0px",
       "var": "var(--pf-c-menu--m-flyout__menu--m-left--right-offset)"
     };
+    var rightOffset = c_menu_m_flyout__menu_m_left_right_offset;
 
     const c_menu_m_flyout__menu_left_offset = {
       "name": "--pf-c-menu--m-flyout__menu--left-offset",
       "value": "0px",
       "var": "var(--pf-c-menu--m-flyout__menu--left-offset)"
     };
+    var leftOffset = c_menu_m_flyout__menu_left_offset;
 
     const MenuItemActionBase = (_a) => {
         var { className = '', icon, onClick, 'aria-label': ariaLabel, isFavorited = null, isDisabled, actionId, innerRef } = _a, props = __rest$1(_a, ["className", "icon", "onClick", 'aria-label', "isFavorited", "isDisabled", "actionId", "innerRef"]);
@@ -15744,7 +15822,7 @@
                 onActionClick && onActionClick(event, itemId, actionId);
             };
             return (React__namespace.createElement("button", Object.assign({ className: css(menuStyles.menuItemAction, isFavorited !== null && menuStyles.modifiers.favorite, isFavorited && menuStyles.modifiers.favorited, className), "aria-label": ariaLabel, onClick: onClickButton }, ((isDisabled === true || isDisabledContext === true) && { disabled: true }), { ref: innerRef, tabIndex: -1 }, props),
-                React__namespace.createElement("span", { className: css(menuStyles.menuItemActionIcon) }, icon === 'favorites' || isFavorited !== null ? React__namespace.createElement(StarIcon, { "aria-hidden": true }) : icon)));
+                React__namespace.createElement("span", { className: css(menuStyles.menuItemActionIcon) }, icon === 'favorites' || isFavorited !== null ? React__namespace.createElement(StarIcon$1, { "aria-hidden": true }) : icon)));
         }))));
     };
     const MenuItemAction = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(MenuItemActionBase, Object.assign({}, props, { innerRef: ref }))));
@@ -15799,16 +15877,16 @@
                         }
                         if (xDir === 'left') {
                             flyoutMenu.classList.add(menuStyles.modifiers.left);
-                            flyoutMenu.style.setProperty(c_menu_m_flyout__menu_m_left_right_offset.name, `-${xOffset}px`);
+                            flyoutMenu.style.setProperty(rightOffset.name, `-${xOffset}px`);
                         }
                         else {
-                            flyoutMenu.style.setProperty(c_menu_m_flyout__menu_left_offset.name, `-${xOffset}px`);
+                            flyoutMenu.style.setProperty(leftOffset.name, `-${xOffset}px`);
                         }
                         const spaceLeftBot = window.innerHeight - origin.y - rect.height;
                         const spaceLeftTop = window.innerHeight - rect.height;
                         if (spaceLeftTop < 0 && spaceLeftBot < 0) ;
                         else if (spaceLeftBot < 0) {
-                            flyoutMenu.style.setProperty(c_menu_m_flyout__menu_top_offset.name, `${spaceLeftBot}px`);
+                            flyoutMenu.style.setProperty(topOffset.name, `${spaceLeftBot}px`);
                         }
                     }
                 }
@@ -15931,17 +16009,17 @@
             }), (hasCheck && { htmlFor: randomId }), additionalProps),
                 React__namespace.createElement("span", { className: css(menuStyles.menuItemMain) },
                     direction === 'up' && (React__namespace.createElement("span", { className: css(menuStyles.menuItemToggleIcon) },
-                        React__namespace.createElement(AngleLeftIcon, { "aria-hidden": true }))),
+                        React__namespace.createElement(AngleLeftIcon$1, { "aria-hidden": true }))),
                     icon && React__namespace.createElement("span", { className: css(menuStyles.menuItemIcon) }, icon),
                     hasCheck && (React__namespace.createElement("span", { className: css('pf-c-menu__item-check') },
                         React__namespace.createElement(Checkbox, { id: randomId, component: "span", isChecked: isSelected || false, onChange: event => onItemSelect(event, onSelect), isDisabled: isDisabled }))),
                     React__namespace.createElement("span", { className: css(menuStyles.menuItemText) }, children),
                     isExternalLink && (React__namespace.createElement("span", { className: css(menuStyles.menuItemExternalIcon) },
-                        React__namespace.createElement(ExternalLinkAltIcon, { "aria-hidden": true }))),
+                        React__namespace.createElement(ExternalLinkAltIcon$1, { "aria-hidden": true }))),
                     (flyoutMenu || direction === 'down') && (React__namespace.createElement("span", { className: css(menuStyles.menuItemToggleIcon) },
-                        React__namespace.createElement(AngleRightIcon, { "aria-hidden": true }))),
+                        React__namespace.createElement(AngleRightIcon$1, { "aria-hidden": true }))),
                     getIsSelected() && (React__namespace.createElement("span", { className: css(menuStyles.menuItemSelectIcon) },
-                        React__namespace.createElement(CheckIcon, { "aria-hidden": true })))),
+                        React__namespace.createElement(CheckIcon$1, { "aria-hidden": true })))),
                 description && direction !== 'up' && (React__namespace.createElement("span", { className: css(menuStyles.menuItemDescription) },
                     React__namespace.createElement("span", null, description)))))),
             flyoutVisible && (React__namespace.createElement(MenuContext.Provider, { value: { disableHover } },
@@ -16021,7 +16099,7 @@
             const isTypeahead = variant === 'typeahead';
             const toggleControls = (React__namespace.createElement("span", { className: css(styles$y.menuToggleControls) },
                 React__namespace.createElement("span", { className: css(styles$y.menuToggleToggleIcon) },
-                    React__namespace.createElement(CaretDownIcon, { "aria-hidden": true }))));
+                    React__namespace.createElement(CaretDownIcon$1, { "aria-hidden": true }))));
             const content = (React__namespace.createElement(React__namespace.Fragment, null,
                 icon && React__namespace.createElement("span", { className: css(styles$y.menuToggleIcon) }, icon),
                 isTypeahead ? children : React__namespace.createElement("span", { className: css(styles$y.menuToggleText) }, children),
@@ -16138,7 +16216,7 @@
     const ModalBoxCloseButton = (_a) => {
         var { className = '', onClose = () => undefined, ouiaId } = _a, props = __rest$1(_a, ["className", "onClose", "ouiaId"]);
         return (React__namespace.createElement(Button, Object.assign({ className: className, variant: "plain", onClick: onClose, "aria-label": "Close" }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props),
-            React__namespace.createElement(TimesIcon, null)));
+            React__namespace.createElement(TimesIcon$1, null)));
     };
     ModalBoxCloseButton.displayName = 'ModalBoxCloseButton';
 
@@ -16147,12 +16225,13 @@
       "value": "0.5rem",
       "var": "var(--pf-c-modal-box--m-align-top--spacer)"
     };
+    var topSpacer = c_modal_box_m_align_top_spacer;
 
     const ModalBox = (_a) => {
         var { children, className = '', variant = 'default', position, positionOffset, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel = '', 'aria-describedby': ariaDescribedby, style } = _a, props = __rest$1(_a, ["children", "className", "variant", "position", "positionOffset", 'aria-labelledby', 'aria-label', 'aria-describedby', "style"]);
         if (positionOffset) {
             style = style || {};
-            style[c_modal_box_m_align_top_spacer.name] = positionOffset;
+            style[topSpacer.name] = positionOffset;
         }
         return (React__namespace.createElement("div", Object.assign({}, props, { role: "dialog", "aria-label": ariaLabel || null, "aria-labelledby": ariaLabelledby || null, "aria-describedby": ariaDescribedby, "aria-modal": "true", className: css(modalStyles.modalBox, className, position === 'top' && modalStyles.modifiers.alignTop, variant === 'large' && modalStyles.modifiers.lg, variant === 'small' && modalStyles.modifiers.sm, variant === 'medium' && modalStyles.modifiers.md), style: style }), children));
     };
@@ -16187,11 +16266,11 @@
         const h1 = React__namespace.useRef();
         const label = titleLabel || (isVariantIcon(titleIconVariant) ? `${capitalize(titleIconVariant)} alert:` : titleLabel);
         const variantIcons = {
-            success: React__namespace.createElement(CheckCircleIcon, null),
-            danger: React__namespace.createElement(ExclamationCircleIcon, null),
-            warning: React__namespace.createElement(ExclamationTriangleIcon, null),
-            info: React__namespace.createElement(InfoCircleIcon, null),
-            default: React__namespace.createElement(BellIcon, null)
+            success: React__namespace.createElement(CheckCircleIcon$1, null),
+            danger: React__namespace.createElement(ExclamationCircleIcon$1, null),
+            warning: React__namespace.createElement(ExclamationTriangleIcon$1, null),
+            info: React__namespace.createElement(InfoCircleIcon$1, null),
+            default: React__namespace.createElement(BellIcon$1, null)
         };
         const CustomIcon = !isVariantIcon(titleIconVariant) && titleIconVariant;
         useIsomorphicLayoutEffect(() => {
@@ -16482,6 +16561,8 @@
 
     const InProgressIcon = createIcon(InProgressIconConfig);
 
+    var InProgressIcon$1 = InProgressIcon;
+
     const MultipleFileUploadStatus = (_a) => {
         var { children, className, statusToggleText, statusToggleIcon } = _a, props = __rest$1(_a, ["children", "className", "statusToggleText", "statusToggleIcon"]);
         const [icon, setIcon] = React__namespace.useState();
@@ -16489,13 +16570,13 @@
         React__namespace.useEffect(() => {
             switch (statusToggleIcon) {
                 case 'danger':
-                    setIcon(React__namespace.createElement(TimesCircleIcon, null));
+                    setIcon(React__namespace.createElement(TimesCircleIcon$1, null));
                     break;
                 case 'success':
-                    setIcon(React__namespace.createElement(CheckCircleIcon, null));
+                    setIcon(React__namespace.createElement(CheckCircleIcon$1, null));
                     break;
                 case 'inProgress':
-                    setIcon(React__namespace.createElement(InProgressIcon, null));
+                    setIcon(React__namespace.createElement(InProgressIcon$1, null));
                     break;
                 default:
                     setIcon(statusToggleIcon);
@@ -16559,9 +16640,9 @@
         ProgressVariant["warning"] = "warning";
     })(exports.ProgressVariant || (exports.ProgressVariant = {}));
     const variantToIcon = {
-        danger: TimesCircleIcon,
-        success: CheckCircleIcon,
-        warning: ExclamationTriangleIcon
+        danger: TimesCircleIcon$1,
+        success: CheckCircleIcon$1,
+        warning: ExclamationTriangleIcon$1
     };
     const ProgressContainer = ({ progressBarAriaProps, value, title = '', parentId, label = null, variant = null, measureLocation = exports.ProgressMeasureLocation.top, isTitleTruncated = false, tooltipPosition }) => {
         const StatusIcon = variantToIcon.hasOwnProperty(variant) && variantToIcon[variant];
@@ -16655,6 +16736,8 @@
 
     const FileIcon = createIcon(FileIconConfig);
 
+    var FileIcon$1 = FileIcon;
+
     const MultipleFileUploadStatusItem = (_a) => {
         var { className, file, fileIcon, onReadStarted = () => { }, onReadFinished = () => { }, onReadSuccess = () => { }, onReadFail = () => { }, onClearClick = () => { }, customFileHandler, fileName, fileSize, progressValue, progressVariant, progressAriaLabel, progressAriaLabelledBy, progressId, buttonAriaLabel = 'Remove from list' } = _a, props = __rest$1(_a, ["className", "file", "fileIcon", "onReadStarted", "onReadFinished", "onReadSuccess", "onReadFail", "onClearClick", "customFileHandler", "fileName", "fileSize", "progressValue", "progressVariant", "progressAriaLabel", "progressAriaLabelledBy", "progressId", "buttonAriaLabel"]);
         const [loadPercentage, setLoadPercentage] = React__namespace.useState(0);
@@ -16708,12 +16791,12 @@
             React__namespace.createElement("span", { className: styles$x.multipleFileUploadStatusItemProgressText }, fileName || (file === null || file === void 0 ? void 0 : file.name) || ''),
             React__namespace.createElement("span", { className: styles$x.multipleFileUploadStatusItemProgressSize }, fileSize || getHumanReadableFileSize((file === null || file === void 0 ? void 0 : file.size) || 0))));
         return (React__namespace.createElement("li", Object.assign({ className: css(styles$x.multipleFileUploadStatusItem, className) }, props),
-            React__namespace.createElement("div", { className: styles$x.multipleFileUploadStatusItemIcon }, fileIcon || React__namespace.createElement(FileIcon, null)),
+            React__namespace.createElement("div", { className: styles$x.multipleFileUploadStatusItemIcon }, fileIcon || React__namespace.createElement(FileIcon$1, null)),
             React__namespace.createElement("div", { className: styles$x.multipleFileUploadStatusItemMain },
                 React__namespace.createElement(Progress, { title: title, value: progressValue || loadPercentage, variant: progressVariant || loadResult, "aria-label": progressAriaLabel, "aria-labelledby": progressAriaLabelledBy, id: progressId })),
             React__namespace.createElement("div", { className: styles$x.multipleFileUploadStatusItemClose },
                 React__namespace.createElement(Button, { variant: "plain", "aria-label": buttonAriaLabel, onClick: onClearClick },
-                    React__namespace.createElement(TimesCircleIcon, null)))));
+                    React__namespace.createElement(TimesCircleIcon$1, null)))));
     };
     MultipleFileUploadStatusItem.displayName = 'MultipleFileUploadStatusItem';
 
@@ -16900,10 +16983,10 @@
             const { scrollViewAtStart, scrollViewAtEnd } = this.state;
             return (React__namespace.createElement(NavContext.Consumer, null, ({ isHorizontal }) => (React__namespace.createElement(PageSidebarContext.Consumer, null, ({ isNavOpen }) => (React__namespace.createElement(React__namespace.Fragment, null,
                 isHorizontal && (React__namespace.createElement("button", { className: css(styles$v.navScrollButton), "aria-label": ariaLeftScroll, onClick: this.scrollLeft, disabled: scrollViewAtStart, tabIndex: isNavOpen ? null : -1 },
-                    React__namespace.createElement(AngleLeftIcon, null))),
+                    React__namespace.createElement(AngleLeftIcon$1, null))),
                 React__namespace.createElement("ul", Object.assign({ ref: this.navList, className: css(styles$v.navList, className), onScroll: this.handleScrollButtons }, props), children),
                 isHorizontal && (React__namespace.createElement("button", { className: css(styles$v.navScrollButton), "aria-label": ariaRightScroll, onClick: this.scrollRight, disabled: scrollViewAtEnd, tabIndex: isNavOpen ? null : -1 },
-                    React__namespace.createElement(AngleRightIcon, null)))))))));
+                    React__namespace.createElement(AngleRightIcon$1, null)))))))));
         }
     }
     NavList.displayName = 'NavList';
@@ -17013,7 +17096,7 @@
         }, [flyoutVisible, flyoutTarget]);
         const flyoutButton = (React__namespace.createElement("span", { className: css(styles$v.navToggle) },
             React__namespace.createElement("span", { className: css(styles$v.navToggleIcon) },
-                React__namespace.createElement(AngleRightIcon, { "aria-hidden": true }))));
+                React__namespace.createElement(AngleRightIcon$1, { "aria-hidden": true }))));
         const ariaFlyoutProps = {
             'aria-haspopup': 'menu',
             'aria-expanded': flyoutVisible
@@ -17097,7 +17180,7 @@
                     title,
                     React__namespace.createElement("span", { className: css(styles$v.navToggle) },
                         React__namespace.createElement("span", { className: css(styles$v.navToggleIcon) },
-                            React__namespace.createElement(AngleRightIcon, { "aria-hidden": "true" })))))),
+                            React__namespace.createElement(AngleRightIcon$1, { "aria-hidden": "true" })))))),
                 React__namespace.createElement("section", { className: css(styles$v.navSubnav), "aria-labelledby": this.id, hidden: expandedState ? null : true },
                     srText && (React__namespace.createElement("h2", { className: css(a11yStyles.screenReader), id: this.id }, srText)),
                     React__namespace.createElement("ul", { className: css(styles$v.navList) }, children))))));
@@ -17139,6 +17222,8 @@
 
     const AttentionBellIcon = createIcon(AttentionBellIconConfig);
 
+    var AttentionBellIcon$1 = AttentionBellIcon;
+
     exports.NotificationBadgeVariant = void 0;
     (function (NotificationBadgeVariant) {
         NotificationBadgeVariant["read"] = "read";
@@ -17146,7 +17231,7 @@
         NotificationBadgeVariant["attention"] = "attention";
     })(exports.NotificationBadgeVariant || (exports.NotificationBadgeVariant = {}));
     const NotificationBadge = (_a) => {
-        var { isRead, children, variant = isRead ? 'read' : 'unread', count = 0, attentionIcon = React__namespace.createElement(AttentionBellIcon, null), icon = React__namespace.createElement(BellIcon, null), className } = _a, props = __rest$1(_a, ["isRead", "children", "variant", "count", "attentionIcon", "icon", "className"]);
+        var { isRead, children, variant = isRead ? 'read' : 'unread', count = 0, attentionIcon = React__namespace.createElement(AttentionBellIcon$1, null), icon = React__namespace.createElement(BellIcon$1, null), className } = _a, props = __rest$1(_a, ["isRead", "children", "variant", "count", "attentionIcon", "icon", "className"]);
         let notificationChild = icon;
         if (children !== undefined) {
             notificationChild = children;
@@ -17214,6 +17299,7 @@
       "value": "1",
       "var": "var(--pf-c-notification-drawer__group-toggle-title--max-lines)"
     };
+    var maxLines$1 = c_notification_drawer__group_toggle_title_max_lines;
 
     const NotificationDrawerGroup = (_a) => {
         var { children, className = '', count, isExpanded, isRead = false, 
@@ -17230,7 +17316,7 @@
             if (!titleRef.current || !truncateTitle) {
                 return;
             }
-            titleRef.current.style.setProperty(c_notification_drawer__group_toggle_title_max_lines.name, truncateTitle.toString());
+            titleRef.current.style.setProperty(maxLines$1.name, truncateTitle.toString());
         }, [titleRef, truncateTitle, isTooltipVisible]);
         const Title = (React__namespace.createElement("div", Object.assign({}, (isTooltipVisible && { tabIndex: 0 }), { ref: titleRef, className: css(styles$t.notificationDrawerGroupToggleTitle) }), title));
         return (React__namespace.createElement("section", Object.assign({}, props, { className: css(styles$t.notificationDrawerGroup, isExpanded && styles$t.modifiers.expanded, className) }),
@@ -17245,7 +17331,7 @@
                     React__namespace.createElement("div", { className: css(styles$t.notificationDrawerGroupToggleCount) },
                         React__namespace.createElement(Badge, { isRead: isRead }, count)),
                     React__namespace.createElement("span", { className: "pf-c-notification-drawer__group-toggle-icon" },
-                        React__namespace.createElement(AngleRightIcon, null)))),
+                        React__namespace.createElement(AngleRightIcon$1, null)))),
             children));
     };
     NotificationDrawerGroup.displayName = 'NotificationDrawerGroup';
@@ -17319,7 +17405,7 @@
                 children,
                 onClose && (React__namespace.createElement("div", null,
                     React__namespace.createElement(Button, { variant: exports.ButtonVariant.plain, "aria-label": closeButtonAriaLabel, onClick: onClose },
-                        React__namespace.createElement(TimesIcon, { "aria-hidden": "true" }))))))));
+                        React__namespace.createElement(TimesIcon$1, { "aria-hidden": "true" }))))))));
     };
     NotificationDrawerHeader.displayName = 'NotificationDrawerHeader';
 
@@ -17356,13 +17442,14 @@
       "value": "1",
       "var": "var(--pf-c-notification-drawer__list-item-header-title--max-lines)"
     };
+    var maxLines = c_notification_drawer__list_item_header_title_max_lines;
 
     const variantIcons$1 = {
-        success: CheckCircleIcon,
-        danger: ExclamationCircleIcon,
-        warning: ExclamationTriangleIcon,
-        info: InfoCircleIcon,
-        default: BellIcon
+        success: CheckCircleIcon$1,
+        danger: ExclamationCircleIcon$1,
+        warning: ExclamationTriangleIcon$1,
+        info: InfoCircleIcon$1,
+        default: BellIcon$1
     };
     const NotificationDrawerListItemHeader = (_a) => {
         var { children, className = '', icon = null, srTitle, title, variant = 'default', truncateTitle = 0, tooltipPosition, headingLevel: HeadingLevel = 'h2' } = _a, props = __rest$1(_a, ["children", "className", "icon", "srTitle", "title", "variant", "truncateTitle", "tooltipPosition", "headingLevel"]);
@@ -17372,7 +17459,7 @@
             if (!titleRef.current || !truncateTitle) {
                 return;
             }
-            titleRef.current.style.setProperty(c_notification_drawer__list_item_header_title_max_lines.name, truncateTitle.toString());
+            titleRef.current.style.setProperty(maxLines.name, truncateTitle.toString());
             const showTooltip = titleRef.current && titleRef.current.offsetHeight < titleRef.current.scrollHeight;
             if (isTooltipVisible !== showTooltip) {
                 setIsTooltipVisible(showTooltip);
@@ -17477,7 +17564,7 @@
         return (React__namespace.createElement(DropdownItem, Object.assign({ id: id, component: "button", isDisabled: isDisabled, onClick: (event) => onSelect(event) }, (isDisabled && { 'aria-disabled': true }), props),
             children,
             isSelected && (React__namespace.createElement("span", { className: css(styles$s.optionsMenuMenuItemIcon) },
-                React__namespace.createElement(CheckIcon, { "aria-hidden": isSelected })))));
+                React__namespace.createElement(CheckIcon$1, { "aria-hidden": isSelected })))));
     };
     OptionsMenuItem.displayName = 'OptionsMenuItem';
 
@@ -17565,10 +17652,10 @@
     });
 
     const breakpoints = {
-        md: global_breakpoint_md,
-        lg: global_breakpoint_lg,
-        xl: global_breakpoint_xl,
-        '2xl': global_breakpoint_2xl
+        md: globalBreakpointMd,
+        lg: globalBreakpointLg,
+        xl: globalBreakpointXl,
+        '2xl': globalBreakpoint2xl
     };
     class OverflowMenu extends React__namespace.Component {
         constructor(props) {
@@ -17678,6 +17765,8 @@
 
     const BarsIcon = createIcon(BarsIconConfig);
 
+    var BarsIcon$1 = BarsIcon;
+
     const PageHeader = (_a) => {
         var { className = '', logo = null, logoProps = null, logoComponent = 'a', headerTools = null, topNav = null, isNavOpen = true, isManagedSidebar: deprecatedIsManagedSidebar = undefined, role = undefined, showNavToggle = false, navToggleId = 'nav-toggle', onNavToggle = () => undefined, 'aria-label': ariaLabel = 'Global navigation', 'aria-controls': ariaControls = null } = _a, props = __rest$1(_a, ["className", "logo", "logoProps", "logoComponent", "headerTools", "topNav", "isNavOpen", "isManagedSidebar", "role", "showNavToggle", "navToggleId", "onNavToggle", 'aria-label', 'aria-controls']);
         const LogoComponent = logoComponent;
@@ -17691,7 +17780,7 @@
                 (showNavToggle || logo) && (React__namespace.createElement("div", { className: css(styles$z.pageHeaderBrand) },
                     showNavToggle && (React__namespace.createElement("div", { className: css(styles$z.pageHeaderBrandToggle) },
                         React__namespace.createElement(Button, { id: navToggleId, onClick: navToggle, "aria-label": ariaLabel, "aria-controls": ariaControls, "aria-expanded": navOpen ? 'true' : 'false', variant: exports.ButtonVariant.plain },
-                            React__namespace.createElement(BarsIcon, null)))),
+                            React__namespace.createElement(BarsIcon$1, null)))),
                     logo && (React__namespace.createElement(LogoComponent, Object.assign({ className: css(styles$z.pageHeaderBrandLink) }, logoProps), logo)))),
                 topNav && React__namespace.createElement("div", { className: css(styles$z.pageHeaderNav) }, topNav),
                 headerTools));
@@ -17888,7 +17977,7 @@
                             this.handleNewPage(event, 1);
                             this.setState({ userInputPage: 1 });
                         } },
-                        React__namespace.createElement(AngleDoubleLeftIcon, null)))),
+                        React__namespace.createElement(AngleDoubleLeftIcon$1, null)))),
                 React__namespace.createElement("div", { className: styles$q.paginationNavControl },
                     React__namespace.createElement(Button, { variant: exports.ButtonVariant.plain, isDisabled: isDisabled || page === firstPage || page === 0, "data-action": "previous", onClick: event => {
                             const newPage = page - 1 >= 1 ? page - 1 : 1;
@@ -17896,7 +17985,7 @@
                             this.handleNewPage(event, newPage);
                             this.setState({ userInputPage: newPage });
                         }, "aria-label": toPreviousPage },
-                        React__namespace.createElement(AngleLeftIcon, null))),
+                        React__namespace.createElement(AngleLeftIcon$1, null))),
                 !isCompact && (React__namespace.createElement("div", { className: styles$q.paginationNavPageSelect },
                     React__namespace.createElement("input", { className: css(styles$q.formControl), "aria-label": currPage, type: "number", disabled: isDisabled || (itemCount && page === firstPage && page === lastPage && itemCount >= 0) || page === 0, min: lastPage <= 0 && firstPage <= 0 ? 0 : 1, max: lastPage, value: userInputPage, onKeyDown: event => this.onKeyDown(event, page, lastPage, onPageInput), onChange: event => this.onChange(event, lastPage) }),
                     (itemCount || itemCount === 0) && (React__namespace.createElement("span", { "aria-hidden": "true" },
@@ -17910,14 +17999,14 @@
                             this.handleNewPage(event, newPage);
                             this.setState({ userInputPage: newPage });
                         } },
-                        React__namespace.createElement(AngleRightIcon, null))),
+                        React__namespace.createElement(AngleRightIcon$1, null))),
                 !isCompact && (React__namespace.createElement("div", { className: css(styles$q.paginationNavControl, styles$q.modifiers.last) },
                     React__namespace.createElement(Button, { variant: exports.ButtonVariant.plain, isDisabled: isDisabled || page === lastPage, "aria-label": toLastPage, "data-action": "last", onClick: event => {
                             onLastClick(event, lastPage);
                             this.handleNewPage(event, lastPage);
                             this.setState({ userInputPage: lastPage });
                         } },
-                        React__namespace.createElement(AngleDoubleRightIcon, null))))));
+                        React__namespace.createElement(AngleDoubleRightIcon$1, null))))));
         }
     }
     Navigation.displayName = 'Navigation';
@@ -17992,7 +18081,7 @@
                     title,
                     ` ${perPageSuffix}`,
                     perPage === value && (React__namespace.createElement("div", { className: css(styles$s.optionsMenuMenuItemIcon) },
-                        React__namespace.createElement(CheckIcon, null))))));
+                        React__namespace.createElement(CheckIcon$1, null))))));
             };
             this.state = {
                 isOpen: false
@@ -18044,6 +18133,7 @@
       "value": "2",
       "var": "var(--pf-c-pagination__nav-page-select--c-form-control--width-chars)"
     };
+    var widthChars = c_pagination__nav_page_select_c_form_control_width_chars;
 
     exports.PaginationVariant = void 0;
     (function (PaginationVariant) {
@@ -18074,10 +18164,10 @@
         }
         const len = String(lastPage).length;
         if (len >= 3) {
-            node.style.setProperty(c_pagination__nav_page_select_c_form_control_width_chars.name, `${len}`);
+            node.style.setProperty(widthChars.name, `${len}`);
         }
         else {
-            node.style.setProperty(c_pagination__nav_page_select_c_form_control_width_chars.name, '2');
+            node.style.setProperty(widthChars.name, '2');
         }
     };
     let paginationId = 0;
@@ -18238,13 +18328,15 @@
 
     const ResourcesFullIcon = createIcon(ResourcesFullIconConfig);
 
+    var ResourcesFullIcon$1 = ResourcesFullIcon;
+
     const variantIcons = {
         default: undefined,
         pending: undefined,
-        success: React__namespace.createElement(CheckCircleIcon, null),
-        info: React__namespace.createElement(ResourcesFullIcon, null),
-        warning: React__namespace.createElement(ExclamationTriangleIcon, null),
-        danger: React__namespace.createElement(ExclamationCircleIcon, null)
+        success: React__namespace.createElement(CheckCircleIcon$1, null),
+        info: React__namespace.createElement(ResourcesFullIcon$1, null),
+        warning: React__namespace.createElement(ExclamationTriangleIcon$1, null),
+        danger: React__namespace.createElement(ExclamationCircleIcon$1, null)
     };
     const variantStyle$2 = {
         default: '',
@@ -18350,6 +18442,8 @@
 
     const ArrowRightIcon = createIcon(ArrowRightIconConfig);
 
+    var ArrowRightIcon$1 = ArrowRightIcon;
+
     Promise.resolve().then(function () { return panel; });
     var styles$n = {
       "modifiers": {
@@ -18626,25 +18720,25 @@
         const buildSearchTextInputGroup = (_a = {}) => {
             var searchInputProps = __rest$1(_a, []);
             return (React__namespace.createElement(TextInputGroup, Object.assign({ isDisabled: isDisabled }, searchInputProps),
-                React__namespace.createElement(TextInputGroupMain, { hint: hint, icon: React__namespace.createElement(SearchIcon, null), innerRef: searchInputInputRef, value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler }),
+                React__namespace.createElement(TextInputGroupMain, { hint: hint, icon: React__namespace.createElement(SearchIcon$1, null), innerRef: searchInputInputRef, value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler }),
                 value && (React__namespace.createElement(TextInputGroupUtilities, null,
                     resultsCount && React__namespace.createElement(Badge, { isRead: true }, resultsCount),
                     !!onNextClick && !!onPreviousClick && (React__namespace.createElement("div", { className: "pf-c-text-input-group__group" },
                         React__namespace.createElement(Button, { variant: exports.ButtonVariant.plain, "aria-label": previousNavigationButtonAriaLabel, isDisabled: isDisabled || isPreviousNavigationButtonDisabled, onClick: onPreviousClick },
-                            React__namespace.createElement(AngleUpIcon, null)),
+                            React__namespace.createElement(AngleUpIcon$1, null)),
                         React__namespace.createElement(Button, { variant: exports.ButtonVariant.plain, "aria-label": nextNavigationButtonAriaLabel, isDisabled: isDisabled || isNextNavigationButtonDisabled, onClick: onNextClick },
-                            React__namespace.createElement(AngleDownIcon, null)))),
+                            React__namespace.createElement(AngleDownIcon$1, null)))),
                     !!onClear && (React__namespace.createElement(Button, { variant: exports.ButtonVariant.plain, isDisabled: isDisabled, "aria-label": resetButtonLabel, onClick: onClearInput },
-                        React__namespace.createElement(TimesIcon, null)))))));
+                        React__namespace.createElement(TimesIcon$1, null)))))));
         };
         const buildSearchTextInputGroupWithExtraButtons = (_a = {}) => {
             var searchInputProps = __rest$1(_a, []);
             return (React__namespace.createElement(InputGroup, Object.assign({}, searchInputProps),
                 buildSearchTextInputGroup(),
                 (attributes.length > 0 || onToggleAdvancedSearch) && (React__namespace.createElement(Button, { className: isSearchMenuOpen && 'pf-m-expanded', variant: exports.ButtonVariant.control, "aria-label": openMenuButtonAriaLabel, onClick: onToggle, isDisabled: isDisabled, "aria-expanded": isSearchMenuOpen },
-                    React__namespace.createElement(CaretDownIcon, null))),
+                    React__namespace.createElement(CaretDownIcon$1, null))),
                 !!onSearch && (React__namespace.createElement(Button, { type: "submit", variant: exports.ButtonVariant.control, "aria-label": submitSearchButtonLabel, onClick: onSearchHandler, isDisabled: isDisabled || !searchValue },
-                    React__namespace.createElement(ArrowRightIcon, null)))));
+                    React__namespace.createElement(ArrowRightIcon$1, null)))));
         };
         const searchInputProps = Object.assign(Object.assign({}, props), { className: className && css(className), innerRef: searchInputRef });
         if (!!onSearch || attributes.length > 0 || !!onToggleAdvancedSearch) {
@@ -19151,11 +19245,11 @@
                 React__namespace.createElement("input", Object.assign({ id: this.id, className: css(styles$h.switchInput), type: "checkbox", onChange: event => onChange(event.target.checked, event) }, (defaultChecked !== undefined ? { defaultChecked } : { checked: isChecked }), { disabled: isDisabled, "aria-labelledby": !isAriaLabelledBy ? null : `${this.id}-${isChecked !== true ? 'off' : 'on'}` }, props)),
                 label !== undefined ? (React__namespace.createElement(React__namespace.Fragment, null,
                     React__namespace.createElement("span", { className: css(styles$h.switchToggle) }, hasCheckIcon && (React__namespace.createElement("span", { className: css(styles$h.switchToggleIcon), "aria-hidden": "true" },
-                        React__namespace.createElement(CheckIcon, { noVerticalAlign: true })))),
+                        React__namespace.createElement(CheckIcon$1, { noVerticalAlign: true })))),
                     React__namespace.createElement("span", { className: css(styles$h.switchLabel, styles$h.modifiers.on), id: isAriaLabelledBy ? `${this.id}-on` : null, "aria-hidden": "true" }, label),
                     React__namespace.createElement("span", { className: css(styles$h.switchLabel, styles$h.modifiers.off), id: isAriaLabelledBy ? `${this.id}-off` : null, "aria-hidden": "true" }, labelOff !== undefined ? labelOff : label))) : (React__namespace.createElement("span", { className: css(styles$h.switchToggle) },
                     React__namespace.createElement("div", { className: css(styles$h.switchToggleIcon), "aria-hidden": "true" },
-                        React__namespace.createElement(CheckIcon, { noVerticalAlign: true }))))));
+                        React__namespace.createElement(CheckIcon$1, { noVerticalAlign: true }))))));
         }
     }
     Switch.displayName = 'Switch';
@@ -19300,7 +19394,7 @@
             handleTabClose !== undefined && (React__namespace.createElement("span", { className: css(styles$g.tabsItemClose) },
                 React__namespace.createElement(Button, { variant: "plain", "aria-label": closeButtonAriaLabel || 'Close tab', onClick: (event) => handleTabClose(event, eventKey, tabContentRef), isDisabled: isCloseDisabled },
                     React__namespace.createElement("span", { className: css(styles$g.tabsItemCloseIcon) },
-                        React__namespace.createElement(TimesIcon, null)))))));
+                        React__namespace.createElement(TimesIcon$1, null)))))));
     };
     const Tab = React__namespace.forwardRef((props, ref) => React__namespace.createElement(TabBase, Object.assign({ innerRef: ref }, props)));
     Tab.displayName = 'Tab';
@@ -19316,6 +19410,8 @@
 
     const PlusIcon = createIcon(PlusIconConfig);
 
+    var PlusIcon$1 = PlusIcon;
+
     Promise.resolve().then(function () { return tabContent; });
     var styles$f = {
       "modifiers": {
@@ -19407,7 +19503,7 @@
                     tabTitle,
                     showTabCount && tabTitle === defaultTitleText && ` (${overflowingTabs.length})`),
                 React__default["default"].createElement("span", { className: styles$g.tabsLinkToggleIcon },
-                    React__default["default"].createElement(AngleRightIcon, null)))));
+                    React__default["default"].createElement(AngleRightIcon$1, null)))));
         const tabs = overflowingTabs.map(tab => (React__default["default"].createElement(MenuItem, { key: tab.eventKey, itemId: tab.eventKey, isSelected: localActiveKey === tab.eventKey }, tab.title)));
         const onTabSelect = (event, key) => {
             closeMenu();
@@ -19625,18 +19721,18 @@
                         React__namespace.createElement("div", { className: css(styles$g.tabsToggleButton) },
                             React__namespace.createElement(Button, { onClick: () => toggleTabs(!isExpandedLocal), variant: "plain", "aria-label": toggleAriaLabel, "aria-expanded": isExpandedLocal, id: `${randomId}-button`, "aria-labelledby": `${randomId}-text ${randomId}-button` },
                                 React__namespace.createElement("span", { className: css(styles$g.tabsToggleIcon) },
-                                    React__namespace.createElement(AngleRightIcon, { "arian-hidden": "true" })),
+                                    React__namespace.createElement(AngleRightIcon$1, { "arian-hidden": "true" })),
                                 toggleText && (React__namespace.createElement("span", { className: css('pf-c-tabs__toggle-text'), id: `${randomId}-text` }, toggleText)))))))),
                     !isOverflowHorizontal && (React__namespace.createElement("button", { className: css(styles$g.tabsScrollButton, isSecondary && buttonStyles.modifiers.secondary), "aria-label": leftScrollAriaLabel, onClick: this.scrollLeft, disabled: disableLeftScrollButton, "aria-hidden": disableLeftScrollButton },
-                        React__namespace.createElement(AngleLeftIcon, null))),
+                        React__namespace.createElement(AngleLeftIcon$1, null))),
                     React__namespace.createElement("ul", { className: css(styles$g.tabsList), ref: this.tabList, onScroll: this.handleScrollButtons, role: "tablist" },
                         isOverflowHorizontal ? filteredChildrenWithoutOverflow : filteredChildren,
                         hasOverflowTab && React__namespace.createElement(OverflowTab, Object.assign({ overflowingTabs: overflowingTabProps }, overflowObjectProps))),
                     !isOverflowHorizontal && (React__namespace.createElement("button", { className: css(styles$g.tabsScrollButton, isSecondary && buttonStyles.modifiers.secondary), "aria-label": rightScrollAriaLabel, onClick: this.scrollRight, disabled: disableRightScrollButton, "aria-hidden": disableRightScrollButton },
-                        React__namespace.createElement(AngleRightIcon, null))),
+                        React__namespace.createElement(AngleRightIcon$1, null))),
                     onAdd !== undefined && (React__namespace.createElement("span", { className: css(styles$g.tabsAdd) },
                         React__namespace.createElement(Button, { variant: "plain", "aria-label": addButtonAriaLabel || 'Add tab', onClick: onAdd },
-                            React__namespace.createElement(PlusIcon, null))))),
+                            React__namespace.createElement(PlusIcon$1, null))))),
                 filteredChildren
                     .filter(child => child.props.children &&
                     !(unmountOnExit && child.props.eventKey !== localActiveKey) &&
@@ -20462,10 +20558,10 @@
         chipContainerRef: null
     });
     const globalBreakpoints = {
-        md: parseInt(global_breakpoint_md.value),
-        lg: parseInt(global_breakpoint_lg.value),
-        xl: parseInt(global_breakpoint_xl.value),
-        '2xl': parseInt(global_breakpoint_2xl.value)
+        md: parseInt(globalBreakpointMd.value),
+        lg: parseInt(globalBreakpointLg.value),
+        xl: parseInt(globalBreakpointXl.value),
+        '2xl': parseInt(globalBreakpoint2xl.value)
     };
 
     exports.ToolbarItemVariant = void 0;
@@ -20736,7 +20832,7 @@
             super(...arguments);
             this.isContentPopup = () => {
                 const viewportSize = canUseDOM ? window.innerWidth : 1200;
-                const lgBreakpointValue = parseInt(global_breakpoint_lg.value);
+                const lgBreakpointValue = parseInt(globalBreakpointLg.value);
                 return viewportSize < lgBreakpointValue;
             };
         }
@@ -20816,11 +20912,11 @@
             React__namespace.createElement(InputGroup, null,
                 React__namespace.createElement(Button, Object.assign({ variant: "control", "aria-label": minusBtnAriaLabel, isDisabled: isDisabled || value <= min, onClick: evt => onMinus(evt, inputName) }, minusBtnProps),
                     React__namespace.createElement("span", { className: css(styles$a.numberInputIcon) },
-                        React__namespace.createElement(MinusIcon, { "aria-hidden": "true" }))),
+                        React__namespace.createElement(MinusIcon$1, { "aria-hidden": "true" }))),
                 React__namespace.createElement(TextInput, Object.assign({ type: "number", value: value, name: inputName, "aria-label": inputAriaLabel }, (isDisabled && { isDisabled }), (onChange && { onChange: (value, event) => onChange(event) }), { onBlur: handleBlur }, (!onChange && { isReadOnly: true }), { onKeyDown: keyDownHandler, validated: validated }, inputProps)),
                 React__namespace.createElement(Button, Object.assign({ variant: "control", "aria-label": plusBtnAriaLabel, isDisabled: isDisabled || value >= max, onClick: evt => onPlus(evt, inputName) }, plusBtnProps),
                     React__namespace.createElement("span", { className: css(styles$a.numberInputIcon) },
-                        React__namespace.createElement(PlusIcon, { "aria-hidden": "true" })))),
+                        React__namespace.createElement(PlusIcon$1, { "aria-hidden": "true" })))),
             unit && unitPosition === 'after' && numberInputUnit));
     };
     NumberInput.displayName = 'NumberInput';
@@ -20897,7 +20993,7 @@
                 }
             } }, ((hasCheck || isSelectable) && { 'aria-labelledby': `label-${randomId}` }), { tabIndex: -1 }),
             React__default["default"].createElement("span", { className: css(styles$9.treeViewNodeToggleIcon) },
-                React__default["default"].createElement(AngleRightIcon, { "aria-hidden": "true" }))));
+                React__default["default"].createElement(AngleRightIcon$1, { "aria-hidden": "true" }))));
         const renderCheck = (randomId) => (React__default["default"].createElement("span", { className: css(styles$9.treeViewNodeCheck) },
             React__default["default"].createElement("input", Object.assign({ type: "checkbox", onChange: evt => onCheck && onCheck(evt, itemData, parentItem), onClick: evt => evt.stopPropagation(), ref: elem => elem && (elem.indeterminate = checkProps.checked === null) }, checkProps, { checked: checkProps.checked === null ? false : checkProps.checked, id: randomId, tabIndex: -1 }))));
         const iconRendered = (React__default["default"].createElement("span", { className: css(styles$9.treeViewNodeIcon) },
@@ -21211,10 +21307,10 @@
                         React__namespace.createElement("span", { className: css(styles$8.wizardToggleNum) }, activeStepIndex),
                         " ",
                         activeStepName,
-                        activeStepSubName && React__namespace.createElement(AngleRightIcon, { className: css(styles$8.wizardToggleSeparator), "aria-hidden": "true" })),
+                        activeStepSubName && React__namespace.createElement(AngleRightIcon$1, { className: css(styles$8.wizardToggleSeparator), "aria-hidden": "true" })),
                     activeStepSubName && React__namespace.createElement("span", { className: css(styles$8.wizardToggleListItem) }, activeStepSubName)),
                 React__namespace.createElement("span", { className: css(styles$8.wizardToggleIcon) },
-                    React__namespace.createElement(CaretDownIcon, { "aria-hidden": "true" }))),
+                    React__namespace.createElement(CaretDownIcon$1, { "aria-hidden": "true" }))),
             React__namespace.createElement("div", { className: css(styles$8.wizardOuterWrap) },
                 React__namespace.createElement("div", { className: css(styles$8.wizardInnerWrap) },
                     nav(isNavOpen),
@@ -21258,7 +21354,7 @@
                 React__namespace.createElement("span", { className: css(styles$8.wizardNavLinkText) }, content),
                 React__namespace.createElement("span", { className: css(styles$8.wizardNavLinkToggle) },
                     React__namespace.createElement("span", { className: css(styles$8.wizardNavLinkToggleIcon) },
-                        React__namespace.createElement(AngleRightIcon, null))))) : (content)),
+                        React__namespace.createElement(AngleRightIcon$1, null))))) : (content)),
             children));
     };
     WizardNavItem.displayName = 'WizardNavItem';
@@ -21276,7 +21372,7 @@
 
     const WizardHeader = ({ onClose = () => undefined, title, description, hideClose, closeButtonAriaLabel, titleId, descriptionComponent: Component = 'p', descriptionId }) => (React__namespace.createElement("div", { className: css(styles$8.wizardHeader) },
         !hideClose && (React__namespace.createElement(Button, { variant: "plain", className: css(styles$8.wizardClose), "aria-label": closeButtonAriaLabel, onClick: onClose },
-            React__namespace.createElement(TimesIcon, { "aria-hidden": "true" }))),
+            React__namespace.createElement(TimesIcon$1, { "aria-hidden": "true" }))),
         React__namespace.createElement(Title, { headingLevel: "h2", size: "3xl", className: css(styles$8.wizardTitle), "aria-label": title, id: titleId }, title || React__namespace.createElement(React__namespace.Fragment, null, "\u00A0")),
         description && (React__namespace.createElement(Component, { className: css(styles$8.wizardDescription), id: descriptionId }, description))));
     WizardHeader.displayName = 'WizardHeader';