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

package/CONTRIBUTING.md

@@ -62,7 +62,18 @@ $ git checkout -b my-branch -t upstream/main
     ComponentName.md - Component Docs
   ```
 
-4.  Develop your component. After development is complete, ensure tests and lint standards pass.
+4. Develop your component. 
+
+While developing, you can run the patternfly-react workspace to view the component docs with live examples.
+
+**Note:** Be sure you are using node version >= 18.0.0
+
+```bash
+# Start up the workspace locally on port 8002
+ yarn install && yarn start
+```
+
+5. After development is complete, ensure tests and lint standards pass.
 
 ```text
 $ yarn test

package/README.md

@@ -13,7 +13,6 @@ This project provides the React core components for the [PatternFly project](htt
 3. [License](#License)
 
 ### Setup
-
 Before you begin, check out this [overview of PatternFly](http://patternfly.org/v4/get-started/about) to get familiar with the basic elements of the design system.  These instructions also assume that an existing React project is set up.  For more information on how to do this, please see our main [README](https://github.com/patternfly/patternfly-react/tree/main/README.md#setup).
 
 #### Install the @patternfly/react-core NPM package

package/components/AboutModal/AboutModal.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export interface AboutModalProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside the about modal */
+    children: React.ReactNode;
+    /** Additional classes added to the about modal */
+    className?: string;
+    /** Flag to show the about modal  */
+    isOpen?: boolean;
+    /** A callback for when the close button is clicked  */
+    onClose?: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
+    /** Product name  */
+    productName?: string;
+    /** Trademark information  */
+    trademark?: string;
+    /** The URL of the image for the brand  */
+    brandImageSrc: string;
+    /** The alternate text of the brand image  */
+    brandImageAlt: string;
+    /** The URL of the image for the background  */
+    backgroundImageSrc?: string;
+    /** Prevents the about modal from rendering content inside a container; allows for more flexible layouts  */
+    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;
+}
+export declare const AboutModal: React.FunctionComponent<AboutModalProps>;
+//# sourceMappingURL=AboutModal.d.ts.map

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

@@ -0,0 +1 @@
+{"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/components/AboutModal/AboutModal.js

@@ -0,0 +1,34 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+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.');
+    }
+    if (!productName && !ariaLabel) {
+        // eslint-disable-next-line no-console
+        console.error('AboutModal:', 'Either productName or ariaLabel is required for component to be accessible');
+    }
+    if (!isOpen) {
+        return 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/components/AboutModal/AboutModal.js.map

@@ -0,0 +1 @@
+{"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/components/AboutModal/AboutModalBox.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBox.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,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/components/AboutModal/AboutModalBox.js

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

package/components/AboutModal/AboutModalBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBox.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAS3F,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAItD,EAAE,EAAE;QAJkD,EACzE,QAAQ,EACR,SAAS,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/components/AboutModal/AboutModalBoxBrand.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface AboutModalBoxBrandProps extends React.HTMLProps<HTMLDivElement> {
+    /** The URL of the image for the brand.  */
+    src: string;
+    /** The alternate text of the brand image.  */
+    alt: string;
+}
+export declare const AboutModalBoxBrand: React.FunctionComponent<AboutModalBoxBrandProps>;
+//# sourceMappingURL=AboutModalBoxBrand.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxBrand.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxBrand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC9E,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/components/AboutModal/AboutModalBoxBrand.js

@@ -0,0 +1,11 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box';
+export const AboutModalBoxBrand = (_a) => {
+    var { 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';
+//# sourceMappingURL=AboutModalBoxBrand.js.map

package/components/AboutModal/AboutModalBoxBrand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxBrand.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxBrand.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;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/components/AboutModal/AboutModalBoxCloseButton.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface AboutModalBoxCloseButtonProps extends React.HTMLProps<HTMLDivElement> {
+    /** A callback for when the close button is clicked  */
+    onClose?: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
+    /** Set close button aria label */
+    'aria-label'?: string;
+}
+export declare const AboutModalBoxCloseButton: React.FunctionComponent<AboutModalBoxCloseButtonProps>;
+//# sourceMappingURL=AboutModalBoxCloseButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,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/components/AboutModal/AboutModalBoxCloseButton.js

@@ -0,0 +1,14 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box';
+import { Button } from '../Button';
+import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+export const AboutModalBoxCloseButton = (_a) => {
+    var { 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))));
+};
+AboutModalBoxCloseButton.displayName = 'AboutModalBoxCloseButton';
+//# sourceMappingURL=AboutModalBoxCloseButton.js.map

package/components/AboutModal/AboutModalBoxCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,mDAAmD,CAAC;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/components/AboutModal/AboutModalBoxContent.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface AboutModalBoxContentProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside the about modal box content */
+    children: React.ReactNode;
+    /** The trademark info for the product  */
+    trademark: string;
+    /** Prevents the about modal from rendering content inside a container; allows for more flexible layouts */
+    hasNoContentContainer?: boolean;
+}
+export declare const AboutModalBoxContent: React.FunctionComponent<AboutModalBoxContentProps>;
+//# sourceMappingURL=AboutModalBoxContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxContent.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChF,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/components/AboutModal/AboutModalBoxContent.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box';
+import contentStyles from '@patternfly/react-styles/css/components/Content/content';
+export const AboutModalBoxContent = (_a) => {
+    var { children, 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';
+//# sourceMappingURL=AboutModalBoxContent.js.map

package/components/AboutModal/AboutModalBoxContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxContent.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,uEAAuE,CAAC;AAC3F,OAAO,aAAa,MAAM,yDAAyD,CAAC;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"}

package/components/AboutModal/AboutModalBoxHeader.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface AboutModalBoxHeaderProps extends React.HTMLProps<HTMLDivElement> {
+    /** Name of the product  */
+    productName?: string;
+    /** Id to use for about modal box header  */
+    id: string;
+}
+export declare const AboutModalBoxHeader: React.FunctionComponent<AboutModalBoxHeaderProps>;
+//# sourceMappingURL=AboutModalBoxHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AboutModalBoxHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBoxHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC/E,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/components/AboutModal/AboutModalBoxHeader.js

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

package/components/AboutModal/AboutModalBoxHeader.js.map

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

package/components/AboutModal/AboutModalBoxHero.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface AboutModalBoxHeroProps extends React.HTMLProps<HTMLDivElement> {
+    /** Background image data or file path  */
+    backgroundImageSrc?: string;
+}
+export declare const AboutModalBoxHero: React.FunctionComponent<AboutModalBoxHeroProps>;
+//# sourceMappingURL=AboutModalBoxHero.d.ts.map

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

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

package/components/AboutModal/AboutModalBoxHero.js

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

package/components/AboutModal/AboutModalBoxHero.js.map

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

package/components/AboutModal/index.d.ts

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

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

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

package/components/AboutModal/index.js

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

package/components/AboutModal/index.js.map

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

package/components/Accordion/Accordion.d.ts

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

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

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

package/components/Accordion/Accordion.js

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

package/components/Accordion/Accordion.js.map

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

package/components/Accordion/AccordionContent.d.ts

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

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

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

package/components/Accordion/AccordionContent.js

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

package/components/Accordion/AccordionContent.js.map

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

package/components/Accordion/AccordionContext.d.ts

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

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

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

package/components/Accordion/AccordionContext.js

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

package/components/Accordion/AccordionContext.js.map

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

package/components/Accordion/AccordionExpandableContentBody.d.ts

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

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

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

package/components/Accordion/AccordionExpandableContentBody.js

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

package/components/Accordion/AccordionExpandableContentBody.js.map

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

package/components/Accordion/AccordionItem.d.ts

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

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

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

package/components/Accordion/AccordionItem.js

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

package/components/Accordion/AccordionItem.js.map

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

package/components/Accordion/AccordionToggle.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface AccordionToggleProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    /** Content rendered inside the Accordion toggle  */
+    children?: React.ReactNode;
+    /** Additional classes added to the Accordion Toggle  */
+    className?: string;
+    /** Flag to show if the expanded content of the Accordion item is visible  */
+    isExpanded?: boolean;
+    /** Identify the Accordion toggle number  */
+    id: string;
+    /** Container to override the default for toggle */
+    component?: React.ElementType;
+}
+export declare const AccordionToggle: React.FunctionComponent<AccordionToggleProps>;
+//# sourceMappingURL=AccordionToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACjG,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,EAAE,EAAE,MAAM,CAAC;IACX,mDAAmD;IACnD,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CA6BzE,CAAC"}

package/components/Accordion/AccordionToggle.js

@@ -0,0 +1,19 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Accordion/accordion';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import { AccordionContext } from './AccordionContext';
+export const AccordionToggle = (_a) => {
+    var { className = '', id, isExpanded = false, children = null, component } = _a, props = __rest(_a, ["className", "id", "isExpanded", "children", "component"]);
+    return (React.createElement(AccordionContext.Consumer, null, ({ ToggleContainer }) => {
+        const Container = component || ToggleContainer;
+        return (React.createElement(Container, null,
+            React.createElement("button", Object.assign({ id: id, className: css(styles.accordionToggle, isExpanded && styles.modifiers.expanded, className), "aria-expanded": isExpanded, type: "button" }, props),
+                React.createElement("span", { className: css(styles.accordionToggleText) }, children),
+                React.createElement("span", { className: css(styles.accordionToggleIcon) },
+                    React.createElement(AngleRightIcon, null)))));
+    }));
+};
+AccordionToggle.displayName = 'AccordionToggle';
+//# sourceMappingURL=AccordionToggle.js.map

package/components/Accordion/AccordionToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionToggle.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,6DAA6D,CAAC;AACjF,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAgBtD,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAOxD,EAAE,EAAE;QAPoD,EAC7E,SAAS,GAAG,EAAE,EACd,EAAE,EACF,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,IAAI,EACf,SAAS,OAEY,EADlB,KAAK,cANqE,0DAO9E,CADS;IACkB,OAAA,CAC1B,oBAAC,gBAAgB,CAAC,QAAQ,QACvB,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE;QACvB,MAAM,SAAS,GAAG,SAAS,IAAI,eAAe,CAAC;QAC/C,OAAO,CACL,oBAAC,SAAS;YACR,8CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,EAAE,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,mBAC3E,UAAU,EACzB,IAAI,EAAC,QAAQ,IACT,KAAK;gBAET,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAG,QAAQ,CAAQ;gBACnE,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,CAAC;oBAC9C,oBAAC,cAAc,OAAG,CACb,CACA,CACC,CACb,CAAC;IACJ,CAAC,CACyB,CAC7B,CAAA;CAAA,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/components/Accordion/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Accordion';
+export * from './AccordionContent';
+export * from './AccordionExpandableContentBody';
+export * from './AccordionItem';
+export * from './AccordionToggle';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}

package/components/Accordion/index.js

@@ -0,0 +1,6 @@
+export * from './Accordion';
+export * from './AccordionContent';
+export * from './AccordionExpandableContentBody';
+export * from './AccordionItem';
+export * from './AccordionToggle';
+//# sourceMappingURL=index.js.map

package/components/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}