@patternfly/react-core 6.0.0-alpha.4 → 6.0.0-alpha.40

package/dist/js/next/components/Modal/ModalBox.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalBox = 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 c_modal_box_m_align_top_spacer_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/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 = tslib_1.__rest(_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_1.default.name] = positionOffset;
+    }
+    return (React.createElement("div", Object.assign({ role: "dialog", "aria-label": ariaLabel || null, "aria-labelledby": ariaLabelledby || null, "aria-describedby": ariaDescribedby, "aria-modal": "true", className: (0, react_styles_1.css)(modal_box_1.default.modalBox, className, position === 'top' && modal_box_1.default.modifiers.alignTop, variant === 'large' && modal_box_1.default.modifiers.lg, variant === 'small' && modal_box_1.default.modifiers.sm, variant === 'medium' && modal_box_1.default.modifiers.md), style: style }, props), children));
+};
+exports.ModalBox = ModalBox;
+exports.ModalBox.displayName = 'ModalBox';
+//# sourceMappingURL=ModalBox.js.map

package/dist/js/next/components/Modal/ModalBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBox.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAChF,6IAAyF;AAqBlF,MAAM,QAAQ,GAA2C,CAAC,EAWjD,EAAE,EAAE;QAX6C,EAC/D,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,cAAc,EACd,iBAAiB,EAAE,cAAc,EACjC,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,KAAK,OAES,EADX,KAAK,sBAVuD,gIAWhE,CADS;IAER,IAAI,cAAc,EAAE;QAClB,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;QACnB,KAAa,CAAC,wCAAS,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC;KACjD;IACD,OAAO,CACL,2CACE,IAAI,EAAC,QAAQ,gBACD,SAAS,IAAI,IAAI,qBACZ,cAAc,IAAI,IAAI,sBACrB,eAAe,gBACtB,MAAM,EACjB,SAAS,EAAE,IAAA,kBAAG,EACZ,mBAAM,CAAC,QAAQ,EACf,SAAS,EACT,QAAQ,KAAK,KAAK,IAAI,mBAAM,CAAC,SAAS,CAAC,QAAQ,EAC/C,OAAO,KAAK,OAAO,IAAI,mBAAM,CAAC,SAAS,CAAC,EAAE,EAC1C,OAAO,KAAK,OAAO,IAAI,mBAAM,CAAC,SAAS,CAAC,EAAE,EAC1C,OAAO,KAAK,QAAQ,IAAI,mBAAM,CAAC,SAAS,CAAC,EAAE,CAC5C,EACD,KAAK,EAAE,KAAK,IACR,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,QAAQ,YAqCnB;AACF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { OUIAProps } from '../../../helpers';
+export interface ModalBoxCloseButtonProps extends OUIAProps {
+    /** Additional classes added to the close button. */
+    className?: string;
+    /** A callback for when the close button is clicked. */
+    onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
+    /** Accessible descriptor of the close button. */
+    'aria-label'?: string;
+    /** Value to set the data-ouia-component-id.*/
+    ouiaId?: number | string;
+}
+export declare const ModalBoxCloseButton: React.FunctionComponent<ModalBoxCloseButtonProps>;
+//# sourceMappingURL=ModalBoxCloseButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAkBjF,CAAC"}

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

