@patternfly/react-core 6.0.0-alpha.2 → 6.0.0-alpha.20

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/AccordionContent.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC5E,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,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"}
+{"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,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,CA+C3E,CAAC"}

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

@@ -8,21 +8,22 @@ const accordion_1 = tslib_1.__importDefault(require("@patternfly/react-styles/cs
 const AccordionContext_1 = require("./AccordionContext");
 const AccordionExpandableContentBody_1 = require("./AccordionExpandableContentBody");
 const AccordionContent = (_a) => {
-    var { className = '', children = null, id = '', isHidden = false, isFixed = false, isCustomContent = false, 'aria-label': ariaLabel = '', 'aria-labelledby': ariaLabelledby, component } = _a, props = tslib_1.__rest(_a, ["className", "children", "id", "isHidden", "isFixed", "isCustomContent", 'aria-label', 'aria-labelledby', "component"]);
+    var { className = '', children = null, id = '', isFixed = false, isCustomContent = false, 'aria-label': ariaLabel = '', 'aria-labelledby': ariaLabelledby, component } = _a, props = tslib_1.__rest(_a, ["className", "children", "id", "isFixed", "isCustomContent", 'aria-label', 'aria-labelledby', "component"]);
     const [hasScrollbar, setHasScrollbar] = React.useState(false);
     const containerRef = React.useRef(null);
+    const { isExpanded } = React.useContext(AccordionContext_1.AccordionItemContext);
     React.useEffect(() => {
-        if ((containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) && isFixed && !isHidden) {
+        if ((containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) && isFixed && isExpanded) {
             const { offsetHeight, scrollHeight } = containerRef.current;
             setHasScrollbar(offsetHeight < scrollHeight);
         }
         else if (!isFixed) {
             setHasScrollbar(false);
         }
-    }, [containerRef, isFixed, isHidden]);
+    }, [containerRef, isFixed, isExpanded]);
     return (React.createElement(AccordionContext_1.AccordionContext.Consumer, null, ({ ContentContainer }) => {
         const Container = component || ContentContainer;
-        return (React.createElement(Container, Object.assign({ ref: containerRef, id: id, className: (0, react_styles_1.css)(accordion_1.default.accordionExpandableContent, isFixed && accordion_1.default.modifiers.fixed, !isHidden && accordion_1.default.modifiers.expanded, className), hidden: isHidden }, (ariaLabel && { 'aria-label': ariaLabel }), (ariaLabelledby && { 'aria-labelledby': ariaLabelledby }), (hasScrollbar && { tabIndex: 0 }), (hasScrollbar && Container === 'div' && { role: 'region' }), props), isCustomContent ? children : React.createElement(AccordionExpandableContentBody_1.AccordionExpandableContentBody, null, children)));
+        return (React.createElement(Container, Object.assign({ ref: containerRef, id: id, className: (0, react_styles_1.css)(accordion_1.default.accordionExpandableContent, isFixed && accordion_1.default.modifiers.fixed, className), hidden: !isExpanded }, (ariaLabel && { 'aria-label': ariaLabel }), (ariaLabelledby && { 'aria-labelledby': ariaLabelledby }), (hasScrollbar && { tabIndex: 0 }), (hasScrollbar && Container === 'div' && { role: 'region' }), props), isCustomContent ? children : React.createElement(AccordionExpandableContentBody_1.AccordionExpandableContentBody, null, children)));
     }));
 };
 exports.AccordionContent = AccordionContent;

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oHAAiF;AACjF,yDAAsD;AACtD,qFAAkF;AAuB3E,MAAM,gBAAgB,GAAmD,CAAC,EAWzD,EAAE,EAAE;QAXqD,EAC/E,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,IAAI,EACf,EAAE,GAAG,EAAE,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,eAAe,GAAG,KAAK,EACvB,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,iBAAiB,EAAE,cAAc,EACjC,SAAS,OAEa,EADnB,KAAK,sBAVuE,uHAWhF,CADS;IAER,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAExC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,KAAI,OAAO,IAAI,CAAC,QAAQ,EAAE;YACjD,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;YAE5D,eAAe,CAAC,YAAY,GAAG,YAAY,CAAC,CAAC;SAC9C;aAAM,IAAI,CAAC,OAAO,EAAE;YACnB,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,oBAAC,mCAAgB,CAAC,QAAQ,QACvB,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;QACxB,MAAM,SAAS,GAAG,SAAS,IAAI,gBAAgB,CAAC;QAChD,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,YAAY,EACjB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAA,kBAAG,EACZ,mBAAM,CAAC,0BAA0B,EACjC,OAAO,IAAI,mBAAM,CAAC,SAAS,CAAC,KAAK,EACjC,CAAC,QAAQ,IAAI,mBAAM,CAAC,SAAS,CAAC,QAAQ,EACtC,SAAS,CACV,EACD,MAAM,EAAE,QAAQ,IACZ,CAAC,SAAS,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,EAC1C,CAAC,cAAc,IAAI,EAAE,iBAAiB,EAAE,cAAc,EAAE,CAAC,EACzD,CAAC,YAAY,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EACjC,CAAC,YAAY,IAAI,SAAS,KAAK,KAAK,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC3D,KAAK,GAER,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,+DAA8B,QAAE,QAAQ,CAAkC,CAC/F,CACb,CAAC;IACJ,CAAC,CACyB,CAC7B,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,gBAAgB,oBAoD3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oHAAiF;AACjF,yDAA4E;AAC5E,qFAAkF;AAqB3E,MAAM,gBAAgB,GAAmD,CAAC,EAUzD,EAAE,EAAE;QAVqD,EAC/E,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,IAAI,EACf,EAAE,GAAG,EAAE,EACP,OAAO,GAAG,KAAK,EACf,eAAe,GAAG,KAAK,EACvB,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,iBAAiB,EAAE,cAAc,EACjC,SAAS,OAEa,EADnB,KAAK,sBATuE,2GAUhF,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;IACxC,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,uCAAoB,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,KAAI,OAAO,IAAI,UAAU,EAAE;YAClD,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,UAAU,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,oBAAC,mCAAgB,CAAC,QAAQ,QACvB,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;QACxB,MAAM,SAAS,GAAG,SAAS,IAAI,gBAAgB,CAAC;QAChD,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,YAAY,EACjB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,0BAA0B,EAAE,OAAO,IAAI,mBAAM,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,EAC/F,MAAM,EAAE,CAAC,UAAU,IACf,CAAC,SAAS,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,EAC1C,CAAC,cAAc,IAAI,EAAE,iBAAiB,EAAE,cAAc,EAAE,CAAC,EACzD,CAAC,YAAY,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EACjC,CAAC,YAAY,IAAI,SAAS,KAAK,KAAK,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC3D,KAAK,GAER,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,+DAA8B,QAAE,QAAQ,CAAkC,CAC/F,CACb,CAAC;IACJ,CAAC,CACyB,CAC7B,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,gBAAgB,oBA+C3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

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

@@ -2,7 +2,12 @@ import * as React from 'react';
 interface AccordionContextProps {
     ContentContainer: React.ElementType;
     ToggleContainer: React.ElementType;
+    togglePosition: 'start' | 'end';
+}
+interface AccordionItemContextProps {
+    isExpanded?: boolean;
 }
 export declare const AccordionContext: React.Context<Partial<AccordionContextProps>>;
+export declare const AccordionItemContext: React.Context<AccordionItemContextProps>;
 export {};
 //# sourceMappingURL=AccordionContext.d.ts.map

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,UAAU,yBAAyB;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,+CAA0D,CAAC;AACxF,eAAO,MAAM,oBAAoB,0CAAuD,CAAC"}

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionContext = void 0;
+exports.AccordionItemContext = exports.AccordionContext = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 exports.AccordionContext = React.createContext({});
+exports.AccordionItemContext = React.createContext({});
 //# sourceMappingURL=AccordionContext.js.map

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;AAYlB,QAAA,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAiC,EAAE,CAAC,CAAC;AAC3E,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,EAA+B,CAAC,CAAC"}

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

@@ -1,7 +1,11 @@
 import * as React from 'react';
 export interface AccordionItemProps {
-    /** Content rendered inside the Accordion item  */
+    /** Content rendered inside the accordion item. */
     children?: React.ReactNode;
+    /** Additional classes added to the accordion item. */
+    className?: string;
+    /** Flag to indicate whether the accordion item is expanded. */
+    isExpanded?: boolean;
 }
 export declare const AccordionItem: React.FunctionComponent<AccordionItemProps>;
 //# sourceMappingURL=AccordionItem.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,kBAAkB;IACjC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAYrE,CAAC"}

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

@@ -3,7 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccordionItem = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const AccordionItem = ({ children = null }) => (React.createElement(React.Fragment, null, children));
+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 AccordionItem = ({ children = null, className, isExpanded: isExpandedProp = false }) => (React.createElement(AccordionContext_1.AccordionItemContext.Provider, { value: {
+        isExpanded: isExpandedProp
+    } },
+    React.createElement("div", { className: (0, react_styles_1.css)(accordion_1.default.accordionItem, isExpandedProp && accordion_1.default.modifiers.expanded, className) }, children)));
 exports.AccordionItem = AccordionItem;
 exports.AccordionItem.displayName = 'AccordionItem';
 //# sourceMappingURL=AccordionItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAOxB,MAAM,aAAa,GAAgD,CAAC,EAAE,QAAQ,GAAG,IAAI,EAAsB,EAAE,EAAE,CAAC,CACrH,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAC5C,CAAC;AAFW,QAAA,aAAa,iBAExB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,oHAAiF;AACjF,yDAA0D;AAWnD,MAAM,aAAa,GAAgD,CAAC,EACzE,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,UAAU,EAAE,cAAc,GAAG,KAAK,EACf,EAAE,EAAE,CAAC,CACxB,oBAAC,uCAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;QACL,UAAU,EAAE,cAAc;KAC3B;IAED,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,aAAa,EAAE,cAAc,IAAI,mBAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACrF,CACjC,CAAC;AAZW,QAAA,aAAa,iBAYxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

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

@@ -4,8 +4,6 @@ export interface AccordionToggleProps extends React.DetailedHTMLProps<React.Butt
     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 */

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,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,CAuCzE,CAAC"}

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

@@ -8,14 +8,18 @@ const accordion_1 = tslib_1.__importDefault(require("@patternfly/react-styles/cs
 const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon'));
 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 }) => {
+    var { className = '', id, children = null, component } = _a, props = tslib_1.__rest(_a, ["className", "id", "children", "component"]);
+    const renderToggleIcon = () => (React.createElement("span", { className: (0, react_styles_1.css)(accordion_1.default.accordionToggleIcon) },
+        React.createElement(angle_right_icon_1.default, null)));
+    const { isExpanded } = React.useContext(AccordionContext_1.AccordionItemContext);
+    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,yDAA4E;AAcrE,MAAM,eAAe,GAAkD,CAAC,EAMxD,EAAE,EAAE;QANoD,EAC7E,SAAS,GAAG,EAAE,EACd,EAAE,EACF,QAAQ,GAAG,IAAI,EACf,SAAS,OAEY,EADlB,KAAK,sBALqE,4CAM9E,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,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,uCAAoB,CAAC,CAAC;IAE9D,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;AAvCW,QAAA,eAAe,mBAuC1B;AACF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
 export interface AvatarProps extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
-    /** Additional classes added to the Avatar. */
+    /** Additional classes added to the avatar. */
     className?: string;
-    /** Attribute that specifies the URL of the image for the Avatar. */
+    /** Attribute that specifies the URL of the image for the avatar. */
     src?: string;
-    /** Attribute that specifies the alternate text of the image for the Avatar. */
+    /** Attribute that specifies the alternate text of the image for the avatar. */
     alt: string;
-    /** Border to add */
-    border?: 'light' | 'dark';
+    /** Flag to indicate the avatar should have a border. */
+    isBordered?: boolean;
     /** Size variant of avatar. */
     size?: 'sm' | 'md' | 'lg' | 'xl';
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAC5F,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,GAAG,EAAE,MAAM,CAAC;IACZ,oBAAoB;IACpB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAoBvD,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAC5F,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,GAAG,EAAE,MAAM,CAAC;IACZ,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAcvD,CAAC"}

package/dist/js/components/Avatar/Avatar.js

@@ -6,8 +6,8 @@ const React = tslib_1.__importStar(require("react"));
 const avatar_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Avatar/avatar"));
 const react_styles_1 = require("@patternfly/react-styles");
 const Avatar = (_a) => {
-    var { className = '', src = '', alt, border, size } = _a, props = tslib_1.__rest(_a, ["className", "src", "alt", "border", "size"]);
-    return (React.createElement("img", Object.assign({ src: src, alt: alt, className: (0, react_styles_1.css)(avatar_1.default.avatar, avatar_1.default.modifiers[size], border === 'light' && avatar_1.default.modifiers.light, border === 'dark' && avatar_1.default.modifiers.dark, className) }, props)));
+    var { className, src = '', alt, isBordered, size } = _a, props = tslib_1.__rest(_a, ["className", "src", "alt", "isBordered", "size"]);
+    return (React.createElement("img", Object.assign({ src: src, alt: alt, className: (0, react_styles_1.css)(avatar_1.default.avatar, avatar_1.default.modifiers[size], isBordered && avatar_1.default.modifiers.bordered, className) }, props)));
 };
 exports.Avatar = Avatar;
 exports.Avatar.displayName = 'Avatar';

package/dist/js/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAgBxC,MAAM,MAAM,GAAyC,CAAC,EAO/C,EAAE,EAAE;QAP2C,EAC3D,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,EAAE,EACR,GAAG,EACH,MAAM,EACN,IAAI,OAEQ,EADT,KAAK,sBANmD,6CAO5D,CADS;IACS,OAAA,CACjB,2CACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,kBAAG,EACZ,gBAAM,CAAC,MAAM,EACb,gBAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EACtB,MAAM,KAAK,OAAO,IAAI,gBAAM,CAAC,SAAS,CAAC,KAAK,EAC5C,MAAM,KAAK,MAAM,IAAI,gBAAM,CAAC,SAAS,CAAC,IAAI,EAC1C,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;CAAA,CAAC;AApBW,QAAA,MAAM,UAoBjB;AACF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAgBxC,MAAM,MAAM,GAAyC,CAAC,EAO/C,EAAE,EAAE;QAP2C,EAC3D,SAAS,EACT,GAAG,GAAG,EAAE,EACR,GAAG,EACH,UAAU,EACV,IAAI,OAEQ,EADT,KAAK,sBANmD,iDAO5D,CADS;IACS,OAAA,CACjB,2CACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,MAAM,EAAE,gBAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,UAAU,IAAI,gBAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IACrG,KAAK,EACT,CACH,CAAA;CAAA,CAAC;AAdW,QAAA,MAAM,UAcjB;AACF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

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

@@ -1,4 +1,6 @@
 import * as React from 'react';
+export declare type BannerColor = 'red' | 'orangered' | 'orange' | 'gold' | 'green' | 'cyan' | 'blue' | 'purple';
+export declare type BannerStatus = 'success' | 'warning' | 'danger' | 'info' | 'custom';
 export interface BannerProps extends React.HTMLProps<HTMLDivElement> {
     /** Content rendered inside the banner. */
     children?: React.ReactNode;
@@ -10,8 +12,19 @@ export interface BannerProps extends React.HTMLProps<HTMLDivElement> {
      * be passed in when the banner conveys status/severity.
      */
     screenReaderText?: string;
-    /** Variant styles for the banner. */
-    variant?: 'default' | 'blue' | 'red' | 'green' | 'gold';
+    /** Color options for the banner, will be overwritten by any applied using the status prop. */
+    color?: BannerColor;
+    /** Status style options for the banner, will overwrite any color applied using the color prop. */
+    status?: BannerStatus;
 }
-export declare const Banner: React.FunctionComponent<BannerProps>;
+interface StatusBanner extends BannerProps {
+    color?: never;
+    status?: BannerStatus;
+}
+interface NonStatusBanner extends BannerProps {
+    color?: BannerColor;
+    status?: never;
+}
+export declare const Banner: React.FunctionComponent<StatusBanner | NonStatusBanner>;
+export {};
 //# sourceMappingURL=Banner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClE,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;CACzD;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAoBvD,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,oBAAY,WAAW,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEzG,oBAAY,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClE,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8FAA8F;IAC9F,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,kGAAkG;IAClG,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AACD,UAAU,YAAa,SAAQ,WAAW;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,UAAU,eAAgB,SAAQ,WAAW;IAC3C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,GAAG,eAAe,CA4B1E,CAAC"}

package/dist/js/components/Banner/Banner.js

@@ -6,8 +6,16 @@ const React = tslib_1.__importStar(require("react"));
 const banner_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Banner/banner"));
 const react_styles_1 = require("@patternfly/react-styles");
 const Banner = (_a) => {
-    var { children, className, variant = 'default', screenReaderText, isSticky = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "variant", "screenReaderText", "isSticky"]);
-    return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(banner_1.default.banner, banner_1.default.modifiers[variant], isSticky && banner_1.default.modifiers.sticky, className) }, props),
+    var { children, className, screenReaderText, isSticky = false, color, status } = _a, props = tslib_1.__rest(_a, ["children", "className", "screenReaderText", "isSticky", "color", "status"]);
+    const getStatusOrColorModifier = () => {
+        if (status) {
+            return banner_1.default.modifiers[status];
+        }
+        if (color) {
+            return banner_1.default.modifiers[color];
+        }
+    };
+    return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(banner_1.default.banner, getStatusOrColorModifier(), isSticky && banner_1.default.modifiers.sticky, className) }, props),
         screenReaderText && React.createElement("span", { className: "pf-v5-screen-reader" }, screenReaderText),
         children));
 };

