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

package/dist/js/components/AboutModal/AboutModal.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { PickOptional } from '../../helpers/typeUtils';
-export interface AboutModalProps {
+export interface AboutModalProps extends React.HTMLProps<HTMLDivElement> {
     /** Content rendered inside the about modal */
     children: React.ReactNode;
     /** Additional classes added to the about modal */
@@ -8,7 +7,7 @@ export interface AboutModalProps {
     /** Flag to show the about modal  */
     isOpen?: boolean;
     /** A callback for when the close button is clicked  */
-    onClose?: () => void;
+    onClose?: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
     /** Product name  */
     productName?: string;
     /** Trademark information  */
@@ -20,32 +19,15 @@ export interface AboutModalProps {
     /** The URL of the image for the background  */
     backgroundImageSrc?: string;
     /** Prevents the about modal from rendering content inside a container; allows for more flexible layouts  */
-    noAboutModalBoxContentContainer?: boolean;
+    hasNoContentContainer?: boolean;
     /** The parent container to append the modal to. Defaults to document.body */
     appendTo?: HTMLElement | (() => HTMLElement);
+    /** Aria label for the about modal.  This should be used when no productName prop is provided */
+    'aria-label'?: string;
     /** Set aria label to the close button */
     closeButtonAriaLabel?: string;
     /** Flag to disable focus trap */
     disableFocusTrap?: boolean;
 }
-interface ModalState {
-    container: HTMLElement;
-}
-export declare class AboutModal extends React.Component<AboutModalProps, ModalState> {
-    static displayName: string;
-    private static currentId;
-    private id;
-    ariaLabelledBy: string;
-    ariaDescribedBy: string;
-    static defaultProps: PickOptional<AboutModalProps>;
-    constructor(props: AboutModalProps);
-    handleEscKeyClick: (event: KeyboardEvent) => void;
-    toggleSiblingsFromScreenReaders: (hide: boolean) => void;
-    getElement: (appendTo: HTMLElement | (() => HTMLElement)) => HTMLElement;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-}
-export {};
+export declare const AboutModal: React.FunctionComponent<AboutModalProps>;
 //# sourceMappingURL=AboutModal.d.ts.map

package/dist/js/components/AboutModal/AboutModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AboutModal.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,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,0CAA0C;IAC1C,aAAa,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,aAAa,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4GAA4G;IAC5G,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,UAAU;IAClB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC;IAC1E,MAAM,CAAC,WAAW,SAAgB;IAClC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAC7B,OAAO,CAAC,EAAE,CAA0B;IACpC,cAAc,SAAqC;IACnD,eAAe,SAAuC;IAEtD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,eAAe,CAAC,CAShD;gBAEU,KAAK,EAAE,eAAe;IAYlC,iBAAiB,UAAW,aAAa,UAIvC;IAEF,+BAA+B,SAAU,OAAO,UAS9C;IAEF,UAAU,aAAc,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,iBAKvD;IAEF,iBAAiB;IAcjB,kBAAkB;IAWlB,oBAAoB;IASpB,MAAM;CAkBP"}
+{"version":3,"file":"AboutModal.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACzE,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,aAAa,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,aAAa,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4GAA4G;IAC5G,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,gGAAgG;IAChG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA6D/D,CAAC"}

package/dist/js/components/AboutModal/AboutModal.js

@@ -3,100 +3,36 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AboutModal = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const ReactDOM = tslib_1.__importStar(require("react-dom"));
 const react_styles_1 = require("@patternfly/react-styles");
-const backdrop_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Backdrop/backdrop"));
-const helpers_1 = require("../../helpers");
-const constants_1 = require("../../helpers/constants");
-const AboutModalContainer_1 = require("./AboutModalContainer");
-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 === constants_1.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');
-        }
+const AboutModalBoxContent_1 = require("./AboutModalBoxContent");
+const AboutModalBoxHeader_1 = require("./AboutModalBoxHeader");
+const AboutModalBoxHero_1 = require("./AboutModalBoxHero");
+const AboutModalBoxBrand_1 = require("./AboutModalBoxBrand");
+const AboutModalBoxCloseButton_1 = require("./AboutModalBoxCloseButton");
+const AboutModalBox_1 = require("./AboutModalBox");
+const Modal_1 = require("../Modal");
+const GenerateId_1 = require("../../helpers/GenerateId/GenerateId");
+const AboutModal = (_a) => {
+    var { children, className, isOpen = false, onClose = (_e) => undefined, productName, trademark, backgroundImageSrc, brandImageSrc, brandImageAlt, hasNoContentContainer = false, appendTo, closeButtonAriaLabel, 'aria-label': ariaLabel, disableFocusTrap } = _a, props = tslib_1.__rest(_a, ["children", "className", "isOpen", "onClose", "productName", "trademark", "backgroundImageSrc", "brandImageSrc", "brandImageAlt", "hasNoContentContainer", "appendTo", "closeButtonAriaLabel", 'aria-label', "disableFocusTrap"]);
+    if (brandImageSrc && !brandImageAlt) {
+        // eslint-disable-next-line no-console
+        console.error('AboutModal:', 'brandImageAlt is required when a brandImageSrc is specified, and should not be an empty string.');
     }
-    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(react_styles_1.css(backdrop_1.default.backdropOpen));
-        }
-        else {
-            target.classList.remove(react_styles_1.css(backdrop_1.default.backdropOpen));
-        }
+    if (!productName && !ariaLabel) {
+        // eslint-disable-next-line no-console
+        console.error('AboutModal:', 'Either productName or ariaLabel is required for component to be accessible');
     }
-    componentDidUpdate() {
-        const target = this.getElement(this.props.appendTo);
-        if (this.props.isOpen) {
-            target.classList.add(react_styles_1.css(backdrop_1.default.backdropOpen));
-            this.toggleSiblingsFromScreenReaders(true);
-        }
-        else {
-            target.classList.remove(react_styles_1.css(backdrop_1.default.backdropOpen));
-            this.toggleSiblingsFromScreenReaders(false);
-        }
+    if (!isOpen) {
+        return null;
     }
-    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(react_styles_1.css(backdrop_1.default.backdropOpen));
-    }
-    render() {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const _a = this.props, { appendTo } = _a, props = tslib_1.__rest(_a, ["appendTo"]);
-        const { container } = this.state;
-        if (!helpers_1.canUseDOM || !container) {
-            return null;
-        }
-        return ReactDOM.createPortal(React.createElement(AboutModalContainer_1.AboutModalContainer, Object.assign({ aboutModalBoxHeaderId: this.ariaLabelledBy, aboutModalBoxContentId: this.ariaDescribedBy }, props)), container);
-    }
-}
-exports.AboutModal = AboutModal;
-AboutModal.displayName = 'AboutModal';
-AboutModal.currentId = 0;
-AboutModal.defaultProps = {
-    className: '',
-    isOpen: false,
-    onClose: () => undefined,
-    productName: '',
-    trademark: '',
-    backgroundImageSrc: '',
-    noAboutModalBoxContentContainer: false,
-    appendTo: null
+    return (React.createElement(GenerateId_1.GenerateId, { prefix: "pf-about-modal-title-" }, ariaLabelledBy => (React.createElement(Modal_1.Modal, Object.assign({ isOpen: isOpen, variant: Modal_1.ModalVariant.large }, (productName && { 'aria-labelledby': ariaLabelledBy }), { "aria-label": ariaLabel, onEscapePress: onClose, showClose: false, appendTo: appendTo, disableFocusTrap: disableFocusTrap, hasNoBodyWrapper: true }),
+        React.createElement(AboutModalBox_1.AboutModalBox, { className: (0, react_styles_1.css)(className) },
+            React.createElement(AboutModalBoxBrand_1.AboutModalBoxBrand, { src: brandImageSrc, alt: brandImageAlt }),
+            React.createElement(AboutModalBoxCloseButton_1.AboutModalBoxCloseButton, { "aria-label": closeButtonAriaLabel, onClose: onClose }),
+            productName && React.createElement(AboutModalBoxHeader_1.AboutModalBoxHeader, { id: ariaLabelledBy, productName: productName }),
+            React.createElement(AboutModalBoxContent_1.AboutModalBoxContent, Object.assign({ trademark: trademark, hasNoContentContainer: hasNoContentContainer }, props), children),
+            React.createElement(AboutModalBoxHero_1.AboutModalBoxHero, { backgroundImageSrc: backgroundImageSrc }))))));
 };
+exports.AboutModal = AboutModal;
+exports.AboutModal.displayName = 'AboutModal';
 //# sourceMappingURL=AboutModal.js.map

package/dist/js/components/AboutModal/AboutModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutModal.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AboutModal.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,iEAA8D;AAC9D,+DAA4D;AAC5D,2DAAwD;AACxD,6DAA0D;AAC1D,yEAAsE;AACtE,mDAAgD;AAChD,oCAA+C;AAC/C,oEAAiE;AAiC1D,MAAM,UAAU,GAA6C,CAAC,EAgBnD,EAAE,EAAE;QAhB+C,EACnE,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,CAAC,EAAE,EAAO,EAAE,CAAC,SAAS,EAChC,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,qBAAqB,GAAG,KAAK,EAC7B,QAAQ,EACR,oBAAoB,EACpB,YAAY,EAAE,SAAS,EACvB,gBAAgB,OAEA,EADb,KAAK,sBAf2D,iOAgBpE,CADS;IAER,IAAI,aAAa,IAAI,CAAC,aAAa,EAAE;QACnC,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE,iGAAiG,CAAC,CAAC;KACjI;IAED,IAAI,CAAC,WAAW,IAAI,CAAC,SAAS,EAAE;QAC9B,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE,4EAA4E,CAAC,CAAC;KAC5G;IAED,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,uBAAU,IAAC,MAAM,EAAC,uBAAuB,IACvC,cAAc,CAAC,EAAE,CAAC,CACjB,oBAAC,aAAK,kBACJ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,oBAAY,CAAC,KAAK,IACvB,CAAC,WAAW,IAAI,EAAC,iBAAiB,EAAE,cAAc,EAAC,CAAC,kBAC5C,SAAS,EACrB,aAAa,EAAE,OAAO,EACtB,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB;QAEhB,oBAAC,6BAAa,IAAC,SAAS,EAAE,IAAA,kBAAG,EAAC,SAAS,CAAC;YACtC,oBAAC,uCAAkB,IAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,aAAa,GAAI;YAC9D,oBAAC,mDAAwB,kBAAa,oBAAoB,EAAE,OAAO,EAAE,OAAO,GAAI;YAC/E,WAAW,IAAI,oBAAC,yCAAmB,IAAC,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,GAAI;YACrF,oBAAC,2CAAoB,kBACnB,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,qBAAqB,IACxC,KAAK,GAER,QAAQ,CACY;YACvB,oBAAC,qCAAiB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAC/C,CACV,CACT,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,UAAU,cA6DrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/js/components/AboutModal/AboutModalBox.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 export interface AboutModalBoxProps extends React.HTMLProps<HTMLDivElement> {
-    /** content rendered inside the AboutModelBox. */
+    /** Content rendered inside the about modal box */
     children: React.ReactNode;
-    /** additional classes added to the AboutModalBox */
+    /** Additional classes added to the about modal box */
     className?: string;
 }
 export declare const AboutModalBox: React.FunctionComponent<AboutModalBoxProps>;

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

@@ -1 +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"}
+{"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,kDAAkD;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAQrE,CAAC"}

package/dist/js/components/AboutModal/AboutModalBox.js

@@ -6,8 +6,8 @@ const React = tslib_1.__importStar(require("react"));
 const react_styles_1 = require("@patternfly/react-styles");
 const about_modal_box_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/AboutModalBox/about-modal-box"));
 const AboutModalBox = (_a) => {
-    var { children, className = '' } = _a, props = tslib_1.__rest(_a, ["children", "className"]);
-    return (React.createElement("div", Object.assign({ role: "dialog", "aria-modal": "true", className: react_styles_1.css(about_modal_box_1.default.aboutModalBox, className) }, props), children));
+    var { children, className } = _a, props = tslib_1.__rest(_a, ["children", "className"]);
+    return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(about_modal_box_1.default.aboutModalBox, className) }, props), children));
 };
 exports.AboutModalBox = AboutModalBox;
 exports.AboutModalBox.displayName = 'AboutModalBox';