@@ -0,0 +1,18 @@
+"use strict";
+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("../../../components/Button");
+const times_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-icon'));
+const ModalBoxCloseButton = (_a) => {
+    var { className, onClose, 'aria-label': ariaLabel = 'Close', ouiaId } = _a, props = tslib_1.__rest(_a, ["className", "onClose", 'aria-label', "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: (event) => onClose(event), "aria-label": ariaLabel }, (ouiaId && { ouiaId: `${ouiaId}-${exports.ModalBoxCloseButton.displayName}` }), props),
+            React.createElement(times_icon_1.default, null))));
+};
+exports.ModalBoxCloseButton = ModalBoxCloseButton;
+exports.ModalBoxCloseButton.displayName = 'ModalBoxCloseButton';
+//# sourceMappingURL=ModalBoxCloseButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAChF,uDAAoD;AACpD,0GAA0E;AAcnE,MAAM,mBAAmB,GAAsD,CAAC,EAM5D,EAAE,EAAE;QANwD,EACrF,SAAS,EACT,OAAO,EACP,YAAY,EAAE,SAAS,GAAG,OAAO,EACjC,MAAM,OAEmB,EADtB,KAAK,sBAL6E,gDAMtF,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,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,gBACtB,SAAS,IACjB,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;AAlBW,QAAA,mBAAmB,uBAkB9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/dist/js/next/components/Modal/ModalBoxDescription.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface ModalBoxDescriptionProps {
+    /** Content rendered inside the description. */
+    children?: React.ReactNode;
+    /** Additional classes added to the description. */
+    className?: string;
+    /** Id of the description. */
+    id?: string;
+}
+export declare const ModalBoxDescription: React.FunctionComponent<ModalBoxDescriptionProps>;
+//# sourceMappingURL=ModalBoxDescription.d.ts.map

package/dist/js/next/components/Modal/ModalBoxDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxDescription.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,wBAAwB;IACvC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CASjF,CAAC"}

package/dist/js/next/components/Modal/ModalBoxDescription.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalBoxDescription = 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 ModalBoxDescription = (_a) => {
+    var { children = null, className = '', id = '' } = _a, props = tslib_1.__rest(_a, ["children", "className", "id"]);
+    return (React.createElement("div", Object.assign({}, props, { id: id, className: (0, react_styles_1.css)(modal_box_1.default.modalBoxDescription, className) }), children));
+};
+exports.ModalBoxDescription = ModalBoxDescription;
+exports.ModalBoxDescription.displayName = 'ModalBoxDescription';
+//# sourceMappingURL=ModalBoxDescription.js.map

package/dist/js/next/components/Modal/ModalBoxDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxDescription.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxDescription.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAWzE,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,EAAE,GAAG,EAAE,OAEkB,EADtB,KAAK,sBAJ6E,+BAKtF,CADS;IACsB,OAAA,CAC9B,6CAAS,KAAK,IAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,KAC1E,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AATW,QAAA,mBAAmB,uBAS9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/dist/js/next/components/Modal/ModalBoxTitle.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export declare const isVariantIcon: (icon: any) => icon is string;
+export interface ModalBoxTitleProps {
+    /** Additional classes added to the modal box title. */
+    className?: string;
+    /** Id of the modal box title. */
+    id?: string;
+    /** Content rendered inside the modal box title. */
+    title: React.ReactNode;
+    /** Optional alert icon (or other) to show before the title. When the predefined alert types
+     * are used the default styling will be automatically applied. */
+    titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom' | React.ComponentType<any>;
+    /** Optional title label text for screen readers. */
+    titleScreenReaderText?: string;
+}
+export declare const ModalBoxTitle: React.FunctionComponent<ModalBoxTitleProps>;
+//# sourceMappingURL=ModalBoxTitle.d.ts.map

package/dist/js/next/components/Modal/ModalBoxTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxTitle.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,aAAa,SAAU,GAAG,mBACsC,CAAC;AAE9E,MAAM,WAAW,kBAAkB;IACjC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;qEACiE;IACjE,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACnG,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA4CrE,CAAC"}

