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

package/deprecated/components/OptionsMenu/OptionsMenuToggle.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export interface OptionsMenuToggleProps extends React.HTMLProps<HTMLButtonElement> {
+    /** Id of the parent options menu component */
+    parentId?: string;
+    /** Callback for when this options menu is toggled */
+    onToggle?: (event: MouseEvent | TouchEvent | KeyboardEvent | React.KeyboardEvent<any> | React.MouseEvent<HTMLButtonElement>, isOpen: boolean) => void;
+    /** Flag to indicate if menu is open */
+    isOpen?: boolean;
+    /** Flag to indicate if the button is plain */
+    isPlain?: boolean;
+    isSplitButton?: boolean;
+    /** Forces display of the active state of the options menu */
+    isActive?: boolean;
+    /** Disables the options menu toggle */
+    isDisabled?: boolean;
+    /** hide the toggle caret */
+    hideCaret?: boolean;
+    /** Provides an accessible name for the button when an icon is used instead of text */
+    'aria-label'?: string;
+    /** @hide Internal function to implement enter click */
+    onEnter?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** @hide Internal parent reference */
+    parentRef?: HTMLElement;
+    /** Content to be rendered in the options menu toggle button */
+    toggleTemplate?: React.ReactNode;
+}
+export declare const OptionsMenuToggle: React.FunctionComponent<OptionsMenuToggleProps>;
+//# sourceMappingURL=OptionsMenuToggle.d.ts.map

package/deprecated/components/OptionsMenu/OptionsMenuToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsMenuToggle.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/OptionsMenu/OptionsMenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAChF,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAC/G,MAAM,EAAE,OAAO,KACZ,IAAI,CAAC;IACV,uCAAuC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,sCAAsC;IACtC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAiC7E,CAAC"}

package/deprecated/components/OptionsMenu/OptionsMenuToggle.js