package/dist/js/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAiBxC,MAAM,MAAM,GAAyC,CAAC,EAO/C,EAAE,EAAE;QAP2C,EAC3D,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,gBAAgB,EAChB,QAAQ,GAAG,KAAK,OAEJ,EADT,KAAK,sBANmD,oEAO5D,CADS;IACS,OAAA,CACjB,2CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,gBAAM,CAAC,MAAM,EACb,gBAAM,CAAC,SAAS,CAAC,OAA4C,CAAC,EAC9D,QAAQ,IAAI,gBAAM,CAAC,SAAS,CAAC,MAAM,EACnC,SAAS,CACV,IACG,KAAK;QAER,gBAAgB,IAAI,8BAAM,SAAS,EAAC,qBAAqB,IAAE,gBAAgB,CAAQ;QACnF,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AApBW,QAAA,MAAM,UAoBjB;AACF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAgCxC,MAAM,MAAM,GAA4D,CAAC,EAQlE,EAAE,EAAE;QAR8D,EAC9E,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,MAAM,OAEM,EADT,KAAK,sBAPsE,4EAQ/E,CADS;IAER,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,IAAI,MAAM,EAAE;YACV,OAAO,gBAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;SACjC;QAED,IAAI,KAAK,EAAE;YACT,OAAO,gBAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SAChC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,2CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,MAAM,EAAE,wBAAwB,EAAE,EAAE,QAAQ,IAAI,gBAAM,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IACrG,KAAK;QAER,gBAAgB,IAAI,8BAAM,SAAS,EAAC,qBAAqB,IAAE,gBAAgB,CAAQ;QACnF,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,MAAM,UA4BjB;AACF,cAAM,CAAC,WAAW,GAAG,QAAQ,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",
@@ -8,7 +8,8 @@ export declare enum ButtonVariant {
     warning = "warning",
     link = "link",
     plain = "plain",
-    control = "control"
+    control = "control",
+    stateful = "stateful"
 }
 export declare enum ButtonType {
     button = "button",
@@ -20,6 +21,11 @@ export declare enum ButtonSize {
     sm = "sm",
     lg = "lg"
 }
+export declare enum ButtonState {
+    read = "read",
+    unread = "unread",
+    attention = "attention"
+}
 export interface BadgeCountObject {
     /**  Adds styling to the badge to indicate it has been read */
     isRead?: boolean;
@@ -35,8 +41,8 @@ export interface ButtonProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'r
     className?: string;
     /** Sets the base component to render. defaults to button */
     component?: React.ElementType<any> | React.ComponentType<any>;
-    /** Adds active styling to button. */
-    isActive?: boolean;
+    /** Adds clicked styling to button. */
+    isClicked?: boolean;
     /** Adds block styling to button */
     isBlock?: boolean;
     /** Adds disabled styling and disables the button using the disabled html attribute */
@@ -60,7 +66,11 @@ export interface ButtonProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'r
     /** Sets button type */
     type?: 'button' | 'submit' | 'reset';
     /** Adds button variant styles */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'link' | 'plain' | 'control';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'link' | 'plain' | 'control' | 'stateful';
+    /** Sets state of the stateful button variant. Default is "unread" */
+    state?: 'read' | 'unread' | 'attention';
+    /** Applies no padding on a plain button variant. Use when plain button is placed inline with text */
+    hasNoPadding?: boolean;
     /** Sets position of the icon. Note: "left" and "right" are deprecated. Use "start" and "end" instead */
     iconPosition?: 'start' | 'end' | 'left' | 'right';
     /** Adds accessible text to the button. */

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = exports.ButtonSize = exports.ButtonType = exports.ButtonVariant = void 0;
+exports.Button = exports.ButtonState = exports.ButtonSize = exports.ButtonType = exports.ButtonVariant = void 0;
 const tslib_1 = require("tslib");
 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) {
@@ -18,6 +18,7 @@ var ButtonVariant;
     ButtonVariant["link"] = "link";
     ButtonVariant["plain"] = "plain";
     ButtonVariant["control"] = "control";
+    ButtonVariant["stateful"] = "stateful";
 })(ButtonVariant = exports.ButtonVariant || (exports.ButtonVariant = {}));
 var ButtonType;
 (function (ButtonType) {
@@ -31,9 +32,15 @@ var ButtonSize;
     ButtonSize["sm"] = "sm";
     ButtonSize["lg"] = "lg";
 })(ButtonSize = exports.ButtonSize || (exports.ButtonSize = {}));