package/dist/js/next/components/Modal/ModalBoxTitle.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalBoxTitle = exports.isVariantIcon = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const modal_box_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/ModalBox/modal-box"));
+const react_styles_1 = require("@patternfly/react-styles");
+const helpers_1 = require("../../../helpers");
+const Tooltip_1 = require("../../../components/Tooltip");
+const check_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/check-circle-icon'));
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-circle-icon'));
+const exclamation_triangle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon'));
+const info_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/info-circle-icon'));
+const bell_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/bell-icon'));
+const helpers_2 = require("../../../helpers");
+const isVariantIcon = (icon) => ['success', 'danger', 'warning', 'info', 'custom'].includes(icon);
+exports.isVariantIcon = isVariantIcon;
+const ModalBoxTitle = (_a) => {
+    var { className, id, title, titleIconVariant, titleScreenReaderText } = _a, props = tslib_1.__rest(_a, ["className", "id", "title", "titleIconVariant", "titleScreenReaderText"]);
+    const [hasTooltip, setHasTooltip] = React.useState(false);
+    const h1 = React.useRef(null);
+    const label = titleScreenReaderText ||
+        ((0, exports.isVariantIcon)(titleIconVariant) ? `${(0, helpers_1.capitalize)(titleIconVariant)} alert:` : titleScreenReaderText);
+    const variantIcons = {
+        success: React.createElement(check_circle_icon_1.default, null),
+        danger: React.createElement(exclamation_circle_icon_1.default, null),
+        warning: React.createElement(exclamation_triangle_icon_1.default, null),
+        info: React.createElement(info_circle_icon_1.default, null),
+        custom: React.createElement(bell_icon_1.default, null)
+    };
+    const CustomIcon = !(0, exports.isVariantIcon)(titleIconVariant) && titleIconVariant;
+    (0, helpers_2.useIsomorphicLayoutEffect)(() => {
+        setHasTooltip(h1.current && h1.current.offsetWidth < h1.current.scrollWidth);
+    }, []);
+    const content = (React.createElement("h1", Object.assign({ id: id, ref: h1, className: (0, react_styles_1.css)(modal_box_1.default.modalBoxTitle, titleIconVariant && modal_box_1.default.modifiers.icon, className) }, props),
+        titleIconVariant && (React.createElement("span", { className: (0, react_styles_1.css)(modal_box_1.default.modalBoxTitleIcon) }, (0, exports.isVariantIcon)(titleIconVariant) ? variantIcons[titleIconVariant] : React.createElement(CustomIcon, null))),
+        label && React.createElement("span", { className: "pf-v6-screen-reader" }, label),
+        React.createElement("span", { className: (0, react_styles_1.css)(modal_box_1.default.modalBoxTitleText) }, title)));
+    return hasTooltip ? React.createElement(Tooltip_1.Tooltip, { content: title }, content) : content;
+};
+exports.ModalBoxTitle = ModalBoxTitle;
+exports.ModalBoxTitle.displayName = 'ModalBoxTitle';
+//# sourceMappingURL=ModalBoxTitle.js.map