@@ -0,0 +1,15 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { DropdownToggle, DropdownContext } from '../../../components/Dropdown';
+export const OptionsMenuToggle = (_a) => {
+    var { isPlain = false, isDisabled = false, isOpen = false, parentId = '', toggleTemplate = React.createElement(React.Fragment, null), hideCaret = false, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    isActive = false, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    isSplitButton = false, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    type, 'aria-label': ariaLabel = 'Options menu' } = _a, props = __rest(_a, ["isPlain", "isDisabled", "isOpen", "parentId", "toggleTemplate", "hideCaret", "isActive", "isSplitButton", "type", 'aria-label']);
+    return (React.createElement(DropdownContext.Consumer, null, ({ id: contextId }) => (React.createElement(DropdownToggle, Object.assign({}, ((isPlain || hideCaret) && { toggleIndicator: null }), props, { isPlain: isPlain, isOpen: isOpen, isDisabled: isDisabled, isActive: isActive, id: parentId ? `${parentId}-toggle` : `${contextId}-toggle`, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-expanded": isOpen }, (toggleTemplate ? { children: toggleTemplate } : {}))))));
+};
+OptionsMenuToggle.displayName = 'OptionsMenuToggle';
+//# sourceMappingURL=OptionsMenuToggle.js.map

package/deprecated/components/OptionsMenu/OptionsMenuToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsMenuToggle.js","sourceRoot":"","sources":["../../../../../src/deprecated/components/OptionsMenu/OptionsMenuToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AA+B/E,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAe1D,EAAE,EAAE;QAfsD,EACjF,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,EAAE,EACb,cAAc,GAAG,oBAAC,KAAK,CAAC,QAAQ,OAAG,EACnC,SAAS,GAAG,KAAK;IACjB,6DAA6D;IAC7D,QAAQ,GAAG,KAAK;IAChB,6DAA6D;IAC7D,aAAa,GAAG,KAAK;IACrB,6DAA6D;IAC7D,IAAI,EACJ,YAAY,EAAE,SAAS,GAAG,cAAc,OAEjB,EADpB,KAAK,cAdyE,iIAelF,CADS;IACoB,OAAA,CAC5B,oBAAC,eAAe,CAAC,QAAQ,QACtB,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACtB,oBAAC,cAAc,oBACT,CAAC,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EACrD,KAAK,IACT,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,SAAS,mBAC7C,SAAS,gBACX,SAAS,mBACN,MAAM,IACjB,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACxD,CACH,CACwB,CAC5B,CAAA;CAAA,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/deprecated/components/OptionsMenu/OptionsMenuToggleWithText.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+export interface OptionsMenuToggleWithTextProps extends React.HTMLProps<HTMLDivElement> {
+    /** Id of the parent options menu component */
+    parentId?: string;
+    /** Content to be rendered inside the options menu toggle as text or another non-interactive element */
+    toggleText: React.ReactNode;
+    /** classes to be added to the options menu toggle text */
+    toggleTextClassName?: string;
+    /** Content to be rendered inside the options menu toggle button */
+    toggleButtonContents?: React.ReactNode;
+    /** Classes to be added to the options menu toggle button */
+    toggleButtonContentsClassName?: string;
+    /** Callback for when this options menu is toggled */
+    onToggle?: (event: MouseEvent | TouchEvent | KeyboardEvent | React.KeyboardEvent<any> | React.MouseEvent<HTMLButtonElement>, isOpen: boolean) => void;
+    /** Inner function to indicate open on Enter */
+    onEnter?: (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<Element>) => void;
+    /** Flag to indicate if menu is open */
+    isOpen?: boolean;
+    /** Flag to indicate if the button is plain */
+    isPlain?: boolean;
+    /** Forces display of the active state of the options menu button */
+    isActive?: boolean;
+    /** Disables the options menu toggle */
+    isDisabled?: boolean;
+    /** @hide Internal parent reference */
+    parentRef?: React.RefObject<HTMLElement>;
+    /** Indicates that the element has a popup context menu or sub-level menu */
+    'aria-haspopup'?: boolean | 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid';
+    /** Provides an accessible name for the button when an icon is used instead of text */
+    'aria-label'?: string;
+    /** @hide Display the toggle in text only mode. */
+    isText?: boolean;
+    /** @hide The menu element */
+    getMenuRef?: () => HTMLElement;
+}
+export declare const OptionsMenuToggleWithText: React.FunctionComponent<OptionsMenuToggleWithTextProps>;
+//# sourceMappingURL=OptionsMenuToggleWithText.d.ts.map

package/deprecated/components/OptionsMenu/OptionsMenuToggleWithText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsMenuToggleWithText.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/OptionsMenu/OptionsMenuToggleWithText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,8BAA+B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrF,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uGAAuG;IACvG,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mEAAmE;IACnE,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,4DAA4D;IAC5D,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAC/G,MAAM,EAAE,OAAO,KACZ,IAAI,CAAC;IACV,+CAA+C;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC9F,uCAAuC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,4EAA4E;IAC5E,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,WAAW,CAAC;CAChC;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,iBAAiB,CAAC,8BAA8B,CAoG7F,CAAC"}

package/deprecated/components/OptionsMenu/OptionsMenuToggleWithText.js

@@ -0,0 +1,63 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import { KeyTypes } from '../../../helpers/constants';
+import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu';
+import { DropdownContext } from '../../../components/Dropdown';
+export const OptionsMenuToggleWithText = (_a) => {
+    var { parentId = '', toggleText, toggleTextClassName = '', toggleButtonContents, toggleButtonContentsClassName = '', onToggle = () => null, isOpen = false, isPlain = false, 
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    isText = true, isDisabled = false, 
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    isActive = false, 'aria-haspopup': ariaHasPopup, parentRef, 
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    getMenuRef, onEnter, 
+    /* eslint-enable @typescript-eslint/no-unused-vars */
+    'aria-label': ariaLabel = 'Options menu' } = _a, props = __rest(_a, ["parentId", "toggleText", "toggleTextClassName", "toggleButtonContents", "toggleButtonContentsClassName", "onToggle", "isOpen", "isPlain", "isText", "isDisabled", "isActive", 'aria-haspopup', "parentRef", "getMenuRef", "onEnter", 'aria-label']);
+    const buttonRef = React.useRef();
+    React.useEffect(() => {
+        document.addEventListener('mousedown', onDocClick);
+        document.addEventListener('touchstart', onDocClick);
+        document.addEventListener('keydown', onEscPress);
+        return () => {
+            document.removeEventListener('mousedown', onDocClick);
+            document.removeEventListener('touchstart', onDocClick);
+            document.removeEventListener('keydown', onEscPress);
+        };
+    });
+    const onDocClick = (event) => {
+        if (isOpen && parentRef && parentRef.current && !parentRef.current.contains(event.target)) {
+            onToggle(event, false);
+            buttonRef.current.focus();
+        }
+    };
+    const onKeyDown = (event) => {
+        if (event.key === 'Tab' && !isOpen) {
+            return;
+        }
+        event.preventDefault();
+        if ((event.key === 'Enter' || event.key === ' ') && isOpen) {
+            onToggle(event, !isOpen);
+        }
+        else if ((event.key === 'Enter' || event.key === ' ') && !isOpen) {
+            onToggle(event, !isOpen);
+            onEnter(event);
+        }
+    };
+    const onEscPress = (event) => {
+        if (isOpen &&
+            (event.key === KeyTypes.Escape || event.key === 'Tab') &&
+            parentRef &&
+            parentRef.current &&
+            parentRef.current.contains(event.target)) {
+            onToggle(event, false);
+            buttonRef.current.focus();
+        }
+    };
+    return (React.createElement(DropdownContext.Consumer, null, ({ id: contextId }) => (React.createElement("div", Object.assign({ className: css(styles.optionsMenuToggle, styles.modifiers.text, isPlain && styles.modifiers.plain, isDisabled && styles.modifiers.disabled, isActive && styles.modifiers.active) }, props),
+        React.createElement("span", { className: css(styles.optionsMenuToggleText, toggleTextClassName) }, toggleText),
+        React.createElement("button", { className: css(styles.optionsMenuToggleButton, toggleButtonContentsClassName), id: parentId ? `${parentId}-toggle` : `${contextId}-toggle`, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-expanded": isOpen, ref: buttonRef, disabled: isDisabled, onClick: event => onToggle(event, !isOpen), onKeyDown: onKeyDown },
+            React.createElement("span", { className: css(styles.optionsMenuToggleButtonIcon) }, toggleButtonContents))))));
+};
+OptionsMenuToggleWithText.displayName = 'OptionsMenuToggleWithText';
+//# sourceMappingURL=OptionsMenuToggleWithText.js.map

package/deprecated/components/OptionsMenu/OptionsMenuToggleWithText.js.map

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

package/deprecated/components/OptionsMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/OptionsMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}

package/deprecated/components/OptionsMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/deprecated/components/OptionsMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}

package/deprecated/components/index.d.ts

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

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

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

package/deprecated/components/index.js

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

package/deprecated/components/index.js.map

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

package/deprecated/index.d.ts

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

package/deprecated/index.d.ts.map

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

package/deprecated/index.js

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

package/deprecated/index.js.map

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

package/dist/esm/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/esm/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/esm/components/AboutModal/AboutModal.js

@@ -1,98 +1,34 @@
 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');
-        }
+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 { Modal, ModalVariant } from '../Modal';
+import { GenerateId } from '../../helpers/GenerateId/GenerateId';
+export 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 = __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(css(styles.backdropOpen));
-        }
-        else {
-            target.classList.remove(css(styles.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(css(styles.backdropOpen));
-            this.toggleSiblingsFromScreenReaders(true);
-        }
-        else {
-            target.classList.remove(css(styles.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(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
+    return (React.createElement(GenerateId, { prefix: "pf-about-modal-title-" }, ariaLabelledBy => (React.createElement(Modal, Object.assign({ isOpen: isOpen, variant: ModalVariant.large }, (productName && { 'aria-labelledby': ariaLabelledBy }), { "aria-label": ariaLabel, onEscapePress: onClose, showClose: false, appendTo: appendTo, disableFocusTrap: disableFocusTrap, hasNoBodyWrapper: true }),
+        React.createElement(AboutModalBox, { className: css(className) },
+            React.createElement(AboutModalBoxBrand, { src: brandImageSrc, alt: brandImageAlt }),
+            React.createElement(AboutModalBoxCloseButton, { "aria-label": closeButtonAriaLabel, onClose: onClose }),
+            productName && React.createElement(AboutModalBoxHeader, { id: ariaLabelledBy, productName: productName }),
+            React.createElement(AboutModalBoxContent, Object.assign({ trademark: trademark, hasNoContentContainer: hasNoContentContainer }, props), children),
+            React.createElement(AboutModalBoxHero, { backgroundImageSrc: backgroundImageSrc }))))));
 };
+AboutModal.displayName = 'AboutModal';
 //# sourceMappingURL=AboutModal.js.map

package/dist/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,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,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAiCjE,MAAM,CAAC,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,cAf2D,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,UAAU,IAAC,MAAM,EAAC,uBAAuB,IACvC,cAAc,CAAC,EAAE,CAAC,CACjB,oBAAC,KAAK,kBACJ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,YAAY,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,aAAa,IAAC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC;YACtC,oBAAC,kBAAkB,IAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,aAAa,GAAI;YAC9D,oBAAC,wBAAwB,kBAAa,oBAAoB,EAAE,OAAO,EAAE,OAAO,GAAI;YAC/E,WAAW,IAAI,oBAAC,mBAAmB,IAAC,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,GAAI;YACrF,oBAAC,oBAAoB,kBACnB,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,qBAAqB,IACxC,KAAK,GAER,QAAQ,CACY;YACvB,oBAAC,iBAAiB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAC/C,CACV,CACT,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/esm/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/esm/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/esm/components/AboutModal/AboutModalBox.js

@@ -3,8 +3,8 @@ 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));
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBox, className) }, props), children));
 };
 AboutModalBox.displayName = 'AboutModalBox';
 //# sourceMappingURL=AboutModalBox.js.map

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

