@patternfly/react-core 5.0.0-alpha.6 → 5.0.0-alpha.8

package/components/AboutModal/AboutModal.js

@@ -0,0 +1,98 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Backdrop/backdrop';
+import { canUseDOM } from '../../helpers';
+import { KeyTypes } from '../../helpers/constants';
+import { AboutModalContainer } from './AboutModalContainer';
+export class AboutModal extends React.Component {
+    constructor(props) {
+        super(props);
+        this.id = AboutModal.currentId++;
+        this.ariaLabelledBy = `pf-about-modal-title-${this.id}`;
+        this.ariaDescribedBy = `pf-about-modal-content-${this.id}`;
+        this.handleEscKeyClick = (event) => {
+            if (event.key === KeyTypes.Escape && this.props.isOpen) {
+                this.props.onClose();
+            }
+        };
+        this.toggleSiblingsFromScreenReaders = (hide) => {
+            const { appendTo } = this.props;
+            const target = this.getElement(appendTo);
+            const bodyChildren = target.children;
+            for (const child of Array.from(bodyChildren)) {
+                if (child !== this.state.container) {
+                    hide ? child.setAttribute('aria-hidden', '' + hide) : child.removeAttribute('aria-hidden');
+                }
+            }
+        };
+        this.getElement = (appendTo) => {
+            if (typeof appendTo === 'function') {
+                return appendTo();
+            }
+            return appendTo || document.body;
+        };
+        this.state = {
+            container: undefined
+        };
+        if (props.brandImageSrc && !props.brandImageAlt) {
+            // eslint-disable-next-line no-console
+            console.error('AboutModal:', 'brandImageAlt is required when a brandImageSrc is specified');
+        }
+    }
+    componentDidMount() {
+        const container = document.createElement('div');
+        const target = this.getElement(this.props.appendTo);
+        this.setState({ container });
+        target.appendChild(container);
+        target.addEventListener('keydown', this.handleEscKeyClick, false);
+        if (this.props.isOpen) {
+            target.classList.add(css(styles.backdropOpen));
+        }
+        else {
+            target.classList.remove(css(styles.backdropOpen));
+        }
+    }
+    componentDidUpdate() {
+        const target = this.getElement(this.props.appendTo);
+        if (this.props.isOpen) {
+            target.classList.add(css(styles.backdropOpen));
+            this.toggleSiblingsFromScreenReaders(true);
+        }
+        else {
+            target.classList.remove(css(styles.backdropOpen));
+            this.toggleSiblingsFromScreenReaders(false);
+        }
+    }
+    componentWillUnmount() {
+        const target = this.getElement(this.props.appendTo);
+        if (this.state.container) {
+            target.removeChild(this.state.container);
+        }
+        target.removeEventListener('keydown', this.handleEscKeyClick, false);
+        target.classList.remove(css(styles.backdropOpen));
+    }
+    render() {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const _a = this.props, { appendTo } = _a, props = __rest(_a, ["appendTo"]);
+        const { container } = this.state;
+        if (!canUseDOM || !container) {
+            return null;
+        }
+        return ReactDOM.createPortal(React.createElement(AboutModalContainer, Object.assign({ aboutModalBoxHeaderId: this.ariaLabelledBy, aboutModalBoxContentId: this.ariaDescribedBy }, props)), container);
+    }
+}
+AboutModal.displayName = 'AboutModal';
+AboutModal.currentId = 0;
+AboutModal.defaultProps = {
+    className: '',
+    isOpen: false,
+    onClose: () => undefined,
+    productName: '',
+    trademark: '',
+    backgroundImageSrc: '',
+    noAboutModalBoxContentContainer: false,
+    appendTo: null
+};
+//# sourceMappingURL=AboutModal.js.map

package/components/AboutModal/AboutModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModal.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":"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"}