package/dist/js/next/components/Modal/ModalBoxTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxTitle.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxTitle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mHAAqF;AACrF,2DAA+C;AAC/C,8CAA8C;AAC9C,yDAAsD;AACtD,wHAAuF;AACvF,oIAAmG;AACnG,wIAAuG;AACvG,sHAAqF;AACrF,wGAAwE;AACxE,8CAA6D;AAEtD,MAAM,aAAa,GAAG,CAAC,IAAS,EAAkB,EAAE,CACzD,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC,CAAC;AADjE,QAAA,aAAa,iBACoD;AAgBvE,MAAM,aAAa,GAAgD,CAAC,EAOtD,EAAE,EAAE;QAPkD,EACzE,SAAS,EACT,EAAE,EACF,KAAK,EACL,gBAAgB,EAChB,qBAAqB,OAEF,EADhB,KAAK,sBANiE,yEAO1E,CADS;IAER,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAC;IAClD,MAAM,KAAK,GACT,qBAAqB;QACrB,CAAC,IAAA,qBAAa,EAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAAG,IAAA,oBAAU,EAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;IACvG,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE,oBAAC,2BAAe,OAAG;QAC5B,MAAM,EAAE,oBAAC,iCAAqB,OAAG;QACjC,OAAO,EAAE,oBAAC,mCAAuB,OAAG;QACpC,IAAI,EAAE,oBAAC,0BAAc,OAAG;QACxB,MAAM,EAAE,oBAAC,mBAAQ,OAAG;KACrB,CAAC;IACF,MAAM,UAAU,GAAG,CAAC,IAAA,qBAAa,EAAC,gBAAgB,CAAC,IAAI,gBAAgB,CAAC;IAExE,IAAA,mCAAyB,EAAC,GAAG,EAAE;QAC7B,aAAa,CAAC,EAAE,CAAC,OAAO,IAAI,EAAE,CAAC,OAAO,CAAC,WAAW,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAC/E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,CACd,0CACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,EAAE,EACP,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAW,CAAC,aAAa,EAAE,gBAAgB,IAAI,mBAAW,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAChG,KAAK;QAER,gBAAgB,IAAI,CACnB,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAW,CAAC,iBAAiB,CAAC,IAChD,IAAA,qBAAa,EAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,oBAAC,UAAU,OAAG,CAC7E,CACR;QACA,KAAK,IAAI,8BAAM,SAAS,EAAC,qBAAqB,IAAE,KAAK,CAAQ;QAC9D,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAW,CAAC,iBAAiB,CAAC,IAAG,KAAK,CAAQ,CAChE,CACN,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,oBAAC,iBAAO,IAAC,OAAO,EAAE,KAAK,IAAG,OAAO,CAAW,CAAC,CAAC,CAAC,OAAO,CAAC;AAC7E,CAAC,CAAC;AA5CW,QAAA,aAAa,iBA4CxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/js/next/components/Modal/ModalContent.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { OUIAProps } from '../../../helpers';
+export interface ModalContentProps extends OUIAProps {
+    /** Id to use for the modal box description. This should match the ModalHeader labelId or descriptorId. */
+    'aria-describedby'?: string;
+    /** Accessible descriptor of the modal. */
+    'aria-label'?: string;
+    /** Id to use for the modal box label. This should include the ModalHeader labelId. */
+    'aria-labelledby'?: string;
+    /** Id of the modal box container. */
+    boxId: string;
+    /** Content rendered inside the modal. */
+    children: React.ReactNode;
+    /** Additional classes added to the modal box. */
+    className?: string;
+    /** Flag to disable focus trap. */
+    disableFocusTrap?: boolean;
+    /** The element to focus when the modal opens. By default the first
+     * focusable element will receive focus.
+     */
+    elementToFocus?: HTMLElement | SVGElement | string;
+    /** Flag to show the modal. */
+    isOpen?: boolean;
+    /** A callback for when the close button is clicked. */
+    onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
+    /** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
+    position?: 'default' | 'top';
+    /** Offset from alternate position. Can be any valid CSS length/percentage. */
+    positionOffset?: string;
+    /** Variant of the modal. */
+    variant?: 'small' | 'medium' | 'large' | 'default';
+    /** Default width of the modal. */
+    width?: number | string;
+    /** Maximum width of the modal. */
+    maxWidth?: number | string;
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
+    ouiaSafe?: boolean;
+}
+export declare const ModalContent: React.FunctionComponent<ModalContentProps>;
+//# sourceMappingURL=ModalContent.d.ts.map

package/dist/js/next/components/Modal/ModalContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK3D,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAiFnE,CAAC"}