package/dist/js/components/AboutModal/AboutModalBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutModalBox.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oIAA2F;AASpF,MAAM,aAAa,GAAgD,CAAC,EAItD,EAAE,EAAE;QAJkD,EACzE,QAAQ,EACR,SAAS,GAAG,EAAE,OAEK,EADhB,KAAK,sBAHiE,yBAI1E,CADS;IACgB,OAAA,CACxB,2CAAK,IAAI,EAAC,QAAQ,gBAAY,MAAM,EAAC,SAAS,EAAE,kBAAG,CAAC,yBAAM,CAAC,aAAa,EAAE,SAAS,CAAC,IAAM,KAAK,GAC5F,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,aAAa,iBAQxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"AboutModalBox.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oIAA2F;AASpF,MAAM,aAAa,GAAgD,CAAC,EAItD,EAAE,EAAE;QAJkD,EACzE,QAAQ,EACR,SAAS,OAEU,EADhB,KAAK,sBAHiE,yBAI1E,CADS;IACgB,OAAA,CACxB,2CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,yBAAM,CAAC,aAAa,EAAE,SAAS,CAAC,IAAM,KAAK,GAC5D,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,aAAa,iBAQxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/js/components/AboutModal/AboutModalBoxBrand.d.ts

@@ -1,10 +1,8 @@
 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.  */