package/components/AboutModal/AboutModalBox.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface AboutModalBoxProps extends React.HTMLProps<HTMLDivElement> {
+    /** content rendered inside the AboutModelBox. */
+    children: React.ReactNode;
+    /** additional classes added to the AboutModalBox */
+    className?: string;
+}
+export declare const AboutModalBox: React.FunctionComponent<AboutModalBoxProps>;
+//# sourceMappingURL=AboutModalBox.d.ts.map

package/components/AboutModal/AboutModalBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBox.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,iDAAiD;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAQrE,CAAC"}

package/components/AboutModal/AboutModalBox.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box';
+export const AboutModalBox = (_a) => {
+    var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", Object.assign({ role: "dialog", "aria-modal": "true", className: css(styles.aboutModalBox, className) }, props), children));
+};
+AboutModalBox.displayName = 'AboutModalBox';
+//# sourceMappingURL=AboutModalBox.js.map

package/components/AboutModal/AboutModalBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBox.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAS3F,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAItD,EAAE,EAAE;QAJkD,EACzE,QAAQ,EACR,SAAS,GAAG,EAAE,OAEK,EADhB,KAAK,cAHiE,yBAI1E,CADS;IACgB,OAAA,CACxB,2CAAK,IAAI,EAAC,QAAQ,gBAAY,MAAM,EAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,IAAM,KAAK,GAC5F,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/components/AboutModal/AboutModalBoxBrand.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface AboutModalBoxBrandProps extends React.HTMLProps<HTMLDivElement> {
+    /** additional classes added to the About Modal Brand  */
+    className?: string;
+    /** the URL of the image for the Brand.  */
+    src?: string;
+    /** the alternate text of the Brand image.  */
+    alt: string;
+}
+export declare const AboutModalBoxBrand: React.FunctionComponent<AboutModalBoxBrandProps>;
+//# sourceMappingURL=AboutModalBoxBrand.d.ts.map

package/components/AboutModal/AboutModalBoxBrand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxBrand.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxBrand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC9E,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAS/E,CAAC"}

package/components/AboutModal/AboutModalBoxBrand.js

@@ -0,0 +1,11 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box';
+export const AboutModalBoxBrand = (_a) => {
+    var { className = '', src = '', alt } = _a, props = __rest(_a, ["className", "src", "alt"]);
+    return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxBrand, className) }, props),
+        React.createElement("img", { className: css(styles.aboutModalBoxBrandImage), src: src, alt: alt })));
+};
+AboutModalBoxBrand.displayName = 'AboutModalBoxBrand';
+//# sourceMappingURL=AboutModalBoxBrand.js.map

package/components/AboutModal/AboutModalBoxBrand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxBrand.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxBrand.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAW3F,MAAM,CAAC,MAAM,kBAAkB,GAAqD,CAAC,EAK3D,EAAE,EAAE;QALuD,EACnF,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,EAAE,EACR,GAAG,OAEqB,EADrB,KAAK,cAJ2E,2BAKpF,CADS;IACqB,OAAA,CAC7B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,IAAM,KAAK;QAClE,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,uBAAuB,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI,CACvE,CACP,CAAA;CAAA,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/components/AboutModal/AboutModalBoxCloseButton.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface AboutModalBoxCloseButtonProps extends React.HTMLProps<HTMLDivElement> {
+    /** additional classes added to the About Modal Close button  */
+    className?: string;
+    /** A callback for when the close button is clicked  */
+    onClose?: () => void;
+    /** Set close button aria label */
+    'aria-label'?: string;
+}
+export declare const AboutModalBoxCloseButton: React.FunctionComponent<AboutModalBoxCloseButtonProps>;
+//# sourceMappingURL=AboutModalBoxCloseButton.d.ts.map

package/components/AboutModal/AboutModalBoxCloseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAW3F,CAAC"}

package/components/AboutModal/AboutModalBoxCloseButton.js

