@patternfly/react-core 4.225.0 → 4.225.3

package/dist/js/components/Page/PageToggleButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAG7E,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6IAA6I;IAC7I,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAyB3E,CAAC"}
+{"version":3,"file":"PageToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAG7E,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6IAA6I;IAC7I,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CA0B3E,CAAC"}

package/dist/js/components/Page/PageToggleButton.js

@@ -7,11 +7,11 @@ const React = tslib_1.__importStar(require("react"));
 const Button_1 = require("../../components/Button");
 const Page_1 = require("./Page");
 const PageToggleButton = (_a) => {
-    var { children, isNavOpen = true, onNavToggle = () => undefined } = _a, props = tslib_1.__rest(_a, ["children", "isNavOpen", "onNavToggle"]);
+    var { children, isNavOpen = true, onNavToggle = () => undefined, id = 'nav-toggle' } = _a, props = tslib_1.__rest(_a, ["children", "isNavOpen", "onNavToggle", "id"]);
     return (React.createElement(Page_1.PageContextConsumer, null, ({ isManagedSidebar, onNavToggle: managedOnNavToggle, isNavOpen: managedIsNavOpen }) => {
         const navToggle = isManagedSidebar ? managedOnNavToggle : onNavToggle;
         const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
-        return (React.createElement(Button_1.Button, Object.assign({ id: "nav-toggle", onClick: navToggle, "aria-label": "Side navigation toggle", "aria-expanded": navOpen ? 'true' : 'false', variant: Button_1.ButtonVariant.plain }, props), children));
+        return (React.createElement(Button_1.Button, Object.assign({ id: id, onClick: navToggle, "aria-label": "Side navigation toggle", "aria-expanded": navOpen ? 'true' : 'false', variant: Button_1.ButtonVariant.plain }, props), children));
     }));
 };
 exports.PageToggleButton = PageToggleButton;

package/dist/js/components/Page/PageToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageToggleButton.js","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,oDAA6E;AAC7E,iCAA+D;AAWxD,MAAM,gBAAgB,GAAmD,CAAC,EAKzD,EAAE,EAAE;QALqD,EAC/E,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,GAAG,EAAE,CAAC,SAAgB,OAEd,EADnB,KAAK,sBAJuE,wCAKhF,CADS;IACmB,OAAA,CAC3B,oBAAC,0BAAmB,QACjB,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,gBAAgB,EAAoB,EAAE,EAAE;QACxG,MAAM,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC;QACtE,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhE,OAAO,CACL,oBAAC,eAAM,kBACL,EAAE,EAAC,YAAY,EACf,OAAO,EAAE,SAAS,gBACP,wBAAwB,mBACpB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACzC,OAAO,EAAE,sBAAa,CAAC,KAAK,IACxB,KAAK,GAER,QAAQ,CACF,CACV,CAAC;IACJ,CAAC,CACmB,CACvB,CAAA;CAAA,CAAC;AAzBW,QAAA,gBAAgB,oBAyB3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"PageToggleButton.js","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,oDAA6E;AAC7E,iCAA+D;AAaxD,MAAM,gBAAgB,GAAmD,CAAC,EAMzD,EAAE,EAAE;QANqD,EAC/E,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,GAAG,EAAE,CAAC,SAAgB,EACpC,EAAE,GAAG,YAAY,OAEK,EADnB,KAAK,sBALuE,8CAMhF,CADS;IACmB,OAAA,CAC3B,oBAAC,0BAAmB,QACjB,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,gBAAgB,EAAoB,EAAE,EAAE;QACxG,MAAM,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC;QACtE,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhE,OAAO,CACL,oBAAC,eAAM,kBACL,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,SAAS,gBACP,wBAAwB,mBACpB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACzC,OAAO,EAAE,sBAAa,CAAC,KAAK,IACxB,KAAK,GAER,QAAQ,CACF,CACV,CAAC;IACJ,CAAC,CACmB,CACvB,CAAA;CAAA,CAAC;AA1BW,QAAA,gBAAgB,oBA0B3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/js/components/Tabs/TabContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IAC3F,kFAAkF;IAClF,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAC;IACX,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAwDD,eAAO,MAAM,UAAU,qFAErB,CAAC"}
+{"version":3,"file":"TabContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IAC3F,kFAAkF;IAClF,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAC;IACX,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAyDD,eAAO,MAAM,UAAU,qFAErB,CAAC"}

package/dist/js/components/Tabs/TabContent.js