@@ -1 +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"}
+{"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,OAEU,EADhB,KAAK,cAHiE,yBAI1E,CADS;IACgB,OAAA,CACxB,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,IAAM,KAAK,GAC5D,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/esm/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/esm/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/esm/components/AboutModal/AboutModalBoxBrand.js

@@ -3,8 +3,8 @@ 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),
+    var { src, alt } = _a, props = __rest(_a, ["src", "alt"]);
+    return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxBrand) }, props),
         React.createElement("img", { className: css(styles.aboutModalBoxBrandImage), src: src, alt: alt })));
 };
 AboutModalBoxBrand.displayName = 'AboutModalBoxBrand';

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

@@ -1 +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"}
+{"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;AAS3F,MAAM,CAAC,MAAM,kBAAkB,GAAqD,CAAC,EAI3D,EAAE,EAAE;QAJuD,EACnF,GAAG,EACH,GAAG,OAEqB,EADrB,KAAK,cAH2E,cAIpF,CADS;IACqB,OAAA,CAC7B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAM,KAAK;QACvD,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/dist/esm/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/esm/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/esm/components/AboutModal/AboutModalBoxCloseButton.js

@@ -5,8 +5,8 @@ import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-
 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),
+    var { onClose = _e => undefined, 'aria-label': ariaLabel = 'Close Dialog' } = _a, props = __rest(_a, ["onClose", 'aria-label']);
+    return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxClose) }, props),
         React.createElement(Button, { variant: "plain", onClick: onClose, "aria-label": ariaLabel },
             React.createElement(TimesIcon, null))));
 };

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