@@ -0,0 +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/AboutModalBox/about-modal-box';
+import { Button } from '../Button';
+import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+export const AboutModalBoxCloseButton = (_a) => {
+    var { className = '', onClose = () => undefined, 'aria-label': ariaLabel = 'Close Dialog' } = _a, props = __rest(_a, ["className", "onClose", 'aria-label']);
+    return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxClose, className) }, props),
+        React.createElement(Button, { variant: "plain", onClick: onClose, "aria-label": ariaLabel },
+            React.createElement(TimesIcon, null))));
+};
+AboutModalBoxCloseButton.displayName = 'AboutModalBoxCloseButton';
+//# sourceMappingURL=AboutModalBoxCloseButton.js.map

package/components/AboutModal/AboutModalBoxCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAW1E,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAKjE,EAAE,EAAE;QAL6D,EAC/F,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,YAAY,EAAE,SAAS,GAAG,cAAc,OAEV,EAD3B,KAAK,cAJuF,sCAKhG,CADS;IAC2B,OAAA,CACnC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,IAAM,KAAK;QAClE,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,gBAAc,SAAS;YAC7D,oBAAC,SAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

package/components/AboutModal/AboutModalBoxContent.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface AboutModalBoxContentProps extends React.HTMLProps<HTMLDivElement> {
+    /** content rendered inside the AboutModalBoxContent  */
+    children: React.ReactNode;
+    /** additional classes added to the AboutModalBoxContent  */
+    className?: string;
+    /** id to use for About Modal Box aria described by  */
+    id: string;
+    /** The Trademark info for the product  */
+    trademark: string;
+    /** Prevents the about modal from rendering content inside a container; allows for more flexible layouts */
+    noAboutModalBoxContentContainer?: boolean;
+}
+export declare const AboutModalBoxContent: React.FunctionComponent<AboutModalBoxContentProps>;
+//# sourceMappingURL=AboutModalBoxContent.d.ts.map

package/components/AboutModal/AboutModalBoxContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxContent.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChF,wDAAwD;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,2GAA2G;IAC3G,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC3C;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAcnF,CAAC"}

package/components/AboutModal/AboutModalBoxContent.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box';
+import contentStyles from '@patternfly/react-styles/css/components/Content/content';
+export const AboutModalBoxContent = (_a) => {
+    var { children, className = '', trademark, id, noAboutModalBoxContentContainer = false } = _a, props = __rest(_a, ["children", "className", "trademark", "id", "noAboutModalBoxContentContainer"]);
+    return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxContent, className), id: id }, props),
+        React.createElement("div", { className: css('pf-c-about-modal-box__body') }, noAboutModalBoxContentContainer ? children : React.createElement("div", { className: css(contentStyles.content) }, children)),
+        React.createElement("p", { className: css(styles.aboutModalBoxStrapline) }, trademark)));
+};
+AboutModalBoxContent.displayName = 'AboutModalBoxContent';
+//# sourceMappingURL=AboutModalBoxContent.js.map

package/components/AboutModal/AboutModalBoxContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxContent.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,OAAO,aAAa,MAAM,yDAAyD,CAAC;AAepF,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAO7D,EAAE,EAAE;QAPyD,EACvF,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,SAAS,EACT,EAAE,EACF,+BAA+B,GAAG,KAAK,OAEb,EADvB,KAAK,cAN+E,+EAOxF,CADS;IACuB,OAAA,CAC/B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,IAAM,KAAK;QAC5E,6BAAK,SAAS,EAAE,GAAG,CAAC,4BAA4B,CAAC,IAC9C,+BAA+B,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,IAAG,QAAQ,CAAO,CACtG;QACN,2BAAG,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,SAAS,CAAK,CAC7D,CACP,CAAA;CAAA,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/components/AboutModal/AboutModalBoxHeader.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface AboutModalBoxHeaderProps extends React.HTMLProps<HTMLDivElement> {
+    /** additional classes added to the button  */
+    className?: string;
+    /** Name of the Product  */
+    productName?: string;
+    /** id to used for Modal Box header  */
+    id: string;
+}
+export declare const AboutModalBoxHeader: React.FunctionComponent<AboutModalBoxHeaderProps>;
+//# sourceMappingURL=AboutModalBoxHeader.d.ts.map

package/components/AboutModal/AboutModalBoxHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC/E,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAWjF,CAAC"}

