@patternfly/react-core 5.2.0-prerelease.9 → 5.2.0

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

@@ -0,0 +1,15 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box.mjs';
+import topSpacer from '@patternfly/react-tokens/dist/esm/c_modal_box_m_align_top_spacer';
+export const ModalBox = (_a) => {
+    var { children, className, variant = 'default', position, positionOffset, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, style } = _a, props = __rest(_a, ["children", "className", "variant", "position", "positionOffset", 'aria-labelledby', 'aria-label', 'aria-describedby', "style"]);
+    if (positionOffset) {
+        style = style || {};
+        style[topSpacer.name] = positionOffset;
+    }
+    return (React.createElement("div", Object.assign({ role: "dialog", "aria-label": ariaLabel || null, "aria-labelledby": ariaLabelledby || null, "aria-describedby": ariaDescribedby, "aria-modal": "true", className: css(styles.modalBox, className, position === 'top' && styles.modifiers.alignTop, variant === 'large' && styles.modifiers.lg, variant === 'small' && styles.modifiers.sm, variant === 'medium' && styles.modifiers.md), style: style }, props), children));
+};
+ModalBox.displayName = 'ModalBox';
+//# sourceMappingURL=ModalBox.js.map

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

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

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

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

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

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

package/dist/esm/next/components/Modal/ModalBoxCloseButton.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/ModalBox/modal-box.mjs';
+import { Button } from '../../../components/Button';
+import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+export const ModalBoxCloseButton = (_a) => {
+    var { className, onClose, 'aria-label': ariaLabel = 'Close', ouiaId } = _a, props = __rest(_a, ["className", "onClose", 'aria-label', "ouiaId"]);
+    return (React.createElement("div", { className: css(styles.modalBoxClose, className) },
+        React.createElement(Button, Object.assign({ variant: "plain", onClick: (event) => onClose(event), "aria-label": ariaLabel }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props),
+            React.createElement(TimesIcon, null))));
+};
+ModalBoxCloseButton.displayName = 'ModalBoxCloseButton';
+//# sourceMappingURL=ModalBoxCloseButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAc1E,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAM5D,EAAE,EAAE;QANwD,EACrF,SAAS,EACT,OAAO,EACP,YAAY,EAAE,SAAS,GAAG,OAAO,EACjC,MAAM,OAEmB,EADtB,KAAK,cAL6E,gDAMtF,CADS;IACsB,OAAA,CAC9B,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,oBAAC,MAAM,kBACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,gBACtB,SAAS,IACjB,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,mBAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;YAET,oBAAC,SAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

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

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

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

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