package/dist/js/next/components/Modal/ModalContent.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalContent = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const helpers_1 = require("../../../helpers");
+const bullseye_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/layouts/Bullseye/bullseye"));
+const react_styles_1 = require("@patternfly/react-styles");
+const helpers_2 = require("../../../helpers");
+const Backdrop_1 = require("../../../components/Backdrop");
+const ModalBoxCloseButton_1 = require("./ModalBoxCloseButton");
+const ModalBox_1 = require("./ModalBox");
+const ModalContent = (_a) => {
+    var { children, className, isOpen = false, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby, onClose, variant = 'default', position, positionOffset, width, maxWidth, boxId, disableFocusTrap = false, ouiaId, ouiaSafe = true, elementToFocus } = _a, props = tslib_1.__rest(_a, ["children", "className", "isOpen", 'aria-label', 'aria-describedby', 'aria-labelledby', "onClose", "variant", "position", "positionOffset", "width", "maxWidth", "boxId", "disableFocusTrap", "ouiaId", "ouiaSafe", "elementToFocus"]);
+    if (!isOpen) {
+        return null;
+    }
+    const ariaLabelledbyFormatted = () => {
+        const idRefList = [];
+        if (ariaLabel && boxId) {
+            idRefList.push(ariaLabel && boxId);
+        }
+        if (ariaLabelledby) {
+            idRefList.push(ariaLabelledby);
+        }
+        if (idRefList.length === 0) {
+            return undefined;
+        }
+        else {
+            return idRefList.join(' ');
+        }
+    };
+    const modalBox = (React.createElement(ModalBox_1.ModalBox, Object.assign({ className: (0, react_styles_1.css)(className), variant: variant, position: position, positionOffset: positionOffset, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledbyFormatted(), "aria-describedby": ariaDescribedby }, (0, helpers_2.getOUIAProps)(exports.ModalContent.displayName, ouiaId, ouiaSafe), { style: Object.assign(Object.assign({}, (width && { '--pf-v6-c-modal-box--Width': typeof width !== 'number' ? width : `${width}px` })), (maxWidth && {
+            '--pf-v6-c-modal-box--MaxWidth': typeof maxWidth !== 'number' ? maxWidth : `${maxWidth}px`
+        })) }, props, { id: boxId }),
+        onClose && React.createElement(ModalBoxCloseButton_1.ModalBoxCloseButton, { onClose: (event) => onClose(event), ouiaId: ouiaId }),
+        children));
+    return (React.createElement(Backdrop_1.Backdrop, null,
+        React.createElement(helpers_1.FocusTrap, { active: !disableFocusTrap, focusTrapOptions: {
+                clickOutsideDeactivates: true,
+                tabbableOptions: { displayCheck: 'none' },
+                // FocusTrap's initialFocus can accept false as a value to prevent initial focus.
+                // We want to prevent this in case false is ever passed in.
+                initialFocus: elementToFocus || undefined
+            }, className: (0, react_styles_1.css)(bullseye_1.default.bullseye) }, modalBox)));
+};
+exports.ModalContent = ModalContent;
+exports.ModalContent.displayName = 'ModalContent';
+//# sourceMappingURL=ModalContent.js.map

package/dist/js/next/components/Modal/ModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8CAA6C;AAC7C,8GAAoF;AACpF,2DAA+C;AAC/C,8CAA2D;AAC3D,2DAAwD;AACxD,+DAA4D;AAC5D,yCAAsC;AAyC/B,MAAM,YAAY,GAA+C,CAAC,EAmBrD,EAAE,EAAE;QAnBiD,EACvE,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,iBAAiB,EAAE,cAAc,EACjC,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,cAAc,EACd,KAAK,EACL,QAAQ,EACR,KAAK,EACL,gBAAgB,GAAG,KAAK,EACxB,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,cAAc,OAEI,EADf,KAAK,sBAlB+D,sOAmBxE,CADS;IAER,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,MAAM,uBAAuB,GAAG,GAAW,EAAE;QAC3C,MAAM,SAAS,GAAa,EAAE,CAAC;QAC/B,IAAI,SAAS,IAAI,KAAK,EAAE;YACtB,SAAS,CAAC,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,CAAC;SACpC;QACD,IAAI,cAAc,EAAE;YAClB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SAChC;QACD,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;YAC1B,OAAO,SAAS,CAAC;SAClB;aAAM;YACL,OAAO,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,oBAAC,mBAAQ,kBACP,SAAS,EAAE,IAAA,kBAAG,EAAC,SAAS,CAAC,EACzB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,gBAClB,SAAS,qBACJ,uBAAuB,EAAE,sBACxB,eAAe,IAC7B,IAAA,sBAAY,EAAC,oBAAY,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,IAC5D,KAAK,EACH,gCACK,CAAC,KAAK,IAAI,EAAE,4BAA4B,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE,CAAC,GAC7F,CAAC,QAAQ,IAAI;YACd,+BAA+B,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI;SAC3F,CAAC,CACoB,IAEtB,KAAK,IACT,EAAE,EAAE,KAAK;QAER,OAAO,IAAI,oBAAC,yCAAmB,IAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI;QACtF,QAAQ,CACA,CACZ,CAAC;IACF,OAAO,CACL,oBAAC,mBAAQ;QACP,oBAAC,mBAAS,IACR,MAAM,EAAE,CAAC,gBAAgB,EACzB,gBAAgB,EAAE;gBAChB,uBAAuB,EAAE,IAAI;gBAC7B,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;gBACzC,iFAAiF;gBACjF,2DAA2D;gBAC3D,YAAY,EAAE,cAAc,IAAI,SAAS;aAC1C,EACD,SAAS,EAAE,IAAA,kBAAG,EAAC,kBAAc,CAAC,QAAQ,CAAC,IAEtC,QAAQ,CACC,CACH,CACZ,CAAC;AACJ,CAAC,CAAC;AAjFW,QAAA,YAAY,gBAiFvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/js/next/components/Modal/ModalFooter.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+/** Renders content in the footer of the modal */
+export interface ModalFooterProps {
+    /** Content rendered inside the modal footer. */
+    children?: React.ReactNode;
+    /** Additional classes added to the modal footer. */
+    className?: string;
+}
+export declare const ModalFooter: React.FunctionComponent<ModalFooterProps>;
+//# sourceMappingURL=ModalFooter.d.ts.map