+    /** 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>;

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

@@ -1 +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"}
+{"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,2CAA2C;IAC3C,GAAG,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAQ/E,CAAC"}

package/dist/js/components/AboutModal/AboutModalBoxBrand.js

@@ -6,9 +6,9 @@ const React = tslib_1.__importStar(require("react"));
 const react_styles_1 = require("@patternfly/react-styles");
 const about_modal_box_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/AboutModalBox/about-modal-box"));
 const AboutModalBoxBrand = (_a) => {
-    var { className = '', src = '', alt } = _a, props = tslib_1.__rest(_a, ["className", "src", "alt"]);
-    return (React.createElement("div", Object.assign({ className: react_styles_1.css(about_modal_box_1.default.aboutModalBoxBrand, className) }, props),
-        React.createElement("img", { className: react_styles_1.css(about_modal_box_1.default.aboutModalBoxBrandImage), src: src, alt: alt })));
+    var { src, alt } = _a, props = tslib_1.__rest(_a, ["src", "alt"]);
+    return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(about_modal_box_1.default.aboutModalBoxBrand) }, props),
+        React.createElement("img", { className: (0, react_styles_1.css)(about_modal_box_1.default.aboutModalBoxBrandImage), src: src, alt: alt })));
 };
 exports.AboutModalBoxBrand = AboutModalBoxBrand;
 exports.AboutModalBoxBrand.displayName = 'AboutModalBoxBrand';

package/dist/js/components/AboutModal/AboutModalBoxBrand.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutModalBoxBrand.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxBrand.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oIAA2F;AAWpF,MAAM,kBAAkB,GAAqD,CAAC,EAK3D,EAAE,EAAE;QALuD,EACnF,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,EAAE,EACR,GAAG,OAEqB,EADrB,KAAK,sBAJ2E,2BAKpF,CADS;IACqB,OAAA,CAC7B,2CAAK,SAAS,EAAE,kBAAG,CAAC,yBAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,IAAM,KAAK;QAClE,6BAAK,SAAS,EAAE,kBAAG,CAAC,yBAAM,CAAC,uBAAuB,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI,CACvE,CACP,CAAA;CAAA,CAAC;AATW,QAAA,kBAAkB,sBAS7B;AACF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"AboutModalBoxBrand.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxBrand.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oIAA2F;AASpF,MAAM,kBAAkB,GAAqD,CAAC,EAI3D,EAAE,EAAE;QAJuD,EACnF,GAAG,EACH,GAAG,OAEqB,EADrB,KAAK,sBAH2E,cAIpF,CADS;IACqB,OAAA,CAC7B,2CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,yBAAM,CAAC,kBAAkB,CAAC,IAAM,KAAK;QACvD,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,yBAAM,CAAC,uBAAuB,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI,CACvE,CACP,CAAA;CAAA,CAAC;AARW,QAAA,kBAAkB,sBAQ7B;AACF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/dist/js/components/AboutModal/AboutModalBoxCloseButton.d.ts

@@ -1,9 +1,7 @@
 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;
+    onClose?: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
     /** Set close button aria label */
     'aria-label'?: string;
 }

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