package/dist/esm/next/components/Modal/ModalBoxDescription.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/ModalBox/modal-box.mjs';
+export const ModalBoxDescription = (_a) => {
+    var { children = null, className = '', id = '' } = _a, props = __rest(_a, ["children", "className", "id"]);
+    return (React.createElement("div", Object.assign({}, props, { id: id, className: css(styles.modalBoxDescription, className) }), children));
+};
+ModalBoxDescription.displayName = 'ModalBoxDescription';
+//# sourceMappingURL=ModalBoxDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBoxDescription.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalBoxDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAWhF,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,EAAE,GAAG,EAAE,OAEkB,EADtB,KAAK,cAJ6E,+BAKtF,CADS;IACsB,OAAA,CAC9B,6CAAS,KAAK,IAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,KAC1E,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,38 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import modalStyles from '@patternfly/react-styles/css/components/ModalBox/modal-box.mjs';
+import { css } from '@patternfly/react-styles';
+import { capitalize } from '../../../helpers';
+import { Tooltip } from '../../../components/Tooltip';
+import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
+import ExclamationTriangleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
+import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
+import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+import { useIsomorphicLayoutEffect } from '../../../helpers';
+export const isVariantIcon = (icon) => ['success', 'danger', 'warning', 'info', 'custom'].includes(icon);
+export const ModalBoxTitle = (_a) => {
+    var { className, id, title, titleIconVariant, titleScreenReaderText } = _a, props = __rest(_a, ["className", "id", "title", "titleIconVariant", "titleScreenReaderText"]);
+    const [hasTooltip, setHasTooltip] = React.useState(false);
+    const h1 = React.useRef(null);
+    const label = titleScreenReaderText ||
+        (isVariantIcon(titleIconVariant) ? `${capitalize(titleIconVariant)} alert:` : titleScreenReaderText);
+    const variantIcons = {
+        success: React.createElement(CheckCircleIcon, null),
+        danger: React.createElement(ExclamationCircleIcon, null),
+        warning: React.createElement(ExclamationTriangleIcon, null),
+        info: React.createElement(InfoCircleIcon, null),
+        custom: React.createElement(BellIcon, null)
+    };
+    const CustomIcon = !isVariantIcon(titleIconVariant) && titleIconVariant;
+    useIsomorphicLayoutEffect(() => {
+        setHasTooltip(h1.current && h1.current.offsetWidth < h1.current.scrollWidth);
+    }, []);
+    const content = (React.createElement("h1", Object.assign({ id: id, ref: h1, className: css(modalStyles.modalBoxTitle, titleIconVariant && modalStyles.modifiers.icon, className) }, props),
+        titleIconVariant && (React.createElement("span", { className: css(modalStyles.modalBoxTitleIcon) }, isVariantIcon(titleIconVariant) ? variantIcons[titleIconVariant] : React.createElement(CustomIcon, null))),
+        label && React.createElement("span", { className: "pf-v5-screen-reader" }, label),
+        React.createElement("span", { className: css(modalStyles.modalBoxTitleText) }, title)));
+    return hasTooltip ? React.createElement(Tooltip, { content: title }, content) : content;
+};
+ModalBoxTitle.displayName = 'ModalBoxTitle';
+//# sourceMappingURL=ModalBoxTitle.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/next/components/Modal/ModalFooter.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/ModalBox/modal-box.mjs';
+export const ModalFooter = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("footer", Object.assign({}, props, { className: css(styles.modalBoxFooter, className) }), children));
+};
+ModalFooter.displayName = 'ModalFooter';
+//# sourceMappingURL=ModalFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","sourceRoot":"","sources":["../../../../../src/next/components/Modal/ModalFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAWhF,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAIpD,EAAE,EAAE;QAJgD,EACrE,QAAQ,EACR,SAAS,OAEQ,EADd,KAAK,cAH6D,yBAItE,CADS;IACc,OAAA,CACtB,gDAAY,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,KAChE,QAAQ,CACF,CACV,CAAA;CAAA,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box.mjs';
+import { ModalBoxDescription } from './ModalBoxDescription';
+import { ModalBoxTitle } from './ModalBoxTitle';
+export const ModalHeader = (_a) => {
+    var { children, className, descriptorId, description, labelId, title, titleIconVariant, titleScreenReaderText, help } = _a, props = __rest(_a, ["children", "className", "descriptorId", "description", "labelId", "title", "titleIconVariant", "titleScreenReaderText", "help"]);
+    const headerContent = children ? (children) : (React.createElement(React.Fragment, null,
+        React.createElement(ModalBoxTitle, { title: title, titleIconVariant: titleIconVariant, titleScreenReaderText: titleScreenReaderText, id: labelId }),
+        description && React.createElement(ModalBoxDescription, { id: descriptorId }, description)));
+    // TODO: apply variant modifier for icon styling.  Core fix needed first.  similar to this:
+    // className={css(className, isVariantIcon(titleIconVariant) && modalStyles.modifiers[titleIconVariant])}
+    return (React.createElement("header", Object.assign({ className: css(styles.modalBoxHeader, help && styles.modifiers.help, className) }, props),
+        help && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: css(styles.modalBoxHeaderMain) }, headerContent),
+            React.createElement("div", { className: `${styles.modalBoxHeader}-help` }, help))),
+        !help && headerContent));
+};
+ModalHeader.displayName = 'ModalHeader';
+//# sourceMappingURL=ModalHeader.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/styles/index.js

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

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

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

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