package/components/AboutModal/AboutModalBoxHeader.js

@@ -0,0 +1,12 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box';
+import { Title } from '../Title';
+export const AboutModalBoxHeader = (_a) => {
+    var { className = '', productName = '', id } = _a, props = __rest(_a, ["className", "productName", "id"]);
+    return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxHeader, className) }, props),
+        React.createElement(Title, { headingLevel: "h1", size: "4xl", id: id }, productName)));
+};
+AboutModalBoxHeader.displayName = 'AboutModalBoxHeader';
+//# sourceMappingURL=AboutModalBoxHeader.js.map

package/components/AboutModal/AboutModalBoxHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxHeader.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAWjC,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,EAAE,EAChB,EAAE,OAEuB,EADtB,KAAK,cAJ6E,kCAKtF,CADS;IACsB,OAAA,CAC9B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAM,KAAK;QACnE,oBAAC,KAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,EAAE,EAAE,EAAE,IACvC,WAAW,CACN,CACJ,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/components/AboutModal/AboutModalBoxHero.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface AboutModalBoxHeroProps extends React.HTMLProps<HTMLDivElement> {
+    /** additional classes added to the About Modal Hero  */
+    className?: string;
+    /** background image data or file path  */
+    backgroundImageSrc?: string;
+}
+export declare const AboutModalBoxHero: React.FunctionComponent<AboutModalBoxHeroProps>;
+//# sourceMappingURL=AboutModalBoxHero.d.ts.map

package/components/AboutModal/AboutModalBoxHero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxHero.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAgB7E,CAAC"}

package/components/AboutModal/AboutModalBoxHero.js

@@ -0,0 +1,16 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box';
+// eslint-disable-next-line camelcase
+import c_about_modal_box__hero_sm_BackgroundImage from '@patternfly/react-tokens/dist/esm/c_about_modal_box__hero_sm_BackgroundImage';
+export const AboutModalBoxHero = (_a) => {
+    var { className, backgroundImageSrc } = _a, props = __rest(_a, ["className", "backgroundImageSrc"]);
+    return (React.createElement("div", Object.assign({ style: 
+        /* eslint-disable camelcase */
+        backgroundImageSrc !== ''
+            ? { [c_about_modal_box__hero_sm_BackgroundImage.name]: `url(${backgroundImageSrc})` }
+            : {}, className: css(styles.aboutModalBoxHero, className) }, props)));
+};
+AboutModalBoxHero.displayName = 'AboutModalBoxHero';
+//# sourceMappingURL=AboutModalBoxHero.js.map

package/components/AboutModal/AboutModalBoxHero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxHero.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHero.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,qCAAqC;AACrC,OAAO,0CAA0C,MAAM,8EAA8E,CAAC;AAStI,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAI1D,EAAE,EAAE;QAJsD,EACjF,SAAS,EACT,kBAAkB,OAEK,EADpB,KAAK,cAHyE,mCAIlF,CADS;IACoB,OAAA,CAC5B,2CACE,KAAK;QACH,8BAA8B;QAC9B,kBAAkB,KAAK,EAAE;YACvB,CAAC,CAAC,EAAE,CAAC,0CAA0C,CAAC,IAAc,CAAC,EAAE,OAAO,kBAAkB,GAAG,EAAE;YAC/F,CAAC,CAAC,EAAE,EAGR,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,IAC/C,KAAK,EACT,CACH,CAAA;CAAA,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/components/AboutModal/AboutModalContainer.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export interface AboutModalContainerProps extends React.HTMLProps<HTMLDivElement> {
+    /** content rendered inside the About Modal Box Content.  */
+    children: React.ReactNode;
+    /** additional classes added to the About Modal Box  */
+    className?: string;
+    /** Flag to show the About Modal  */
+    isOpen?: boolean;
+    /** A callback for when the close button is clicked  */
+    onClose?: () => void;
+    /** Product Name  */
+    productName?: string;
+    /** Trademark information  */
+    trademark?: string;
+    /** the URL of the image for the Brand.  */
+    brandImageSrc: string;
+    /** the alternate text of the Brand image.  */
+    brandImageAlt: string;
+    /** the URL of the image for the background.  */
+    backgroundImageSrc?: string;
+    /** id to use for About Modal Box aria labeled by  */
+    aboutModalBoxHeaderId: string;
+    /** id to use for About Modal Box aria described by  */
+    aboutModalBoxContentId: string;
+    /** Set close button aria label */
+    closeButtonAriaLabel?: string;
+    /** Flag to disable focus trap */
+    disableFocusTrap?: boolean;
+}
+export declare const AboutModalContainer: React.FunctionComponent<AboutModalContainerProps>;
+//# sourceMappingURL=AboutModalContainer.d.ts.map