@@ -1 +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"}
+{"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,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACzE,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAU3F,CAAC"}

package/dist/js/components/AboutModal/AboutModalBoxCloseButton.js

@@ -8,8 +8,8 @@ const about_modal_box_1 = tslib_1.__importDefault(require("@patternfly/react-sty
 const Button_1 = require("../Button");
 const times_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-icon'));
 const AboutModalBoxCloseButton = (_a) => {
-    var { className = '', onClose = () => undefined, 'aria-label': ariaLabel = 'Close Dialog' } = _a, props = tslib_1.__rest(_a, ["className", "onClose", 'aria-label']);
-    return (React.createElement("div", Object.assign({ className: react_styles_1.css(about_modal_box_1.default.aboutModalBoxClose, className) }, props),
+    var { onClose = _e => undefined, 'aria-label': ariaLabel = 'Close Dialog' } = _a, props = tslib_1.__rest(_a, ["onClose", 'aria-label']);
+    return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(about_modal_box_1.default.aboutModalBoxClose) }, props),
         React.createElement(Button_1.Button, { variant: "plain", onClick: onClose, "aria-label": ariaLabel },
             React.createElement(times_icon_1.default, null))));
 };

package/dist/js/components/AboutModal/AboutModalBoxCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxCloseButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oIAA2F;AAC3F,sCAAmC;AACnC,0GAA0E;AAWnE,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,sBAJuF,sCAKhG,CADS;IAC2B,OAAA,CACnC,2CAAK,SAAS,EAAE,kBAAG,CAAC,yBAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,IAAM,KAAK;QAClE,oBAAC,eAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,gBAAc,SAAS;YAC7D,oBAAC,oBAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AAXW,QAAA,wBAAwB,4BAWnC;AACF,gCAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}
+{"version":3,"file":"AboutModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxCloseButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oIAA2F;AAC3F,sCAAmC;AACnC,0GAA0E;AASnE,MAAM,wBAAwB,GAA2D,CAAC,EAIjE,EAAE,EAAE;QAJ6D,EAC/F,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,SAAgB,EAChC,YAAY,EAAE,SAAS,GAAG,cAAc,OAEV,EAD3B,KAAK,sBAHuF,yBAIhG,CADS;IAC2B,OAAA,CACnC,2CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,yBAAM,CAAC,kBAAkB,CAAC,IAAM,KAAK;QACvD,oBAAC,eAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,gBAAc,SAAS;YAC7D,oBAAC,oBAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AAVW,QAAA,wBAAwB,4BAUnC;AACF,gCAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

package/dist/js/components/AboutModal/AboutModalBoxContent.d.ts

@@ -1,15 +1,11 @@
 import * as React from 'react';
 export interface AboutModalBoxContentProps extends React.HTMLProps<HTMLDivElement> {
-    /** content rendered inside the AboutModalBoxContent  */
+    /** Content rendered inside the about modal box content */
     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  */
+    /** 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;
+    hasNoContentContainer?: boolean;
 }
 export declare const AboutModalBoxContent: React.FunctionComponent<AboutModalBoxContentProps>;
 //# sourceMappingURL=AboutModalBoxContent.d.ts.map

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

@@ -1 +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"}
+{"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,0DAA0D;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,2GAA2G;IAC3G,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAYnF,CAAC"}

package/dist/js/components/AboutModal/AboutModalBoxContent.js

@@ -7,10 +7,10 @@ const react_styles_1 = require("@patternfly/react-styles");
 const about_modal_box_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/AboutModalBox/about-modal-box"));
 const content_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Content/content"));
 const AboutModalBoxContent = (_a) => {
-    var { children, className = '', trademark, id, noAboutModalBoxContentContainer = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "trademark", "id", "noAboutModalBoxContentContainer"]);
-    return (React.createElement("div", Object.assign({ className: react_styles_1.css(about_modal_box_1.default.aboutModalBoxContent, className), id: id }, props),
-        React.createElement("div", { className: react_styles_1.css('pf-c-about-modal-box__body') }, noAboutModalBoxContentContainer ? children : React.createElement("div", { className: react_styles_1.css(content_1.default.content) }, children)),
-        React.createElement("p", { className: react_styles_1.css(about_modal_box_1.default.aboutModalBoxStrapline) }, trademark)));
+    var { children, trademark, hasNoContentContainer = false } = _a, props = tslib_1.__rest(_a, ["children", "trademark", "hasNoContentContainer"]);
+    return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(about_modal_box_1.default.aboutModalBoxContent) }, props),
+        React.createElement("div", { className: (0, react_styles_1.css)('pf-c-about-modal-box__body') }, hasNoContentContainer ? children : React.createElement("div", { className: (0, react_styles_1.css)(content_1.default.content) }, children)),
+        React.createElement("p", { className: (0, react_styles_1.css)(about_modal_box_1.default.aboutModalBoxStrapline) }, trademark)));
 };
 exports.AboutModalBoxContent = AboutModalBoxContent;
 exports.AboutModalBoxContent.displayName = 'AboutModalBoxContent';

package/dist/js/components/AboutModal/AboutModalBoxContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutModalBoxContent.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oIAA2F;AAC3F,8GAAoF;AAe7E,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,sBAN+E,+EAOxF,CADS;IACuB,OAAA,CAC/B,2CAAK,SAAS,EAAE,kBAAG,CAAC,yBAAM,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,IAAM,KAAK;QAC5E,6BAAK,SAAS,EAAE,kBAAG,CAAC,4BAA4B,CAAC,IAC9C,+BAA+B,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,kBAAG,CAAC,iBAAa,CAAC,OAAO,CAAC,IAAG,QAAQ,CAAO,CACtG;QACN,2BAAG,SAAS,EAAE,kBAAG,CAAC,yBAAM,CAAC,sBAAsB,CAAC,IAAG,SAAS,CAAK,CAC7D,CACP,CAAA;CAAA,CAAC;AAdW,QAAA,oBAAoB,wBAc/B;AACF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
+{"version":3,"file":"AboutModalBoxContent.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oIAA2F;AAC3F,8GAAoF;AAW7E,MAAM,oBAAoB,GAAuD,CAAC,EAK7D,EAAE,EAAE;QALyD,EACvF,QAAQ,EACR,SAAS,EACT,qBAAqB,GAAG,KAAK,OAEH,EADvB,KAAK,sBAJ+E,kDAKxF,CADS;IACuB,OAAA,CAC/B,2CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,yBAAM,CAAC,oBAAoB,CAAC,IAAM,KAAK;QACzD,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAA4B,CAAC,IAC9C,qBAAqB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAa,CAAC,OAAO,CAAC,IAAG,QAAQ,CAAO,CAC5F;QACN,2BAAG,SAAS,EAAE,IAAA,kBAAG,EAAC,yBAAM,CAAC,sBAAsB,CAAC,IAAG,SAAS,CAAK,CAC7D,CACP,CAAA;CAAA,CAAC;AAZW,QAAA,oBAAoB,wBAY/B;AACF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/dist/js/components/AboutModal/AboutModalBoxHeader.d.ts

@@ -1,10 +1,8 @@
 import * as React from 'react';
 export interface AboutModalBoxHeaderProps extends React.HTMLProps<HTMLDivElement> {
-    /** additional classes added to the button  */
-    className?: string;
-    /** Name of the Product  */
+    /** Name of the product  */
     productName?: string;
-    /** id to used for Modal Box header  */
+    /** Id to use for about modal box header  */
     id: string;
 }
 export declare const AboutModalBoxHeader: React.FunctionComponent<AboutModalBoxHeaderProps>;

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

@@ -1 +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"}
+{"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,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAUjF,CAAC"}

package/dist/js/components/AboutModal/AboutModalBoxHeader.js

@@ -7,8 +7,8 @@ const react_styles_1 = require("@patternfly/react-styles");
 const about_modal_box_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/AboutModalBox/about-modal-box"));
 const Title_1 = require("../Title");
 const AboutModalBoxHeader = (_a) => {
-    var { className = '', productName = '', id } = _a, props = tslib_1.__rest(_a, ["className", "productName", "id"]);
-    return (React.createElement("div", Object.assign({ className: react_styles_1.css(about_modal_box_1.default.aboutModalBoxHeader, className) }, props),
+    var { productName, id } = _a, props = tslib_1.__rest(_a, ["productName", "id"]);
+    return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(about_modal_box_1.default.aboutModalBoxHeader) }, props),
         React.createElement(Title_1.Title, { headingLevel: "h1", size: "4xl", id: id }, productName)));
 };
 exports.AboutModalBoxHeader = AboutModalBoxHeader;

