@patternfly/react-core 5.0.0-alpha.36 → 5.0.0-alpha.38

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.0.0-alpha.38](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.37...@patternfly/react-core@5.0.0-alpha.38) (2023-03-17)
+
+### Features
+
+- **OverflowMenu:** Use next dropdown and dropdownItems ([#8359](https://github.com/patternfly/patternfly-react/issues/8359)) ([d356f4a](https://github.com/patternfly/patternfly-react/commit/d356f4a3f5853313764bd77fd6e02163b81378d7))
+
+# [5.0.0-alpha.37](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.36...@patternfly/react-core@5.0.0-alpha.37) (2023-03-17)
+
+### Bug Fixes
+
+- **Modal:** Add close button wrapper div ([#8800](https://github.com/patternfly/patternfly-react/issues/8800)) ([679f1ee](https://github.com/patternfly/patternfly-react/commit/679f1eebd3156e85bf50ded1e5c4578784a2093e))
+
 # [5.0.0-alpha.36](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.35...@patternfly/react-core@5.0.0-alpha.36) (2023-03-17)
 
 ### Bug Fixes

package/components/Modal/ModalBoxCloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAgBjF,CAAC"}
+{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAiBjF,CAAC"}

package/components/Modal/ModalBoxCloseButton.js

@@ -1,11 +1,14 @@
 import { __rest } from "tslib";
 import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box';
 import { Button } from '../Button';
 import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
 export const ModalBoxCloseButton = (_a) => {
-    var { className = '', onClose = () => undefined, ouiaId } = _a, props = __rest(_a, ["className", "onClose", "ouiaId"]);
-    return (React.createElement(Button, Object.assign({ className: className, variant: "plain", onClick: onClose, "aria-label": "Close" }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props),
-        React.createElement(TimesIcon, null)));
+    var { className, onClose = () => undefined, ouiaId } = _a, props = __rest(_a, ["className", "onClose", "ouiaId"]);
+    return (React.createElement("div", { className: css(styles.modalBoxClose, className) },
+        React.createElement(Button, Object.assign({ variant: "plain", onClick: onClose, "aria-label": "Close" }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props),
+            React.createElement(TimesIcon, null))));
 };
 ModalBoxCloseButton.displayName = 'ModalBoxCloseButton';
 //# sourceMappingURL=ModalBoxCloseButton.js.map

package/components/Modal/ModalBoxCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAY1E,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,MAAM,OAEmB,EADtB,KAAK,cAJ6E,kCAKtF,CADS;IACsB,OAAA,CAC9B,oBAAC,MAAM,kBACL,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,gBACL,OAAO,IACd,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,mBAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;QAET,oBAAC,SAAS,OAAG,CACN,CACV,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
+{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAY1E,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,MAAM,OAEmB,EADtB,KAAK,cAJ6E,kCAKtF,CADS;IACsB,OAAA,CAC9B,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,oBAAC,MAAM,kBACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,gBACL,OAAO,IACd,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,mBAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;YAET,oBAAC,SAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/components/OverflowMenu/OverflowMenuDropdownItem.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { DropdownItemProps } from '../Dropdown';
-export interface OverflowMenuDropdownItemProps extends DropdownItemProps {
+import { DropdownItemProps } from '../../next/components/Dropdown';
+export interface OverflowMenuDropdownItemProps extends Omit<DropdownItemProps, 'ref'> {
     /** Indicates when a dropdown item shows and hides the corresponding list item */
     isShared?: boolean;
-    /** Indicates the index of the list item */
-    index?: number;
+    /** Identifies the component in the dropdown onSelect callback */
+    itemId?: string | number;
 }
 export declare const OverflowMenuDropdownItem: React.FunctionComponent<OverflowMenuDropdownItemProps>;
 //# sourceMappingURL=OverflowMenuDropdownItem.d.ts.map

package/components/OverflowMenu/OverflowMenuDropdownItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowMenuDropdownItem.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAG9D,MAAM,WAAW,6BAA8B,SAAQ,iBAAiB;IACtE,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAe3F,CAAC"}
+{"version":3,"file":"OverflowMenuDropdownItem.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGjF,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC;IACnF,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAe3F,CAAC"}

package/components/OverflowMenu/OverflowMenuDropdownItem.js

@@ -1,10 +1,10 @@
 import { __rest } from "tslib";
 import * as React from 'react';
-import { DropdownItem } from '../Dropdown';
+import { DropdownItem } from '../../next/components/Dropdown';
 import { OverflowMenuContext } from './OverflowMenuContext';
 export const OverflowMenuDropdownItem = (_a) => {
-    var { children, isShared = false, index } = _a, additionalProps = __rest(_a, ["children", "isShared", "index"]);
-    return (React.createElement(OverflowMenuContext.Consumer, null, value => (!isShared || value.isBelowBreakpoint) && (React.createElement(DropdownItem, Object.assign({ component: "button", index: index }, additionalProps), children))));
+    var { children, isShared = false, itemId } = _a, additionalProps = __rest(_a, ["children", "isShared", "itemId"]);
+    return (React.createElement(OverflowMenuContext.Consumer, null, value => (!isShared || value.isBelowBreakpoint) && (React.createElement(DropdownItem, Object.assign({ component: "button", itemId: itemId }, additionalProps), children))));
 };
 OverflowMenuDropdownItem.displayName = 'OverflowMenuDropdownItem';
 //# sourceMappingURL=OverflowMenuDropdownItem.js.map

package/components/OverflowMenu/OverflowMenuDropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowMenuDropdownItem.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAqB,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAS5D,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAKjE,EAAE,EAAE;QAL6D,EAC/F,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,OAEyB,EAD3B,eAAe,cAJ6E,iCAKhG,CADmB;IACiB,OAAA,CACnC,oBAAC,mBAAmB,CAAC,QAAQ,QAC1B,KAAK,CAAC,EAAE,CACP,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,iBAAiB,CAAC,IAAI,CACxC,oBAAC,YAAY,kBAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,IAAM,eAAe,GAC/D,QAAQ,CACI,CAChB,CAE0B,CAChC,CAAA;CAAA,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}
+{"version":3,"file":"OverflowMenuDropdownItem.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAqB,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAS5D,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAKjE,EAAE,EAAE;QAL6D,EAC/F,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,OAEwB,EAD3B,eAAe,cAJ6E,kCAKhG,CADmB;IACiB,OAAA,CACnC,oBAAC,mBAAmB,CAAC,QAAQ,QAC1B,KAAK,CAAC,EAAE,CACP,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,iBAAiB,CAAC,IAAI,CACxC,oBAAC,YAAY,kBAAC,SAAS,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,IAAM,eAAe,GACjE,QAAQ,CACI,CAChB,CAE0B,CAChC,CAAA;CAAA,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

package/dist/esm/components/Modal/ModalBoxCloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAgBjF,CAAC"}
+{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAiBjF,CAAC"}

package/dist/esm/components/Modal/ModalBoxCloseButton.js

@@ -1,11 +1,14 @@
 import { __rest } from "tslib";
 import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box';
 import { Button } from '../Button';
 import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
 export const ModalBoxCloseButton = (_a) => {
-    var { className = '', onClose = () => undefined, ouiaId } = _a, props = __rest(_a, ["className", "onClose", "ouiaId"]);
-    return (React.createElement(Button, Object.assign({ className: className, variant: "plain", onClick: onClose, "aria-label": "Close" }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props),
-        React.createElement(TimesIcon, null)));
+    var { className, onClose = () => undefined, ouiaId } = _a, props = __rest(_a, ["className", "onClose", "ouiaId"]);
+    return (React.createElement("div", { className: css(styles.modalBoxClose, className) },
+        React.createElement(Button, Object.assign({ variant: "plain", onClick: onClose, "aria-label": "Close" }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props),
+            React.createElement(TimesIcon, null))));
 };
 ModalBoxCloseButton.displayName = 'ModalBoxCloseButton';
 //# sourceMappingURL=ModalBoxCloseButton.js.map

package/dist/esm/components/Modal/ModalBoxCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAY1E,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,MAAM,OAEmB,EADtB,KAAK,cAJ6E,kCAKtF,CADS;IACsB,OAAA,CAC9B,oBAAC,MAAM,kBACL,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,gBACL,OAAO,IACd,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,mBAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;QAET,oBAAC,SAAS,OAAG,CACN,CACV,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
+{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAY1E,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,MAAM,OAEmB,EADtB,KAAK,cAJ6E,kCAKtF,CADS;IACsB,OAAA,CAC9B,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,oBAAC,MAAM,kBACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,gBACL,OAAO,IACd,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,mBAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;YAET,oBAAC,SAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/dist/esm/components/OverflowMenu/OverflowMenuDropdownItem.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { DropdownItemProps } from '../Dropdown';
-export interface OverflowMenuDropdownItemProps extends DropdownItemProps {
+import { DropdownItemProps } from '../../next/components/Dropdown';
+export interface OverflowMenuDropdownItemProps extends Omit<DropdownItemProps, 'ref'> {
     /** Indicates when a dropdown item shows and hides the corresponding list item */
     isShared?: boolean;
-    /** Indicates the index of the list item */
-    index?: number;
+    /** Identifies the component in the dropdown onSelect callback */
+    itemId?: string | number;
 }
 export declare const OverflowMenuDropdownItem: React.FunctionComponent<OverflowMenuDropdownItemProps>;
 //# sourceMappingURL=OverflowMenuDropdownItem.d.ts.map

package/dist/esm/components/OverflowMenu/OverflowMenuDropdownItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowMenuDropdownItem.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAG9D,MAAM,WAAW,6BAA8B,SAAQ,iBAAiB;IACtE,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAe3F,CAAC"}
+{"version":3,"file":"OverflowMenuDropdownItem.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGjF,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC;IACnF,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAe3F,CAAC"}

package/dist/esm/components/OverflowMenu/OverflowMenuDropdownItem.js

@@ -1,10 +1,10 @@
 import { __rest } from "tslib";
 import * as React from 'react';
-import { DropdownItem } from '../Dropdown';
+import { DropdownItem } from '../../next/components/Dropdown';
 import { OverflowMenuContext } from './OverflowMenuContext';
 export const OverflowMenuDropdownItem = (_a) => {
-    var { children, isShared = false, index } = _a, additionalProps = __rest(_a, ["children", "isShared", "index"]);
-    return (React.createElement(OverflowMenuContext.Consumer, null, value => (!isShared || value.isBelowBreakpoint) && (React.createElement(DropdownItem, Object.assign({ component: "button", index: index }, additionalProps), children))));
+    var { children, isShared = false, itemId } = _a, additionalProps = __rest(_a, ["children", "isShared", "itemId"]);
+    return (React.createElement(OverflowMenuContext.Consumer, null, value => (!isShared || value.isBelowBreakpoint) && (React.createElement(DropdownItem, Object.assign({ component: "button", itemId: itemId }, additionalProps), children))));
 };
 OverflowMenuDropdownItem.displayName = 'OverflowMenuDropdownItem';
 //# sourceMappingURL=OverflowMenuDropdownItem.js.map

package/dist/esm/components/OverflowMenu/OverflowMenuDropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowMenuDropdownItem.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAqB,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAS5D,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAKjE,EAAE,EAAE;QAL6D,EAC/F,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,OAEyB,EAD3B,eAAe,cAJ6E,iCAKhG,CADmB;IACiB,OAAA,CACnC,oBAAC,mBAAmB,CAAC,QAAQ,QAC1B,KAAK,CAAC,EAAE,CACP,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,iBAAiB,CAAC,IAAI,CACxC,oBAAC,YAAY,kBAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,IAAM,eAAe,GAC/D,QAAQ,CACI,CAChB,CAE0B,CAChC,CAAA;CAAA,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}
+{"version":3,"file":"OverflowMenuDropdownItem.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAqB,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAS5D,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAKjE,EAAE,EAAE;QAL6D,EAC/F,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,OAEwB,EAD3B,eAAe,cAJ6E,kCAKhG,CADmB;IACiB,OAAA,CACnC,oBAAC,mBAAmB,CAAC,QAAQ,QAC1B,KAAK,CAAC,EAAE,CACP,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,iBAAiB,CAAC,IAAI,CACxC,oBAAC,YAAY,kBAAC,SAAS,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,IAAM,eAAe,GACjE,QAAQ,CACI,CAChB,CAE0B,CAChC,CAAA;CAAA,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

package/dist/js/components/Modal/ModalBoxCloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAgBjF,CAAC"}
+{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAiBjF,CAAC"}

package/dist/js/components/Modal/ModalBoxCloseButton.js

@@ -3,12 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalBoxCloseButton = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
+const react_styles_1 = require("@patternfly/react-styles");
+const modal_box_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/ModalBox/modal-box"));
 const Button_1 = require("../Button");
 const times_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-icon'));
 const ModalBoxCloseButton = (_a) => {
-    var { className = '', onClose = () => undefined, ouiaId } = _a, props = tslib_1.__rest(_a, ["className", "onClose", "ouiaId"]);
-    return (React.createElement(Button_1.Button, Object.assign({ className: className, variant: "plain", onClick: onClose, "aria-label": "Close" }, (ouiaId && { ouiaId: `${ouiaId}-${exports.ModalBoxCloseButton.displayName}` }), props),
-        React.createElement(times_icon_1.default, null)));
+    var { className, onClose = () => undefined, ouiaId } = _a, props = tslib_1.__rest(_a, ["className", "onClose", "ouiaId"]);
+    return (React.createElement("div", { className: (0, react_styles_1.css)(modal_box_1.default.modalBoxClose, className) },
+        React.createElement(Button_1.Button, Object.assign({ variant: "plain", onClick: onClose, "aria-label": "Close" }, (ouiaId && { ouiaId: `${ouiaId}-${exports.ModalBoxCloseButton.displayName}` }), props),
+            React.createElement(times_icon_1.default, null))));
 };
 exports.ModalBoxCloseButton = ModalBoxCloseButton;
 exports.ModalBoxCloseButton.displayName = 'ModalBoxCloseButton';

package/dist/js/components/Modal/ModalBoxCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,sCAAmC;AACnC,0GAA0E;AAYnE,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,MAAM,OAEmB,EADtB,KAAK,sBAJ6E,kCAKtF,CADS;IACsB,OAAA,CAC9B,oBAAC,eAAM,kBACL,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,gBACL,OAAO,IACd,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,2BAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;QAET,oBAAC,oBAAS,OAAG,CACN,CACV,CAAA;CAAA,CAAC;AAhBW,QAAA,mBAAmB,uBAgB9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
+{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAChF,sCAAmC;AACnC,0GAA0E;AAYnE,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,MAAM,OAEmB,EADtB,KAAK,sBAJ6E,kCAKtF,CADS;IACsB,OAAA,CAC9B,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,oBAAC,eAAM,kBACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,gBACL,OAAO,IACd,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,2BAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;YAET,oBAAC,oBAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AAjBW,QAAA,mBAAmB,uBAiB9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/dist/js/components/OverflowMenu/OverflowMenuDropdownItem.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { DropdownItemProps } from '../Dropdown';
-export interface OverflowMenuDropdownItemProps extends DropdownItemProps {
+import { DropdownItemProps } from '../../next/components/Dropdown';
+export interface OverflowMenuDropdownItemProps extends Omit<DropdownItemProps, 'ref'> {
     /** Indicates when a dropdown item shows and hides the corresponding list item */
     isShared?: boolean;
-    /** Indicates the index of the list item */
-    index?: number;
+    /** Identifies the component in the dropdown onSelect callback */
+    itemId?: string | number;
 }
 export declare const OverflowMenuDropdownItem: React.FunctionComponent<OverflowMenuDropdownItemProps>;
 //# sourceMappingURL=OverflowMenuDropdownItem.d.ts.map

package/dist/js/components/OverflowMenu/OverflowMenuDropdownItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowMenuDropdownItem.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAG9D,MAAM,WAAW,6BAA8B,SAAQ,iBAAiB;IACtE,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAe3F,CAAC"}
+{"version":3,"file":"OverflowMenuDropdownItem.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGjF,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC;IACnF,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAe3F,CAAC"}

package/dist/js/components/OverflowMenu/OverflowMenuDropdownItem.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OverflowMenuDropdownItem = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const Dropdown_1 = require("../Dropdown");
+const Dropdown_1 = require("../../next/components/Dropdown");
 const OverflowMenuContext_1 = require("./OverflowMenuContext");
 const OverflowMenuDropdownItem = (_a) => {
-    var { children, isShared = false, index } = _a, additionalProps = tslib_1.__rest(_a, ["children", "isShared", "index"]);
-    return (React.createElement(OverflowMenuContext_1.OverflowMenuContext.Consumer, null, value => (!isShared || value.isBelowBreakpoint) && (React.createElement(Dropdown_1.DropdownItem, Object.assign({ component: "button", index: index }, additionalProps), children))));
+    var { children, isShared = false, itemId } = _a, additionalProps = tslib_1.__rest(_a, ["children", "isShared", "itemId"]);
+    return (React.createElement(OverflowMenuContext_1.OverflowMenuContext.Consumer, null, value => (!isShared || value.isBelowBreakpoint) && (React.createElement(Dropdown_1.DropdownItem, Object.assign({ component: "button", itemId: itemId }, additionalProps), children))));
 };
 exports.OverflowMenuDropdownItem = OverflowMenuDropdownItem;
 exports.OverflowMenuDropdownItem.displayName = 'OverflowMenuDropdownItem';

package/dist/js/components/OverflowMenu/OverflowMenuDropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowMenuDropdownItem.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,0CAA8D;AAC9D,+DAA4D;AASrD,MAAM,wBAAwB,GAA2D,CAAC,EAKjE,EAAE,EAAE;QAL6D,EAC/F,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,OAEyB,EAD3B,eAAe,sBAJ6E,iCAKhG,CADmB;IACiB,OAAA,CACnC,oBAAC,yCAAmB,CAAC,QAAQ,QAC1B,KAAK,CAAC,EAAE,CACP,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,iBAAiB,CAAC,IAAI,CACxC,oBAAC,uBAAY,kBAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,IAAM,eAAe,GAC/D,QAAQ,CACI,CAChB,CAE0B,CAChC,CAAA;CAAA,CAAC;AAfW,QAAA,wBAAwB,4BAenC;AACF,gCAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}
+{"version":3,"file":"OverflowMenuDropdownItem.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,6DAAiF;AACjF,+DAA4D;AASrD,MAAM,wBAAwB,GAA2D,CAAC,EAKjE,EAAE,EAAE;QAL6D,EAC/F,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,OAEwB,EAD3B,eAAe,sBAJ6E,kCAKhG,CADmB;IACiB,OAAA,CACnC,oBAAC,yCAAmB,CAAC,QAAQ,QAC1B,KAAK,CAAC,EAAE,CACP,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,iBAAiB,CAAC,IAAI,CACxC,oBAAC,uBAAY,kBAAC,SAAS,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,IAAM,eAAe,GACjE,QAAQ,CACI,CAChB,CAE0B,CAChC,CAAA;CAAA,CAAC;AAfW,QAAA,wBAAwB,4BAenC;AACF,gCAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}