package/dist/js/next/components/Modal/ModalFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iDAAiD;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAQjE,CAAC"}

package/dist/js/next/components/Modal/ModalFooter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalFooter = 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 ModalFooter = (_a) => {
+    var { children, className } = _a, props = tslib_1.__rest(_a, ["children", "className"]);
+    return (React.createElement("footer", Object.assign({}, props, { className: (0, react_styles_1.css)(modal_box_1.default.modalBoxFooter, className) }), children));
+};
+exports.ModalFooter = ModalFooter;
+exports.ModalFooter.displayName = 'ModalFooter';
+//# sourceMappingURL=ModalFooter.js.map

package/dist/js/next/components/Modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalFooter.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAWzE,MAAM,WAAW,GAA8C,CAAC,EAIpD,EAAE,EAAE;QAJgD,EACrE,QAAQ,EACR,SAAS,OAEQ,EADd,KAAK,sBAH6D,yBAItE,CADS;IACc,OAAA,CACtB,gDAAY,KAAK,IAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,cAAc,EAAE,SAAS,CAAC,KAChE,QAAQ,CACF,CACV,CAAA;CAAA,CAAC;AARW,QAAA,WAAW,eAQtB;AACF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/js/next/components/Modal/ModalHeader.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+/** Renders content in the header of the modal */
+export interface ModalHeaderProps {
+    /** Custom content rendered inside the modal header. If children are supplied then the tile, tileIconVariant and titleScreenReaderText props are ignored. */
+    children?: React.ReactNode;
+    /** Additional classes added to the modal header. */
+    className?: string;
+    /** Description of the modal. */
+    description?: React.ReactNode;
+    /** Id of the modal description. */
+    descriptorId?: string;
+    /** Optional help section for the modal header. */
+    help?: React.ReactNode;
+    /** Id of the modal title. */
+    labelId?: string;
+    /** Content rendered inside the modal title. */
+    title?: React.ReactNode;
+    /** Optional alert icon (or other) to show before the title. When the predefined alert types
+     * are used the default styling will be automatically applied. */
+    titleIconVariant?: 'success' | 'danger' | 'warning' | 'info' | 'custom' | React.ComponentType<any>;
+    /** Optional title label text for screen readers. */
+    titleScreenReaderText?: string;
+}
+export declare const ModalHeader: React.FunctionComponent<ModalHeaderProps>;
+//# sourceMappingURL=ModalHeader.d.ts.map

package/dist/js/next/components/Modal/ModalHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,iDAAiD;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,4JAA4J;IAC5J,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;qEACiE;IACjE,gBAAgB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACnG,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAuCjE,CAAC"}