package/components/AboutModal/AboutModalContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC/E,4DAA4D;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,aAAa,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,aAAa,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qDAAqD;IACrD,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kCAAkC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CA+CjF,CAAC"}

package/components/AboutModal/AboutModalContainer.js

@@ -0,0 +1,28 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/layouts/Bullseye/bullseye';
+import { FocusTrap } from '../../helpers';
+import { AboutModalBoxContent } from './AboutModalBoxContent';
+import { AboutModalBoxHeader } from './AboutModalBoxHeader';
+import { AboutModalBoxHero } from './AboutModalBoxHero';
+import { AboutModalBoxBrand } from './AboutModalBoxBrand';
+import { AboutModalBoxCloseButton } from './AboutModalBoxCloseButton';
+import { AboutModalBox } from './AboutModalBox';
+import { Backdrop } from '../Backdrop/Backdrop';
+export const AboutModalContainer = (_a) => {
+    var { children, className = '', isOpen = false, onClose = () => undefined, productName = '', trademark, brandImageSrc, brandImageAlt, backgroundImageSrc, closeButtonAriaLabel, aboutModalBoxHeaderId, aboutModalBoxContentId, disableFocusTrap = false } = _a, props = __rest(_a, ["children", "className", "isOpen", "onClose", "productName", "trademark", "brandImageSrc", "brandImageAlt", "backgroundImageSrc", "closeButtonAriaLabel", "aboutModalBoxHeaderId", "aboutModalBoxContentId", "disableFocusTrap"]);
+    if (!isOpen) {
+        return null;
+    }
+    return (React.createElement(Backdrop, null,
+        React.createElement(FocusTrap, { active: !disableFocusTrap, focusTrapOptions: { clickOutsideDeactivates: true, tabbableOptions: { displayCheck: 'none' } }, className: css(styles.bullseye) },
+            React.createElement(AboutModalBox, { className: className, "aria-labelledby": aboutModalBoxHeaderId, "aria-describedby": aboutModalBoxContentId },
+                React.createElement(AboutModalBoxBrand, { src: brandImageSrc, alt: brandImageAlt }),
+                React.createElement(AboutModalBoxCloseButton, { "aria-label": closeButtonAriaLabel, onClose: onClose }),
+                productName && React.createElement(AboutModalBoxHeader, { id: aboutModalBoxHeaderId, productName: productName }),
+                React.createElement(AboutModalBoxContent, Object.assign({ trademark: trademark, id: aboutModalBoxContentId, noAboutModalBoxContentContainer: false }, props), children),
+                React.createElement(AboutModalBoxHero, { backgroundImageSrc: backgroundImageSrc })))));
+};
+AboutModalContainer.displayName = 'AboutModalContainer';
+//# sourceMappingURL=AboutModalContainer.js.map