package/dist/js/components/AboutModal/AboutModalBoxHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutModalBoxHeader.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHeader.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oIAA2F;AAC3F,oCAAiC;AAW1B,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,EAAE,EAChB,EAAE,OAEuB,EADtB,KAAK,sBAJ6E,kCAKtF,CADS;IACsB,OAAA,CAC9B,2CAAK,SAAS,EAAE,kBAAG,CAAC,yBAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAM,KAAK;QACnE,oBAAC,aAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,EAAE,EAAE,EAAE,IACvC,WAAW,CACN,CACJ,CACP,CAAA;CAAA,CAAC;AAXW,QAAA,mBAAmB,uBAW9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
+{"version":3,"file":"AboutModalBoxHeader.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHeader.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oIAA2F;AAC3F,oCAAiC;AAS1B,MAAM,mBAAmB,GAAsD,CAAC,EAI5D,EAAE,EAAE;QAJwD,EACrF,WAAW,EACX,EAAE,OAEuB,EADtB,KAAK,sBAH6E,qBAItF,CADS;IACsB,OAAA,CAC9B,2CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,yBAAM,CAAC,mBAAmB,CAAC,IAAM,KAAK;QACxD,oBAAC,aAAK,IAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,EAAE,EAAE,EAAE,IACvC,WAAW,CACN,CACJ,CACP,CAAA;CAAA,CAAC;AAVW,QAAA,mBAAmB,uBAU9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/dist/js/components/AboutModal/AboutModalBoxHero.d.ts

@@ -1,8 +1,6 @@
 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  */
+    /** Background image data or file path  */
     backgroundImageSrc?: string;
 }
 export declare const AboutModalBoxHero: React.FunctionComponent<AboutModalBoxHeroProps>;

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