@@ -1 +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"}
+{"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;AAS1E,MAAM,CAAC,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,cAHuF,yBAIhG,CADS;IAC2B,OAAA,CACnC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAM,KAAK;QACvD,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/dist/esm/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/esm/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/esm/components/AboutModal/AboutModalBoxContent.js

@@ -4,9 +4,9 @@ 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)),
+    var { children, trademark, hasNoContentContainer = false } = _a, props = __rest(_a, ["children", "trademark", "hasNoContentContainer"]);
+    return (React.createElement("div", Object.assign({ className: css(styles.aboutModalBoxContent) }, props),
+        React.createElement("div", { className: css('pf-c-about-modal-box__body') }, hasNoContentContainer ? children : React.createElement("div", { className: css(contentStyles.content) }, children)),
         React.createElement("p", { className: css(styles.aboutModalBoxStrapline) }, trademark)));
 };
 AboutModalBoxContent.displayName = 'AboutModalBoxContent';

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

@@ -1 +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"}
+{"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;AAWpF,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAK7D,EAAE,EAAE;QALyD,EACvF,QAAQ,EACR,SAAS,EACT,qBAAqB,GAAG,KAAK,OAEH,EADvB,KAAK,cAJ+E,kDAKxF,CADS;IACuB,OAAA,CAC/B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC,IAAM,KAAK;QACzD,6BAAK,SAAS,EAAE,GAAG,CAAC,4BAA4B,CAAC,IAC9C,qBAAqB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,IAAG,QAAQ,CAAO,CAC5F;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"}