package/dist/js/next/components/Modal/ModalHeader.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalHeader = 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 ModalBoxDescription_1 = require("./ModalBoxDescription");
+const ModalBoxTitle_1 = require("./ModalBoxTitle");
+const ModalHeader = (_a) => {
+    var { children, className, descriptorId, description, labelId, title, titleIconVariant, titleScreenReaderText, help } = _a, props = tslib_1.__rest(_a, ["children", "className", "descriptorId", "description", "labelId", "title", "titleIconVariant", "titleScreenReaderText", "help"]);
+    const headerContent = children ? (children) : (React.createElement(React.Fragment, null,
+        React.createElement(ModalBoxTitle_1.ModalBoxTitle, { title: title, titleIconVariant: titleIconVariant, titleScreenReaderText: titleScreenReaderText, id: labelId }),
+        description && React.createElement(ModalBoxDescription_1.ModalBoxDescription, { id: descriptorId }, description)));
+    // TODO: apply variant modifier for icon styling.  Core fix needed first.  similar to this:
+    // className={css(className, isVariantIcon(titleIconVariant) && modalStyles.modifiers[titleIconVariant])}
+    return (React.createElement("header", Object.assign({ className: (0, react_styles_1.css)(modal_box_1.default.modalBoxHeader, help && modal_box_1.default.modifiers.help, className) }, props),
+        help && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: (0, react_styles_1.css)(modal_box_1.default.modalBoxHeaderMain) }, headerContent),
+            React.createElement("div", { className: `${modal_box_1.default.modalBoxHeader}-help` }, help))),
+        !help && headerContent));
+};
+exports.ModalHeader = ModalHeader;
+exports.ModalHeader.displayName = 'ModalHeader';
+//# sourceMappingURL=ModalHeader.js.map

package/dist/js/next/components/Modal/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalHeader.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAChF,+DAA4D;AAC5D,mDAAgD;AA0BzC,MAAM,WAAW,GAA8C,CAAC,EAWpD,EAAE,EAAE;QAXgD,EACrE,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,WAAW,EACX,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,qBAAqB,EACrB,IAAI,OAEa,EADd,KAAK,sBAV6D,iIAWtE,CADS;IAER,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,CAC/B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF;QACE,oBAAC,6BAAa,IACZ,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,qBAAqB,EAAE,qBAAqB,EAC5C,EAAE,EAAE,OAAO,GACX;QACD,WAAW,IAAI,oBAAC,yCAAmB,IAAC,EAAE,EAAE,YAAY,IAAG,WAAW,CAAuB,CACzF,CACJ,CAAC;IAEF,2FAA2F;IAC3F,yGAAyG;IACzG,OAAO,CACL,8CAAQ,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,cAAc,EAAE,IAAI,IAAI,mBAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK;QAC/F,IAAI,IAAI,CACP;YACE,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,kBAAkB,CAAC,IAAG,aAAa,CAAO;YACrE,6BAAK,SAAS,EAAE,GAAG,mBAAM,CAAC,cAAc,OAAO,IAAG,IAAI,CAAO,CAC5D,CACJ;QACA,CAAC,IAAI,IAAI,aAAa,CAChB,CACV,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,WAAW,eAuCtB;AACF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/js/next/components/Modal/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Modal';
+export * from './ModalBody';
+export * from './ModalHeader';
+export * from './ModalFooter';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/next/components/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/dist/js/next/components/Modal/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Modal"), exports);
+tslib_1.__exportStar(require("./ModalBody"), exports);
+tslib_1.__exportStar(require("./ModalHeader"), exports);
+tslib_1.__exportStar(require("./ModalFooter"), exports);
+//# sourceMappingURL=index.js.map

package/dist/js/next/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB;AACxB,sDAA4B;AAC5B,wDAA8B;AAC9B,wDAA8B"}

package/dist/js/next/components/index.d.ts

@@ -1,2 +1,3 @@
-export * from './';
+export * from './Modal';
+export * from './DualListSelector';
 //# sourceMappingURL=index.d.ts.map

package/dist/js/next/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC"}

package/dist/js/next/components/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./"), exports);
+tslib_1.__exportStar(require("./Modal"), exports);
+tslib_1.__exportStar(require("./DualListSelector"), exports);
 //# sourceMappingURL=index.js.map

package/dist/js/next/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":";;;AAAA,6CAAmB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB;AACxB,6DAAmC"}

package/dist/js/styles/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sizes';
+//# sourceMappingURL=index.d.ts.map

package/dist/js/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/js/styles/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./sizes"), exports);
+//# sourceMappingURL=index.js.map

package/dist/js/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB"}