@@ -1 +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"}
+{"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,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAe7E,CAAC"}

package/dist/js/components/AboutModal/AboutModalBoxHero.js

@@ -8,12 +8,12 @@ const about_modal_box_1 = tslib_1.__importDefault(require("@patternfly/react-sty
 // eslint-disable-next-line camelcase
 const c_about_modal_box__hero_sm_BackgroundImage_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_about_modal_box__hero_sm_BackgroundImage'));
 const AboutModalBoxHero = (_a) => {
-    var { className, backgroundImageSrc } = _a, props = tslib_1.__rest(_a, ["className", "backgroundImageSrc"]);
+    var { backgroundImageSrc } = _a, props = tslib_1.__rest(_a, ["backgroundImageSrc"]);
     return (React.createElement("div", Object.assign({ style: 
         /* eslint-disable camelcase */
         backgroundImageSrc !== ''
             ? { [c_about_modal_box__hero_sm_BackgroundImage_1.default.name]: `url(${backgroundImageSrc})` }
-            : {}, className: react_styles_1.css(about_modal_box_1.default.aboutModalBoxHero, className) }, props)));
+            : {}, className: (0, react_styles_1.css)(about_modal_box_1.default.aboutModalBoxHero) }, props)));
 };
 exports.AboutModalBoxHero = AboutModalBoxHero;
 exports.AboutModalBoxHero.displayName = 'AboutModalBoxHero';

package/dist/js/components/AboutModal/AboutModalBoxHero.js.map