@@ -14,6 +14,8 @@ export interface AccordionProps extends React.HTMLProps<HTMLDListElement> {
     isBordered?: boolean;
     /** Display size variant. */
     displaySize?: 'default' | 'lg';
+    /** Sets the toggle icon position for all accordion toggles. */
+    togglePosition?: 'start' | 'end';
 }
 export declare const Accordion: React.FunctionComponent<AccordionProps>;
 //# sourceMappingURL=Accordion.d.ts.map

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,CAiC7D,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;IAC/B,+DAA+D;IAC/D,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAClC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAoC7D,CAAC"}

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

@@ -7,12 +7,13 @@ 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', togglePosition = 'end' } = _a, props = tslib_1.__rest(_a, ["children", "className", 'aria-label', "headingLevel", "asDefinitionList", "isBordered", "displaySize", "togglePosition"]);
     const AccordionList = asDefinitionList ? 'dl' : 'div';
-    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),
+    return (React.createElement(AccordionList, Object.assign({ className: (0, react_styles_1.css)(accordion_1.default.accordion, isBordered && accordion_1.default.modifiers.bordered, togglePosition === 'start' && accordion_1.default.modifiers.toggleStart, 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
+                ToggleContainer: asDefinitionList ? 'dt' : headingLevel,
+                togglePosition
             } }, children)));
 };
 exports.Accordion = Accordion;

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,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"}
+{"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;AAqB/C,MAAM,SAAS,GAA4C,CAAC,EAUlD,EAAE,EAAE;QAV8C,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,EACvB,cAAc,GAAG,KAAK,OAEP,EADZ,KAAK,sBATyD,0HAUlE,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,cAAc,KAAK,OAAO,IAAI,mBAAM,CAAC,SAAS,CAAC,WAAW,EAC1D,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;gBACvD,cAAc;aACf,IAEA,QAAQ,CACiB,CACd,CACjB,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,SAAS,aAoCpB;AACF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

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

@@ -2,6 +2,7 @@ import * as React from 'react';
 interface AccordionContextProps {
     ContentContainer: React.ElementType;
     ToggleContainer: React.ElementType;
+    togglePosition: 'start' | 'end';
 }
 export declare const AccordionContext: React.Context<Partial<AccordionContextProps>>;
 export {};

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

@@ -1 +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"}
+{"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;IACnC,cAAc,EAAE,OAAO,GAAG,KAAK,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,+CAA0D,CAAC"}

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

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

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

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

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

@@ -9,13 +9,16 @@ const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-ic
 const AccordionContext_1 = require("./AccordionContext");
 const AccordionToggle = (_a) => {
     var { className = '', id, isExpanded = false, children = null, component } = _a, props = tslib_1.__rest(_a, ["className", "id", "isExpanded", "children", "component"]);
-    return (React.createElement(AccordionContext_1.AccordionContext.Consumer, null, ({ ToggleContainer }) => {
+    const renderToggleIcon = () => (React.createElement("span", { className: (0, react_styles_1.css)(accordion_1.default.accordionToggleIcon) },
+        React.createElement(angle_right_icon_1.default, null)));
+    return (React.createElement(AccordionContext_1.AccordionContext.Consumer, null, ({ ToggleContainer, togglePosition }) => {
         const Container = component || ToggleContainer;
+        const isToggleStartPositioned = togglePosition === 'start';
         return (React.createElement(Container, null,
             React.createElement("button", Object.assign({ id: id, className: (0, react_styles_1.css)(accordion_1.default.accordionToggle, isExpanded && accordion_1.default.modifiers.expanded, className), "aria-expanded": isExpanded, type: "button" }, props),
+                isToggleStartPositioned && renderToggleIcon(),
                 React.createElement("span", { className: (0, react_styles_1.css)(accordion_1.default.accordionToggleText) }, children),
-                React.createElement("span", { className: (0, react_styles_1.css)(accordion_1.default.accordionToggleIcon) },
-                    React.createElement(angle_right_icon_1.default, null)))));
+                !isToggleStartPositioned && renderToggleIcon())));
     }));
 };
 exports.AccordionToggle = AccordionToggle;

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionToggle.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oHAAiF;AACjF,sHAAqF;AACrF,yDAAsD;AAgB/C,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,sBANqE,0DAO9E,CADS;IACkB,OAAA,CAC1B,oBAAC,mCAAgB,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,IAAA,kBAAG,EAAC,mBAAM,CAAC,eAAe,EAAE,UAAU,IAAI,mBAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,mBAC3E,UAAU,EACzB,IAAI,EAAC,QAAQ,IACT,KAAK;gBAET,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,mBAAmB,CAAC,IAAG,QAAQ,CAAQ;gBACnE,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,mBAAmB,CAAC;oBAC9C,oBAAC,0BAAc,OAAG,CACb,CACA,CACC,CACb,CAAC;IACJ,CAAC,CACyB,CAC7B,CAAA;CAAA,CAAC;AA7BW,QAAA,eAAe,mBA6B1B;AACF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"AccordionToggle.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oHAAiF;AACjF,sHAAqF;AACrF,yDAAsD;AAgB/C,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,sBANqE,0DAO9E,CADS;IAER,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CAC7B,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,mBAAmB,CAAC;QAC9C,oBAAC,0BAAc,OAAG,CACb,CACR,CAAC;IAEF,OAAO,CACL,oBAAC,mCAAgB,CAAC,QAAQ,QACvB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE;QACvC,MAAM,SAAS,GAAG,SAAS,IAAI,eAAe,CAAC;QAC/C,MAAM,uBAAuB,GAAG,cAAc,KAAK,OAAO,CAAC;QAE3D,OAAO,CACL,oBAAC,SAAS;YACR,8CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,eAAe,EAAE,UAAU,IAAI,mBAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,mBAC3E,UAAU,EACzB,IAAI,EAAC,QAAQ,IACT,KAAK;gBAER,uBAAuB,IAAI,gBAAgB,EAAE;gBAC9C,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,mBAAmB,CAAC,IAAG,QAAQ,CAAQ;gBAClE,CAAC,uBAAuB,IAAI,gBAAgB,EAAE,CACxC,CACC,CACb,CAAC;IACJ,CAAC,CACyB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,eAAe,mBAsC1B;AACF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { OUIAProps } from '../../helpers';
+import { OUIAProps } from '../../helpers/OUIA/ouia';
 export declare enum ButtonVariant {
     primary = "primary",
     secondary = "secondary",

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

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

package/dist/js/components/Button/Button.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const button_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Button/button"));
 const react_styles_1 = require("@patternfly/react-styles");
 const Spinner_1 = require("../Spinner");
-const helpers_1 = require("../../helpers");
+const ouia_1 = require("../../helpers/OUIA/ouia");
 const Badge_1 = require("../Badge");
 var ButtonVariant;
 (function (ButtonVariant) {
@@ -33,7 +33,7 @@ var ButtonSize;
 })(ButtonSize = exports.ButtonSize || (exports.ButtonSize = {}));
 const ButtonBase = (_a) => {
     var { children = null, className = '', component = 'button', isActive = false, isBlock = false, isDisabled = false, isAriaDisabled = false, isLoading = null, isDanger = false, spinnerAriaValueText, spinnerAriaLabelledBy, spinnerAriaLabel, size = ButtonSize.default, inoperableEvents = ['onClick', 'onKeyPress'], isInline = false, type = ButtonType.button, variant = ButtonVariant.primary, iconPosition = 'start', 'aria-label': ariaLabel = null, icon = null, ouiaId, ouiaSafe = true, tabIndex = null, innerRef, countOptions } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "isActive", "isBlock", "isDisabled", "isAriaDisabled", "isLoading", "isDanger", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "size", "inoperableEvents", "isInline", "type", "variant", "iconPosition", 'aria-label', "icon", "ouiaId", "ouiaSafe", "tabIndex", "innerRef", "countOptions"]);
-    const ouiaProps = (0, helpers_1.useOUIAProps)(exports.Button.displayName, ouiaId, ouiaSafe, variant);
+    const ouiaProps = (0, ouia_1.useOUIAProps)(exports.Button.displayName, ouiaId, ouiaSafe, variant);
     const Component = component;
     const isButtonElement = Component === 'button';
     const isInlineSpan = isInline && Component === 'span';