package/components/AboutModal/AboutModalContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalContainer.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,wDAAwD,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA+BhD,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAe5D,EAAE,EAAE;QAfwD,EACrF,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,GAAG,EAAE,CAAC,SAAS,EACzB,WAAW,GAAG,EAAE,EAChB,SAAS,EACT,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,GAAG,KAAK,OAEC,EADtB,KAAK,cAd6E,iOAetF,CADS;IAER,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,SAAS,IACR,MAAM,EAAE,CAAC,gBAAgB,EACzB,gBAAgB,EAAE,EAAE,uBAAuB,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAC9F,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC;YAE/B,oBAAC,aAAa,IACZ,SAAS,EAAE,SAAS,qBACH,qBAAqB,sBACpB,sBAAsB;gBAExC,oBAAC,kBAAkB,IAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,aAAa,GAAI;gBAC9D,oBAAC,wBAAwB,kBAAa,oBAAoB,EAAE,OAAO,EAAE,OAAO,GAAI;gBAC/E,WAAW,IAAI,oBAAC,mBAAmB,IAAC,EAAE,EAAE,qBAAqB,EAAE,WAAW,EAAE,WAAW,GAAI;gBAC5F,oBAAC,oBAAoB,kBACnB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,sBAAsB,EAC1B,+BAA+B,EAAE,KAAK,IAClC,KAAK,GAER,QAAQ,CACY;gBACvB,oBAAC,iBAAiB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAC/C,CACN,CACH,CACZ,CAAC;AACJ,CAAC,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/components/AboutModal/index.d.ts

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

package/components/AboutModal/index.d.ts.map

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

package/components/AboutModal/index.js

@@ -0,0 +1,2 @@
+export * from './AboutModal';
+//# sourceMappingURL=index.js.map

package/components/AboutModal/index.js.map

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

package/components/Accordion/Accordion.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export interface AccordionProps extends React.HTMLProps<HTMLDListElement> {
+    /** Content rendered inside the Accordion  */
+    children?: React.ReactNode;
+    /** Additional classes added to the Accordion  */
+    className?: string;
+    /** Adds accessible text to the Accordion */
+    'aria-label'?: string;
+    /** Heading level to use */
+    headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** Flag to indicate whether use definition list or div */
+    asDefinitionList?: boolean;
+    /** Flag to indicate the accordion had a border */
+    isBordered?: boolean;
+    /** Display size variant. */
+    displaySize?: 'default' | 'lg';
+}
+export declare const Accordion: React.FunctionComponent<AccordionProps>;
+//# sourceMappingURL=Accordion.d.ts.map

package/components/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IACvE,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvD,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAgC7D,CAAC"}

package/components/Accordion/Accordion.js

@@ -0,0 +1,16 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Accordion/accordion';
+import { AccordionContext } from './AccordionContext';
+export const Accordion = (_a) => {
+    var { children = null, className = '', 'aria-label': ariaLabel = '', headingLevel = 'h3', asDefinitionList = true, isBordered = false, displaySize = 'default' } = _a, props = __rest(_a, ["children", "className", 'aria-label', "headingLevel", "asDefinitionList", "isBordered", "displaySize"]);
+    const AccordionList = asDefinitionList ? 'dl' : 'div';
+    return (React.createElement(AccordionList, Object.assign({ className: css(styles.accordion, isBordered && styles.modifiers.bordered, displaySize === 'lg' && styles.modifiers.displayLg, className), "aria-label": ariaLabel }, props),
+        React.createElement(AccordionContext.Provider, { value: {
+                ContentContainer: asDefinitionList ? 'dd' : 'div',
+                ToggleContainer: asDefinitionList ? 'dt' : headingLevel
+            } }, children)));
+};
+Accordion.displayName = 'Accordion';
+//# sourceMappingURL=Accordion.js.map