@@ -1 +1 @@
-{"version":3,"file":"AboutModalBoxHero.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHero.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oIAA2F;AAC3F,qCAAqC;AACrC,qKAAsI;AAS/H,MAAM,iBAAiB,GAAoD,CAAC,EAI1D,EAAE,EAAE;QAJsD,EACjF,SAAS,EACT,kBAAkB,OAEK,EADpB,KAAK,sBAHyE,mCAIlF,CADS;IACoB,OAAA,CAC5B,2CACE,KAAK;QACH,8BAA8B;QAC9B,kBAAkB,KAAK,EAAE;YACvB,CAAC,CAAC,EAAE,CAAC,oDAA0C,CAAC,IAAc,CAAC,EAAE,OAAO,kBAAkB,GAAG,EAAE;YAC/F,CAAC,CAAC,EAAE,EAGR,SAAS,EAAE,kBAAG,CAAC,yBAAM,CAAC,iBAAiB,EAAE,SAAS,CAAC,IAC/C,KAAK,EACT,CACH,CAAA;CAAA,CAAC;AAhBW,QAAA,iBAAiB,qBAgB5B;AACF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}
+{"version":3,"file":"AboutModalBoxHero.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHero.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oIAA2F;AAC3F,qCAAqC;AACrC,qKAAsI;AAO/H,MAAM,iBAAiB,GAAoD,CAAC,EAG1D,EAAE,EAAE;QAHsD,EACjF,kBAAkB,OAEK,EADpB,KAAK,sBAFyE,sBAGlF,CADS;IACoB,OAAA,CAC5B,2CACE,KAAK;QACH,8BAA8B;QAC9B,kBAAkB,KAAK,EAAE;YACvB,CAAC,CAAC,EAAE,CAAC,oDAA0C,CAAC,IAAc,CAAC,EAAE,OAAO,kBAAkB,GAAG,EAAE;YAC/F,CAAC,CAAC,EAAE,EAGR,SAAS,EAAE,IAAA,kBAAG,EAAC,yBAAM,CAAC,iBAAiB,CAAC,IACpC,KAAK,EACT,CACH,CAAA;CAAA,CAAC;AAfW,QAAA,iBAAiB,qBAe5B;AACF,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

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

@@ -1 +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"}
+{"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,CAiC7D,CAAC"}

package/dist/js/components/Accordion/Accordion.js

@@ -7,9 +7,9 @@ const react_styles_1 = require("@patternfly/react-styles");
 const accordion_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Accordion/accordion"));
 const AccordionContext_1 = require("./AccordionContext");
 const Accordion = (_a) => {
-    var { children = null, className = '', 'aria-label': ariaLabel = '', headingLevel = 'h3', asDefinitionList = true, isBordered = false, displaySize = 'default' } = _a, props = tslib_1.__rest(_a, ["children", "className", 'aria-label', "headingLevel", "asDefinitionList", "isBordered", "displaySize"]);
+    var { children = null, className = '', 'aria-label': ariaLabel, headingLevel = 'h3', asDefinitionList = true, isBordered = false, displaySize = 'default' } = _a, props = tslib_1.__rest(_a, ["children", "className", 'aria-label', "headingLevel", "asDefinitionList", "isBordered", "displaySize"]);
     const AccordionList = asDefinitionList ? 'dl' : 'div';
-    return (React.createElement(AccordionList, Object.assign({ className: react_styles_1.css(accordion_1.default.accordion, isBordered && accordion_1.default.modifiers.bordered, displaySize === 'lg' && accordion_1.default.modifiers.displayLg, className), "aria-label": ariaLabel }, props),
+    return (React.createElement(AccordionList, Object.assign({ className: (0, react_styles_1.css)(accordion_1.default.accordion, isBordered && accordion_1.default.modifiers.bordered, displaySize === 'lg' && accordion_1.default.modifiers.displayLg, className), "aria-label": ariaLabel }, (!asDefinitionList && ariaLabel && { role: 'region' }), props),
         React.createElement(AccordionContext_1.AccordionContext.Provider, { value: {
                 ContentContainer: asDefinitionList ? 'dd' : 'div',
                 ToggleContainer: asDefinitionList ? 'dt' : headingLevel

package/dist/js/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oHAAiF;AACjF,yDAAsD;AAmB/C,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,sBARyD,wGASlE,CADS;IAER,MAAM,aAAa,GAAQ,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3D,OAAO,CACL,oBAAC,aAAa,kBACZ,SAAS,EAAE,kBAAG,CACZ,mBAAM,CAAC,SAAS,EAChB,UAAU,IAAI,mBAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,WAAW,KAAK,IAAI,IAAI,mBAAM,CAAC,SAAS,CAAC,SAAS,EAClD,SAAS,CACV,gBACW,SAAS,IACjB,KAAK;QAET,oBAAC,mCAAgB,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;AAhCW,QAAA,SAAS,aAgCpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oHAAiF;AACjF,yDAAsD;AAmB/C,MAAM,SAAS,GAA4C,CAAC,EASlD,EAAE,EAAE;QAT8C,EACjE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,YAAY,GAAG,IAAI,EACnB,gBAAgB,GAAG,IAAI,EACvB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,SAAS,OAER,EADZ,KAAK,sBARyD,wGASlE,CADS;IAER,MAAM,aAAa,GAAQ,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3D,OAAO,CACL,oBAAC,aAAa,kBACZ,SAAS,EAAE,IAAA,kBAAG,EACZ,mBAAM,CAAC,SAAS,EAChB,UAAU,IAAI,mBAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,WAAW,KAAK,IAAI,IAAI,mBAAM,CAAC,SAAS,CAAC,SAAS,EAClD,SAAS,CACV,gBACW,SAAS,IACjB,CAAC,CAAC,gBAAgB,IAAI,SAAS,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EACtD,KAAK;QAET,oBAAC,mCAAgB,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;AAjCW,QAAA,SAAS,aAiCpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/js/components/Accordion/AccordionContent.d.ts

@@ -12,6 +12,8 @@ export interface AccordionContentProps extends React.HTMLProps<HTMLDivElement> {
     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. */

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

@@ -1 +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,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,CAgC3E,CAAC"}
+{"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/dist/js/components/Accordion/AccordionContent.js

@@ -8,10 +8,21 @@ const accordion_1 = tslib_1.__importDefault(require("@patternfly/react-styles/cs
 const AccordionContext_1 = require("./AccordionContext");
 const AccordionExpandableContentBody_1 = require("./AccordionExpandableContentBody");
 const AccordionContent = (_a) => {
-    var { className = '', children = null, id = '', isHidden = false, isFixed = false, isCustomContent = false, 'aria-label': ariaLabel = '', component } = _a, props = tslib_1.__rest(_a, ["className", "children", "id", "isHidden", "isFixed", "isCustomContent", 'aria-label', "component"]);
+    var { className = '', children = null, id = '', isHidden = false, isFixed = false, isCustomContent = false, 'aria-label': ariaLabel = '', 'aria-labelledby': ariaLabelledby, component } = _a, props = tslib_1.__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_1.AccordionContext.Consumer, null, ({ ContentContainer }) => {
         const Container = component || ContentContainer;
-        return (React.createElement(Container, Object.assign({ id: id, className: react_styles_1.css(accordion_1.default.accordionExpandableContent, isFixed && accordion_1.default.modifiers.fixed, !isHidden && accordion_1.default.modifiers.expanded, className), hidden: isHidden, "aria-label": ariaLabel }, props), isCustomContent ? children : React.createElement(AccordionExpandableContentBody_1.AccordionExpandableContentBody, null, children)));
+        return (React.createElement(Container, Object.assign({ ref: containerRef, id: id, className: (0, react_styles_1.css)(accordion_1.default.accordionExpandableContent, isFixed && accordion_1.default.modifiers.fixed, !isHidden && accordion_1.default.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_1.AccordionExpandableContentBody, null, children)));
     }));
 };
 exports.AccordionContent = AccordionContent;

package/dist/js/components/Accordion/AccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oHAAiF;AACjF,yDAAsD;AACtD,qFAAkF;AAqB3E,MAAM,gBAAgB,GAAmD,CAAC,EAUzD,EAAE,EAAE;QAVqD,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,SAAS,OAEa,EADnB,KAAK,sBATuE,oGAUhF,CADS;IACmB,OAAA,CAC3B,oBAAC,mCAAgB,CAAC,QAAQ,QACvB,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;QACxB,MAAM,SAAS,GAAG,SAAS,IAAI,gBAAgB,CAAC;QAChD,OAAO,CACL,oBAAC,SAAS,kBACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,kBAAG,CACZ,mBAAM,CAAC,0BAA0B,EACjC,OAAO,IAAI,mBAAM,CAAC,SAAS,CAAC,KAAK,EACjC,CAAC,QAAQ,IAAI,mBAAM,CAAC,SAAS,CAAC,QAAQ,EACtC,SAAS,CACV,EACD,MAAM,EAAE,QAAQ,gBACJ,SAAS,IACjB,KAAK,GAER,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,+DAA8B,QAAE,QAAQ,CAAkC,CAC/F,CACb,CAAC;IACJ,CAAC,CACyB,CAC7B,CAAA;CAAA,CAAC;AAhCW,QAAA,gBAAgB,oBAgC3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oHAAiF;AACjF,yDAAsD;AACtD,qFAAkF;AAuB3E,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,sBAVuE,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,mCAAgB,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,IAAA,kBAAG,EACZ,mBAAM,CAAC,0BAA0B,EACjC,OAAO,IAAI,mBAAM,CAAC,SAAS,CAAC,KAAK,EACjC,CAAC,QAAQ,IAAI,mBAAM,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,+DAA8B,QAAE,QAAQ,CAAkC,CAC/F,CACb,CAAC;IACJ,CAAC,CACyB,CAC7B,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,gBAAgB,oBAoD3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/js/components/Accordion/AccordionExpandableContentBody.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_styles_1 = require("@patternfly/react-styles");
 const accordion_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Accordion/accordion"));
-const AccordionExpandableContentBody = ({ children = null }) => React.createElement("div", { className: react_styles_1.css(accordion_1.default.accordionExpandableContentBody) }, children);
+const AccordionExpandableContentBody = ({ children = null }) => React.createElement("div", { className: (0, react_styles_1.css)(accordion_1.default.accordionExpandableContentBody) }, children);
 exports.AccordionExpandableContentBody = AccordionExpandableContentBody;
 exports.AccordionExpandableContentBody.displayName = 'AccordionExpandableContentBody';
 //# sourceMappingURL=AccordionExpandableContentBody.js.map

package/dist/js/components/Accordion/AccordionExpandableContentBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionExpandableContentBody.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionExpandableContentBody.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oHAAiF;AAO1E,MAAM,8BAA8B,GAAiE,CAAC,EAC3G,QAAQ,GAAG,IAAI,EACqB,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAE,kBAAG,CAAC,mBAAM,CAAC,8BAA8B,CAAC,IAAG,QAAQ,CAAO,CAAC;AAF3G,QAAA,8BAA8B,kCAE6E;AACxH,sCAA8B,CAAC,WAAW,GAAG,gCAAgC,CAAC"}
+{"version":3,"file":"AccordionExpandableContentBody.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionExpandableContentBody.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oHAAiF;AAO1E,MAAM,8BAA8B,GAAiE,CAAC,EAC3G,QAAQ,GAAG,IAAI,EACqB,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,8BAA8B,CAAC,IAAG,QAAQ,CAAO,CAAC;AAF3G,QAAA,8BAA8B,kCAE6E;AACxH,sCAA8B,CAAC,WAAW,GAAG,gCAAgC,CAAC"}