package/dist/styles/assets/images/PF-HorizontalLogo-Color.svg

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="679px" height="158px" viewBox="0 0 679 158" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>PF-HorizontalLogo-Color </title>
+    <defs>
+        <linearGradient x1="68%" y1="2.25860997e-13%" x2="32%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#2B9AF3" offset="0%"></stop>
+            <stop stop-color="#73BCF7" stop-opacity="0.502212631" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="PF-HorizontalLogo-Color" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="PatternFly-Copy-11" transform="translate(206.000000, 45.750000)" fill="#151515" fill-rule="nonzero">
+            <path d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z" id="Shape"></path>
+            <path d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z" id="Shape"></path>
+            <path d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z" id="Path"></path>
+            <path d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z" id="Path"></path>
+            <path d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z" id="Shape"></path>
+            <path d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z" id="Path"></path>
+            <path d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z" id="Path"></path>
+            <polygon id="Path" points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"></polygon>
+            <polygon id="Path" points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"></polygon>
+            <path d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z" id="Path"></path>
+        </g>
+        <g id="Logo" transform="translate(0.000000, 0.000000)">
+            <path d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z" id="Rectangle-Copy-17" fill="#0066CC"></path>
+            <path d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z" id="Path-2" fill="url(#linearGradient-1)"></path>
+            <path d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z" id="Path-2" fill="url(#linearGradient-1)" transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "></path>
+        </g>
+    </g>
+</svg>

package/dist/styles/assets/images/PF-HorizontalLogo-Reverse.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="679px" height="158px" viewBox="0 0 679 158" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>PF-HorizontalLogo-Reverse </title>
+    <defs>
+        <linearGradient x1="100%" y1="1.31838984e-13%" x2="40.4021492%" y2="59.4473677%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0.498497596" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="PF-HorizontalLogo-Reverse" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group" transform="translate(-0.000000, 0.000000)">
+            <path d="M61.7658863,0 L157.846154,0 L157.846154,96.0802676 C104.782487,96.0802676 61.7658863,53.0636665 61.7658863,0 L61.7658863,0 L61.7658863,0 Z" id="Rectangle-Copy-15" fill="#FFFFFF" opacity="0.401297433"></path>
+            <path d="M158,1.84777167 L158,138 C158,149.045695 149.045695,158 138,158 L66.3656919,158 L158,1.84777167 Z M156.152228,3.55271368e-13 L-9.37916411e-13,91.6343081 L-9.37916411e-13,20 C-9.09494702e-13,8.954305 8.954305,3.55271368e-13 20,3.41060513e-13 L156.152228,3.55271368e-13 Z" id="Combined-Shape-Copy-4" fill="url(#linearGradient-1)"></path>
+        </g>
+        <g id="PatternFly-Copy-11" transform="translate(206.000000, 45.750000)" fill="#FFFFFF" fill-rule="nonzero">
+            <path d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z" id="Shape"></path>
+            <path d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z" id="Shape"></path>
+            <path d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z" id="Path"></path>
+            <path d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z" id="Path"></path>
+            <path d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z" id="Shape"></path>
+            <path d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z" id="Path"></path>
+            <path d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z" id="Path"></path>
+            <polygon id="Path" points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"></polygon>
+            <polygon id="Path" points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"></polygon>
+            <path d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z" id="Path"></path>
+        </g>
+    </g>
+</svg>

package/dist/styles/assets/images/PF-IconLogo-color.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="158px" height="158px" viewBox="0 0 158 158" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>PF-IconLogo-color </title>
+    <defs>
+        <linearGradient x1="68%" y1="2.25860997e-13%" x2="32%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#2B9AF3" offset="0%"></stop>
+            <stop stop-color="#73BCF7" stop-opacity="0.502212631" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="PF-IconLogo-color" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Logo">
+            <path d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z" id="Rectangle-Copy-17" fill="#0066CC"></path>
+            <path d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z" id="Path-2" fill="url(#linearGradient-1)"></path>
+            <path d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z" id="Path-2" fill="url(#linearGradient-1)" transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "></path>
+        </g>
+    </g>
+</svg>