package/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,6DAA6D,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAmBtD,MAAM,CAAC,MAAM,SAAS,GAA4C,CAAC,EASlD,EAAE,EAAE;QAT8C,EACjE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,YAAY,GAAG,IAAI,EACnB,gBAAgB,GAAG,IAAI,EACvB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,SAAS,OAER,EADZ,KAAK,cARyD,wGASlE,CADS;IAER,MAAM,aAAa,GAAQ,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3D,OAAO,CACL,oBAAC,aAAa,kBACZ,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,SAAS,EAChB,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,WAAW,KAAK,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAClD,SAAS,CACV,gBACW,SAAS,IACjB,KAAK;QAET,oBAAC,gBAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;gBACL,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;gBACjD,eAAe,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY;aACxD,IAEA,QAAQ,CACiB,CACd,CACjB,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/components/Accordion/AccordionContent.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export interface AccordionContentProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside the Accordion  */
+    children?: React.ReactNode;
+    /** Additional classes added to the Accordion content  */
+    className?: string;
+    /** Identify the AccordionContent item  */
+    id?: string;
+    /** Flag to show if the expanded content of the Accordion item is visible  */
+    isHidden?: boolean;
+    /** Flag to indicate Accordion content is fixed  */
+    isFixed?: boolean;
+    /** Adds accessible text to the Accordion content */
+    'aria-label'?: string;
+    /** Id of the controlling accordion toggle to label the content. */
+    'aria-labelledby'?: string;
+    /** Component to use as content container */
+    component?: React.ElementType;
+    /** Flag indicating content is custom. Expanded content Body wrapper will be removed from children.  This allows multiple bodies to be rendered as content. */
+    isCustomContent?: React.ReactNode;
+}
+export declare const AccordionContent: React.FunctionComponent<AccordionContentProps>;
+//# sourceMappingURL=AccordionContent.d.ts.map

package/components/Accordion/AccordionContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC5E,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,8JAA8J;IAC9J,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAoD3E,CAAC"}

package/components/Accordion/AccordionContent.js

@@ -0,0 +1,26 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Accordion/accordion';
+import { AccordionContext } from './AccordionContext';
+import { AccordionExpandableContentBody } from './AccordionExpandableContentBody';
+export const AccordionContent = (_a) => {
+    var { className = '', children = null, id = '', isHidden = false, isFixed = false, isCustomContent = false, 'aria-label': ariaLabel = '', 'aria-labelledby': ariaLabelledby, component } = _a, props = __rest(_a, ["className", "children", "id", "isHidden", "isFixed", "isCustomContent", 'aria-label', 'aria-labelledby', "component"]);
+    const [hasScrollbar, setHasScrollbar] = React.useState(false);
+    const containerRef = React.useRef(null);
+    React.useEffect(() => {
+        if ((containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) && isFixed && !isHidden) {
+            const { offsetHeight, scrollHeight } = containerRef.current;
+            setHasScrollbar(offsetHeight < scrollHeight);
+        }
+        else if (!isFixed) {
+            setHasScrollbar(false);
+        }
+    }, [containerRef, isFixed, isHidden]);
+    return (React.createElement(AccordionContext.Consumer, null, ({ ContentContainer }) => {
+        const Container = component || ContentContainer;
+        return (React.createElement(Container, Object.assign({ ref: containerRef, id: id, className: css(styles.accordionExpandableContent, isFixed && styles.modifiers.fixed, !isHidden && styles.modifiers.expanded, className), hidden: isHidden }, (ariaLabel && { 'aria-label': ariaLabel }), (ariaLabelledby && { 'aria-labelledby': ariaLabelledby }), (hasScrollbar && { tabIndex: 0 }), (hasScrollbar && Container === 'div' && { role: 'region' }), props), isCustomContent ? children : React.createElement(AccordionExpandableContentBody, null, children)));
+    }));
+};
+AccordionContent.displayName = 'AccordionContent';
+//# sourceMappingURL=AccordionContent.js.map