+var ButtonState;
+(function (ButtonState) {
+    ButtonState["read"] = "read";
+    ButtonState["unread"] = "unread";
+    ButtonState["attention"] = "attention";
+})(ButtonState = exports.ButtonState || (exports.ButtonState = {}));
 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);
+    var { children = null, className = '', component = 'button', isClicked = 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, state = ButtonState.unread, hasNoPadding = false, iconPosition = 'start', 'aria-label': ariaLabel = null, icon = null, ouiaId, ouiaSafe = true, tabIndex = null, innerRef, countOptions } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "isClicked", "isBlock", "isDisabled", "isAriaDisabled", "isLoading", "isDanger", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "size", "inoperableEvents", "isInline", "type", "variant", "state", "hasNoPadding", "iconPosition", 'aria-label', "icon", "ouiaId", "ouiaSafe", "tabIndex", "innerRef", "countOptions"]);
+    const ouiaProps = (0, ouia_1.useOUIAProps)(exports.Button.displayName, ouiaId, ouiaSafe, variant);
     const Component = component;
     const isButtonElement = Component === 'button';
     const isInlineSpan = isInline && Component === 'span';
@@ -51,7 +58,7 @@ const ButtonBase = (_a) => {
             return 0;
         }
     };
-    return (React.createElement(Component, Object.assign({}, props, (isAriaDisabled ? preventedEvents : null), { "aria-disabled": isDisabled || isAriaDisabled, "aria-label": ariaLabel, className: (0, react_styles_1.css)(button_1.default.button, button_1.default.modifiers[variant], isBlock && button_1.default.modifiers.block, isDisabled && button_1.default.modifiers.disabled, isAriaDisabled && button_1.default.modifiers.ariaDisabled, isActive && button_1.default.modifiers.active, isInline && variant === ButtonVariant.link && button_1.default.modifiers.inline, isDanger && (variant === ButtonVariant.secondary || variant === ButtonVariant.link) && button_1.default.modifiers.danger, isLoading !== null && variant !== ButtonVariant.plain && button_1.default.modifiers.progress, isLoading && button_1.default.modifiers.inProgress, size === ButtonSize.sm && button_1.default.modifiers.small, size === ButtonSize.lg && button_1.default.modifiers.displayLg, className), disabled: isButtonElement ? isDisabled : null, tabIndex: tabIndex !== null ? tabIndex : getDefaultTabIdx(), type: isButtonElement || isInlineSpan ? type : null, role: isInlineSpan ? 'button' : null, ref: innerRef }, ouiaProps),
+    return (React.createElement(Component, Object.assign({}, props, (isAriaDisabled ? preventedEvents : null), { "aria-disabled": isDisabled || isAriaDisabled, "aria-label": ariaLabel, className: (0, react_styles_1.css)(button_1.default.button, button_1.default.modifiers[variant], isBlock && button_1.default.modifiers.block, isDisabled && button_1.default.modifiers.disabled, isAriaDisabled && button_1.default.modifiers.ariaDisabled, isClicked && button_1.default.modifiers.clicked, isInline && variant === ButtonVariant.link && button_1.default.modifiers.inline, isDanger && (variant === ButtonVariant.secondary || variant === ButtonVariant.link) && button_1.default.modifiers.danger, isLoading !== null && variant !== ButtonVariant.plain && button_1.default.modifiers.progress, isLoading && button_1.default.modifiers.inProgress, hasNoPadding && variant === ButtonVariant.plain && button_1.default.modifiers.noPadding, variant === ButtonVariant.stateful && button_1.default.modifiers[state], size === ButtonSize.sm && button_1.default.modifiers.small, size === ButtonSize.lg && button_1.default.modifiers.displayLg, className), disabled: isButtonElement ? isDisabled : null, tabIndex: tabIndex !== null ? tabIndex : getDefaultTabIdx(), type: isButtonElement || isInlineSpan ? type : null, role: isInlineSpan ? 'button' : null, ref: innerRef }, ouiaProps),
         isLoading && (React.createElement("span", { className: (0, react_styles_1.css)(button_1.default.buttonProgress) },
             React.createElement(Spinner_1.Spinner, { size: Spinner_1.spinnerSize.md, isInline: isInline, "aria-valuetext": spinnerAriaValueText, "aria-label": spinnerAriaLabel, "aria-labelledby": spinnerAriaLabelledBy }))),
         variant === ButtonVariant.plain && children === null && icon ? icon : null,