@@ -12,14 +12,16 @@ const variantStyle = {
     light300: tab_content_1.default.modifiers.light_300
 };
 const TabContentBase = (_a) => {
-    var { id, activeKey, 'aria-label': ariaLabel, child, children, className, eventKey, innerRef, ouiaId, ouiaSafe } = _a, props = tslib_1.__rest(_a, ["id", "activeKey", 'aria-label', "child", "children", "className", "eventKey", "innerRef", "ouiaId", "ouiaSafe"]);
+    var { id, activeKey, 'aria-label': ariaLabel, child, children, className, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    eventKey, innerRef, ouiaId, ouiaSafe } = _a, props = tslib_1.__rest(_a, ["id", "activeKey", 'aria-label', "child", "children", "className", "eventKey", "innerRef", "ouiaId", "ouiaSafe"]);
     if (children || child) {
         let labelledBy;
         if (ariaLabel) {
             labelledBy = null;
         }
         else {
-            labelledBy = children ? `pf-tab-${eventKey}-${id}` : `pf-tab-${child.props.eventKey}-${id}`;
+            labelledBy = children ? `${id}` : `pf-tab-${child.props.eventKey}-${id}`;
         }
         return (React.createElement(TabsContext_1.TabsContextConsumer, null, ({ variant }) => (React.createElement("section", Object.assign({ ref: innerRef, hidden: children ? null : child.props.eventKey !== activeKey, className: children
                 ? react_styles_1.css('pf-c-tab-content', className, variantStyle[variant])

package/dist/js/components/Tabs/TabContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabContent.js","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,2CAAwD;AACxD,+CAAsE;AAqBtE,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,qBAAM,CAAC,SAAS,CAAC,SAAS;CACrC,CAAC;AAEF,MAAM,cAAc,GAA6C,CAAC,EAYhD,EAAE,EAAE;QAZ4C,EAChE,EAAE,EACF,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,OAEQ,EADb,KAAK,sBAXwD,iHAYjE,CADS;IAER,IAAI,QAAQ,IAAI,KAAK,EAAE;QACrB,IAAI,UAAkB,CAAC;QACvB,IAAI,SAAS,EAAE;YACb,UAAU,GAAG,IAAI,CAAC;SACnB;aAAM;YACL,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,QAAQ,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,EAAE,CAAC;SAC7F;QAED,OAAO,CACL,oBAAC,iCAAmB,QACjB,CAAC,EAAE,OAAO,EAAoB,EAAE,EAAE,CAAC,CAClC,+CACE,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,EAC5D,SAAS,EACP,QAAQ;gBACN,CAAC,CAAC,kBAAG,CAAC,kBAAkB,EAAE,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;gBAC3D,CAAC,CAAC,kBAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,EAE3E,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,EAAE,gBACtD,SAAS,qBACJ,UAAU,EAC3B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,IACP,sBAAY,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,EAC5C,KAAK,GAER,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,CACzB,CACX,CACmB,CACvB,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEW,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAA2B,EAAE,EAAE,CAAC,CAClG,oBAAC,cAAc,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CAC7C,CAAC,CAAC"}
+{"version":3,"file":"TabContent.js","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,2CAAwD;AACxD,+CAAsE;AAqBtE,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,qBAAM,CAAC,SAAS,CAAC,SAAS;CACrC,CAAC;AAEF,MAAM,cAAc,GAA6C,CAAC,EAahD,EAAE,EAAE;QAb4C,EAChE,EAAE,EACF,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,QAAQ,EACR,SAAS;IACT,6DAA6D;IAC7D,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,OAEQ,EADb,KAAK,sBAZwD,iHAajE,CADS;IAER,IAAI,QAAQ,IAAI,KAAK,EAAE;QACrB,IAAI,UAAkB,CAAC;QACvB,IAAI,SAAS,EAAE;YACb,UAAU,GAAG,IAAI,CAAC;SACnB;aAAM;YACL,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,EAAE,CAAC;SAC1E;QAED,OAAO,CACL,oBAAC,iCAAmB,QACjB,CAAC,EAAE,OAAO,EAAoB,EAAE,EAAE,CAAC,CAClC,+CACE,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,EAC5D,SAAS,EACP,QAAQ;gBACN,CAAC,CAAC,kBAAG,CAAC,kBAAkB,EAAE,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;gBAC3D,CAAC,CAAC,kBAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,EAE3E,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,EAAE,gBACtD,SAAS,qBACJ,UAAU,EAC3B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,IACP,sBAAY,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,EAC5C,KAAK,GAER,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,CACzB,CACX,CACmB,CACvB,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEW,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAA2B,EAAE,EAAE,CAAC,CAClG,oBAAC,cAAc,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CAC7C,CAAC,CAAC"}

package/dist/umd/react-core.js

@@ -4961,7 +4961,7 @@
         AlertVariant["default"] = "default";
     })(exports.AlertVariant || (exports.AlertVariant = {}));
     const Alert = (_a) => {
-        var { variant = exports.AlertVariant.default, isInline = false, isPlain = false, isLiveRegion = false, variantLabel = `${capitalize(variant)} alert:`, 'aria-label': ariaLabel = `${capitalize(variant)} Alert`, actionClose, actionLinks, title, titleHeadingLevel: TitleHeadingLevel = 'h4', children = '', className = '', ouiaId, ouiaSafe = true, timeout = false, timeoutAnimation = 3000, onTimeout = () => { }, truncateTitle = 0, tooltipPosition, customIcon, isExpandable = false, toggleAriaLabel = `${capitalize(variant)} alert details`, onMouseEnter = () => { }, onMouseLeave = () => { } } = _a, props = __rest$1(_a, ["variant", "isInline", "isPlain", "isLiveRegion", "variantLabel", 'aria-label', "actionClose", "actionLinks", "title", "titleHeadingLevel", "children", "className", "ouiaId", "ouiaSafe", "timeout", "timeoutAnimation", "onTimeout", "truncateTitle", "tooltipPosition", "customIcon", "isExpandable", "toggleAriaLabel", "onMouseEnter", "onMouseLeave"]);
+        var { variant = exports.AlertVariant.default, isInline = false, isPlain = false, isLiveRegion = false, variantLabel = `${capitalize(variant)} alert:`, actionClose, actionLinks, title, titleHeadingLevel: TitleHeadingLevel = 'h4', children = '', className = '', ouiaId, ouiaSafe = true, timeout = false, timeoutAnimation = 3000, onTimeout = () => { }, truncateTitle = 0, tooltipPosition, customIcon, isExpandable = false, toggleAriaLabel = `${capitalize(variant)} alert details`, onMouseEnter = () => { }, onMouseLeave = () => { } } = _a, props = __rest$1(_a, ["variant", "isInline", "isPlain", "isLiveRegion", "variantLabel", "actionClose", "actionLinks", "title", "titleHeadingLevel", "children", "className", "ouiaId", "ouiaSafe", "timeout", "timeoutAnimation", "onTimeout", "truncateTitle", "tooltipPosition", "customIcon", "isExpandable", "toggleAriaLabel", "onMouseEnter", "onMouseLeave"]);
         const ouiaProps = useOUIAProps(Alert.displayName, ouiaId, ouiaSafe, variant);
         const getHeadingContent = (React__namespace.createElement(React__namespace.Fragment, null,
             React__namespace.createElement("span", { className: css(a11yStyles.screenReader) }, variantLabel),
@@ -5032,7 +5032,7 @@
             return null;
         }
         const Title = (React__namespace.createElement(TitleHeadingLevel, Object.assign({}, (isTooltipVisible && { tabIndex: 0 }), { ref: titleRef, className: css(styles$19.alertTitle, truncateTitle && styles$19.modifiers.truncate) }), getHeadingContent));
-        return (React__namespace.createElement("div", Object.assign({ ref: divRef, className: css(styles$19.alert, isInline && styles$19.modifiers.inline, isPlain && styles$19.modifiers.plain, isExpandable && styles$19.modifiers.expandable, isExpanded && styles$19.modifiers.expanded, styles$19.modifiers[variant], className), "aria-label": ariaLabel }, ouiaProps, (isLiveRegion && {
+        return (React__namespace.createElement("div", Object.assign({ ref: divRef, className: css(styles$19.alert, isInline && styles$19.modifiers.inline, isPlain && styles$19.modifiers.plain, isExpandable && styles$19.modifiers.expandable, isExpanded && styles$19.modifiers.expanded, styles$19.modifiers[variant], className) }, ouiaProps, (isLiveRegion && {
             'aria-live': 'polite',
             'aria-atomic': 'false'
         }), { onMouseEnter: myOnMouseEnter, onMouseLeave: myOnMouseLeave }, props),
@@ -15624,9 +15624,9 @@
     MenuInput.displayName = 'MenuInput';
 
     const MenuGroupBase = (_a) => {
-        var { children, className = '', label = '', titleId = '', innerRef } = _a, props = __rest$1(_a, ["children", "className", "label", "titleId", "innerRef"]);
+        var { children, className = '', label = '', titleId = '', innerRef, labelHeadingLevel: HeadingLevel = 'h1' } = _a, props = __rest$1(_a, ["children", "className", "label", "titleId", "innerRef", "labelHeadingLevel"]);
         return (React__namespace.createElement("section", Object.assign({}, props, { className: css('pf-c-menu__group', className), ref: innerRef }),
-            label && (React__namespace.createElement("h1", { className: css(menuStyles.menuGroupTitle), id: titleId }, label)),
+            label && (React__namespace.createElement(HeadingLevel, { className: css(menuStyles.menuGroupTitle), id: titleId }, label)),
             children));
     };
     const MenuGroup = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(MenuGroupBase, Object.assign({}, props, { innerRef: ref }))));
@@ -16679,11 +16679,11 @@
     };
     const PageSidebarContext = React__namespace.createContext(pageSidebarContextDefaults);
     const PageSidebar = (_a) => {
-        var { className = '', nav, isNavOpen = true, theme = 'dark' } = _a, props = __rest$1(_a, ["className", "nav", "isNavOpen", "theme"]);
+        var { className = '', nav, isNavOpen = true, theme = 'dark', id = 'page-sidebar' } = _a, props = __rest$1(_a, ["className", "nav", "isNavOpen", "theme", "id"]);
         return (React__namespace.createElement(PageContextConsumer, null, ({ isManagedSidebar, isNavOpen: managedIsNavOpen }) => {
             const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
-            return (React__namespace.createElement("div", Object.assign({ id: "page-sidebar", className: css(styles$y.pageSidebar, theme === 'light' && styles$y.modifiers.light, navOpen && styles$y.modifiers.expanded, !navOpen && styles$y.modifiers.collapsed, className), "aria-hidden": !navOpen }, props),
-                React__namespace.createElement("div", { className: styles$y.pageSidebarBody },
+            return (React__namespace.createElement("div", Object.assign({ id: id, className: css(styles$y.pageSidebar, theme === 'light' && styles$y.modifiers.light, navOpen && styles$y.modifiers.expanded, !navOpen && styles$y.modifiers.collapsed, className), "aria-hidden": !navOpen }, props),
+                React__namespace.createElement("div", { className: css(styles$y.pageSidebarBody) },
                     React__namespace.createElement(PageSidebarContext.Provider, { value: { isNavOpen: navOpen } }, nav))));
         }));
     };
@@ -17326,9 +17326,9 @@
 
     const OptionsMenuItemGroup = (_a) => {
         var { className = '', 'aria-label': ariaLabel = '', groupTitle = '', children = null, hasSeparator = false } = _a, props = __rest$1(_a, ["className", 'aria-label', "groupTitle", "children", "hasSeparator"]);
-        return (React__namespace.createElement("section", Object.assign({}, props, { className: css(styles$r.optionsMenuGroup) }),
+        return (React__namespace.createElement("section", Object.assign({}, props, { className: css(styles$r.optionsMenuGroup), role: "none" }),
             groupTitle && React__namespace.createElement("h1", { className: css(styles$r.optionsMenuGroupTitle) }, groupTitle),
-            React__namespace.createElement("ul", { className: className, "aria-label": ariaLabel },
+            React__namespace.createElement("ul", { className: className, "aria-label": ariaLabel, role: "group" },
                 children,
                 hasSeparator && React__namespace.createElement(Divider, { component: "li", role: "separator" }))));
     };
@@ -17400,10 +17400,10 @@
                 buttonRef.current.focus();
             }
         };
-        return (React__namespace.createElement("div", Object.assign({ className: css(styles$r.optionsMenuToggle, styles$r.modifiers.text, isPlain && styles$r.modifiers.plain, isDisabled && styles$r.modifiers.disabled, isActive && styles$r.modifiers.active) }, props),
+        return (React__namespace.createElement(DropdownContext.Consumer, null, ({ id: contextId }) => (React__namespace.createElement("div", Object.assign({ className: css(styles$r.optionsMenuToggle, styles$r.modifiers.text, isPlain && styles$r.modifiers.plain, isDisabled && styles$r.modifiers.disabled, isActive && styles$r.modifiers.active) }, props),
             React__namespace.createElement("span", { className: css(styles$r.optionsMenuToggleText, toggleTextClassName) }, toggleText),
-            React__namespace.createElement("button", { className: css(styles$r.optionsMenuToggleButton, toggleButtonContentsClassName), id: `${parentId}-toggle`, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-expanded": isOpen, ref: buttonRef, disabled: isDisabled, onClick: () => onToggle(!isOpen), onKeyDown: onKeyDown },
-                React__namespace.createElement("span", { className: css(styles$r.optionsMenuToggleButtonIcon) }, toggleButtonContents))));
+            React__namespace.createElement("button", { className: css(styles$r.optionsMenuToggleButton, toggleButtonContentsClassName), id: parentId ? `${parentId}-toggle` : `${contextId}-toggle`, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-expanded": isOpen, ref: buttonRef, disabled: isDisabled, onClick: () => onToggle(!isOpen), onKeyDown: onKeyDown },
+                React__namespace.createElement("span", { className: css(styles$r.optionsMenuToggleButtonIcon) }, toggleButtonContents))))));
     };
     OptionsMenuToggleWithText.displayName = 'OptionsMenuToggleWithText';
 
@@ -17544,7 +17544,7 @@
     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, 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", "onNavToggle", 'aria-label', 'aria-controls']);
+        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;
         if ([false, true].includes(deprecatedIsManagedSidebar)) {
             console.warn('isManagedSidebar is deprecated in the PageHeader component. To make the sidebar toggle uncontrolled, pass this prop in the Page component');
@@ -17555,7 +17555,7 @@
             return (React__namespace.createElement("header", Object.assign({ role: role, className: css(styles$y.pageHeader, className) }, props),
                 (showNavToggle || logo) && (React__namespace.createElement("div", { className: css(styles$y.pageHeaderBrand) },
                     showNavToggle && (React__namespace.createElement("div", { className: css(styles$y.pageHeaderBrandToggle) },
-                        React__namespace.createElement(Button, { id: "nav-toggle", onClick: navToggle, "aria-label": ariaLabel, "aria-controls": ariaControls, "aria-expanded": navOpen ? 'true' : 'false', variant: exports.ButtonVariant.plain },
+                        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$1, null)))),
                     logo && (React__namespace.createElement(LogoComponent, Object.assign({ className: css(styles$y.pageHeaderBrandLink) }, logoProps), logo)))),
                 topNav && React__namespace.createElement("div", { className: css(styles$y.pageHeaderNav) }, topNav),
@@ -17631,11 +17631,11 @@
     PageNavigation.displayName = 'PageNavigation';
 
     const PageToggleButton = (_a) => {
-        var { children, isNavOpen = true, onNavToggle = () => undefined } = _a, props = __rest$1(_a, ["children", "isNavOpen", "onNavToggle"]);
+        var { children, isNavOpen = true, onNavToggle = () => undefined, id = 'nav-toggle' } = _a, props = __rest$1(_a, ["children", "isNavOpen", "onNavToggle", "id"]);
         return (React__namespace.createElement(PageContextConsumer, null, ({ isManagedSidebar, onNavToggle: managedOnNavToggle, isNavOpen: managedIsNavOpen }) => {
             const navToggle = isManagedSidebar ? managedOnNavToggle : onNavToggle;
             const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
-            return (React__namespace.createElement(Button, Object.assign({ id: "nav-toggle", onClick: navToggle, "aria-label": "Side navigation toggle", "aria-expanded": navOpen ? 'true' : 'false', variant: exports.ButtonVariant.plain }, props), children));
+            return (React__namespace.createElement(Button, Object.assign({ id: id, onClick: navToggle, "aria-label": "Side navigation toggle", "aria-expanded": navOpen ? 'true' : 'false', variant: exports.ButtonVariant.plain }, props), children));
         }));
     };
     PageToggleButton.displayName = 'PageToggleButton';
@@ -19188,14 +19188,16 @@
         light300: styles$e.modifiers.light_300
     };
     const TabContentBase = (_a) => {
-        var { id, activeKey, 'aria-label': ariaLabel, child, children, className, eventKey, innerRef, ouiaId, ouiaSafe } = _a, props = __rest$1(_a, ["id", "activeKey", 'aria-label', "child", "children", "className", "eventKey", "innerRef", "ouiaId", "ouiaSafe"]);
+        var { id, activeKey, 'aria-label': ariaLabel, child, children, className, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        eventKey, innerRef, ouiaId, ouiaSafe } = _a, props = __rest$1(_a, ["id", "activeKey", 'aria-label', "child", "children", "className", "eventKey", "innerRef", "ouiaId", "ouiaSafe"]);
         if (children || child) {
             let labelledBy;
             if (ariaLabel) {
                 labelledBy = null;
             }
             else {
-                labelledBy = children ? `pf-tab-${eventKey}-${id}` : `pf-tab-${child.props.eventKey}-${id}`;
+                labelledBy = children ? `${id}` : `pf-tab-${child.props.eventKey}-${id}`;
             }
             return (React__namespace.createElement(TabsContextConsumer, null, ({ variant }) => (React__namespace.createElement("section", Object.assign({ ref: innerRef, hidden: children ? null : child.props.eventKey !== activeKey, className: children
                     ? css('pf-c-tab-content', className, variantStyle$1[variant])