package/components/Accordion/AccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,6DAA6D,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAuBlF,MAAM,CAAC,MAAM,gBAAgB,GAAmD,CAAC,EAWzD,EAAE,EAAE;QAXqD,EAC/E,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,IAAI,EACf,EAAE,GAAG,EAAE,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,eAAe,GAAG,KAAK,EACvB,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,iBAAiB,EAAE,cAAc,EACjC,SAAS,OAEa,EADnB,KAAK,cAVuE,uHAWhF,CADS;IAER,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAExC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,KAAI,OAAO,IAAI,CAAC,QAAQ,EAAE;YACjD,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;YAE5D,eAAe,CAAC,YAAY,GAAG,YAAY,CAAC,CAAC;SAC9C;aAAM,IAAI,CAAC,OAAO,EAAE;YACnB,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,QACvB,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;QACxB,MAAM,SAAS,GAAG,SAAS,IAAI,gBAAgB,CAAC;QAChD,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,YAAY,EACjB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,0BAA0B,EACjC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EACjC,CAAC,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACtC,SAAS,CACV,EACD,MAAM,EAAE,QAAQ,IACZ,CAAC,SAAS,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,EAC1C,CAAC,cAAc,IAAI,EAAE,iBAAiB,EAAE,cAAc,EAAE,CAAC,EACzD,CAAC,YAAY,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EACjC,CAAC,YAAY,IAAI,SAAS,KAAK,KAAK,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC3D,KAAK,GAER,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,8BAA8B,QAAE,QAAQ,CAAkC,CAC/F,CACb,CAAC;IACJ,CAAC,CACyB,CAC7B,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/components/Accordion/AccordionContext.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface AccordionContextProps {
+    ContentContainer: React.ElementType;
+    ToggleContainer: React.ElementType;
+}
+export declare const AccordionContext: React.Context<Partial<AccordionContextProps>>;
+export {};
+//# sourceMappingURL=AccordionContext.d.ts.map

package/components/Accordion/AccordionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,qBAAqB;IAC7B,gBAAgB,EAAE,KAAK,CAAC,WAAW,CAAC;IACpC,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC;CACpC;AAED,eAAO,MAAM,gBAAgB,+CAA0D,CAAC"}

package/components/Accordion/AccordionContext.js

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export const AccordionContext = React.createContext({});
+//# sourceMappingURL=AccordionContext.js.map

package/components/Accordion/AccordionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContext.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAiC,EAAE,CAAC,CAAC"}

package/components/Accordion/AccordionExpandableContentBody.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface AccordionExpandableContentBodyProps {
+    /** Content rendered inside the accordion content body  */
+    children?: React.ReactNode;
+}
+export declare const AccordionExpandableContentBody: React.FunctionComponent<AccordionExpandableContentBodyProps>;
+//# sourceMappingURL=AccordionExpandableContentBody.d.ts.map

package/components/Accordion/AccordionExpandableContentBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionExpandableContentBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionExpandableContentBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mCAAmC;IAClD,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,iBAAiB,CAAC,mCAAmC,CAEe,CAAC"}

package/components/Accordion/AccordionExpandableContentBody.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Accordion/accordion';
+export const AccordionExpandableContentBody = ({ children = null }) => React.createElement("div", { className: css(styles.accordionExpandableContentBody) }, children);
+AccordionExpandableContentBody.displayName = 'AccordionExpandableContentBody';
+//# sourceMappingURL=AccordionExpandableContentBody.js.map

package/components/Accordion/AccordionExpandableContentBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionExpandableContentBody.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionExpandableContentBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,6DAA6D,CAAC;AAOjF,MAAM,CAAC,MAAM,8BAA8B,GAAiE,CAAC,EAC3G,QAAQ,GAAG,IAAI,EACqB,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,8BAA8B,CAAC,IAAG,QAAQ,CAAO,CAAC;AACxH,8BAA8B,CAAC,WAAW,GAAG,gCAAgC,CAAC"}

package/components/Accordion/AccordionItem.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface AccordionItemProps {
+    /** Content rendered inside the Accordion item  */
+    children?: React.ReactNode;
+}
+export declare const AccordionItem: React.FunctionComponent<AccordionItemProps>;
+//# sourceMappingURL=AccordionItem.d.ts.map

package/components/Accordion/AccordionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,kBAAkB;IACjC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAErE,CAAC"}

package/components/Accordion/AccordionItem.js

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export const AccordionItem = ({ children = null }) => (React.createElement(React.Fragment, null, children));
+AccordionItem.displayName = 'AccordionItem';
+//# sourceMappingURL=AccordionItem.js.map

package/components/Accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAAE,QAAQ,GAAG,IAAI,EAAsB,EAAE,EAAE,CAAC,CACrH,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAC5C,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}