@patternfly/react-core 4.232.13 → 4.233.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.233.0 (2022-08-19)
+
+
+### Features
+
+* **ExpandableSection:** add truncated variant ([#7852](https://github.com/patternfly/patternfly-react/issues/7852)) ([f628cdf](https://github.com/patternfly/patternfly-react/commit/f628cdf571d71addfc04e69728be73895e261094))
+
+
+
+
+
 ## 4.232.13 (2022-08-19)
 
 **Note:** Version bump only for package @patternfly/react-core

package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts

@@ -1,9 +1,13 @@
 import * as React from 'react';
 import { PickOptional } from '../../helpers/typeUtils';
+export declare enum ExpandableSectionVariant {
+    default = "default",
+    truncate = "truncate"
+}
 export interface ExpandableSectionProps extends React.HTMLProps<HTMLDivElement> {
-    /** Content rendered inside the Expandable Component */
+    /** Content rendered inside the expandable section. */
     children?: React.ReactNode;
-    /** Additional classes added to the Expandable Component */
+    /** Additional classes added to the expandable section. */
     className?: string;
     /** Flag to indicate if the content is expanded */
     isExpanded?: boolean;
@@ -15,7 +19,7 @@ export interface ExpandableSectionProps extends React.HTMLProps<HTMLDivElement>
     toggleTextCollapsed?: string;
     /** React node that appears in the attached toggle in place of toggle text */
     toggleContent?: React.ReactNode;
-    /** Callback function to toggle the expandable content. Detached expandable sections should use the onToggle property of ExpandableSectionToggle. */
+    /** Callback function to toggle the expandable section. Detached expandable sections should use the onToggle property of the expandable section toggle sub-component. */
     onToggle?: (isExpanded: boolean) => void;
     /** Forces active state */
     isActive?: boolean;
@@ -29,6 +33,13 @@ export interface ExpandableSectionProps extends React.HTMLProps<HTMLDivElement>
     isWidthLimited?: boolean;
     /** Flag to indicate if the content is indented */
     isIndented?: boolean;
+    /** @beta Determines the variant of the expandable section. When passing in "truncate" as the
+     * variant, the expandable content will be truncated after 3 lines by default.
+     */
+    variant?: 'default' | 'truncate';
+    /** @beta Truncates the expandable content to the specified number of lines when using the
+     * "truncate" variant. */
+    truncateMaxLines?: number;
 }
 interface ExpandableSectionState {
     isExpanded: boolean;
@@ -36,8 +47,11 @@ interface ExpandableSectionState {
 export declare class ExpandableSection extends React.Component<ExpandableSectionProps, ExpandableSectionState> {
     static displayName: string;
     constructor(props: ExpandableSectionProps);
+    expandableContentRef: React.RefObject<HTMLDivElement>;
     static defaultProps: PickOptional<ExpandableSectionProps>;
     private calculateToggleText;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ExpandableSectionProps): void;
     render(): JSX.Element;
 }
 export {};

package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yKAAyK;IACzK,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0KAA0K;IAC1K,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,oJAAoJ;IACpJ,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAClC,kGAAkG;IAClG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IACpG,MAAM,CAAC,WAAW,SAAuB;gBAC7B,KAAK,EAAE,sBAAsB;IAQzC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAavD;IAEF,OAAO,CAAC,mBAAmB;IAe3B,MAAM;CAsEP"}
+{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yKAAyK;IACzK,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0KAA0K;IAC1K,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,wKAAwK;IACxK,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAClC,kGAAkG;IAClG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;6BACyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,OAAO,CAAC;CACrB;AAUD,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IACpG,MAAM,CAAC,WAAW,SAAuB;gBAC7B,KAAK,EAAE,sBAAsB;IAQzC,oBAAoB,kCAAqC;IACzD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAcvD;IAEF,OAAO,CAAC,mBAAmB;IAe3B,iBAAiB;IAOjB,kBAAkB,CAAC,SAAS,EAAE,sBAAsB;IAUpD,MAAM;CAoFP"}

package/dist/esm/components/ExpandableSection/ExpandableSection.js

@@ -2,10 +2,23 @@ import { __rest } from "tslib";
 import * as React from 'react';
 import styles from '@patternfly/react-styles/css/components/ExpandableSection/expandable-section';
 import { css } from '@patternfly/react-styles';
+import lineClamp from '@patternfly/react-tokens/dist/esm/c_expandable_section_m_truncate__content_LineClamp';
 import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+export var ExpandableSectionVariant;
+(function (ExpandableSectionVariant) {
+    ExpandableSectionVariant["default"] = "default";
+    ExpandableSectionVariant["truncate"] = "truncate";
+})(ExpandableSectionVariant || (ExpandableSectionVariant = {}));
+const setLineClamp = (lines, element) => {
+    if (!element || lines < 1) {
+        return;
+    }
+    element.style.setProperty(lineClamp.name, lines.toString());
+};
 export class ExpandableSection extends React.Component {
     constructor(props) {
         super(props);
+        this.expandableContentRef = React.createRef();
         this.state = {
             isExpanded: props.isExpanded
         };
@@ -19,10 +32,25 @@ export class ExpandableSection extends React.Component {
         }
         return toggleText;
     }
+    componentDidMount() {
+        if (this.props.variant === ExpandableSectionVariant.truncate && this.props.truncateMaxLines) {
+            const expandableContent = this.expandableContentRef.current;
+            setLineClamp(this.props.truncateMaxLines, expandableContent);
+        }
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.variant === ExpandableSectionVariant.truncate &&
+            prevProps.truncateMaxLines !== this.props.truncateMaxLines) {
+            const expandableContent = this.expandableContentRef.current;
+            setLineClamp(this.props.truncateMaxLines, expandableContent);
+        }
+    }
     render() {
         const _a = this.props, { onToggle: onToggleProp, 
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        isActive, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId } = _a, props = __rest(_a, ["onToggle", "isActive", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId"]);
+        isActive, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId, variant, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        truncateMaxLines } = _a, props = __rest(_a, ["onToggle", "isActive", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId", "variant", "truncateMaxLines"]);
         let onToggle = onToggleProp;
         let propOrStateIsExpanded = isExpanded;
         // uncontrolled
@@ -33,12 +61,14 @@ export class ExpandableSection extends React.Component {
             };
         }
         const computedToggleText = this.calculateToggleText(toggleText, toggleTextExpanded, toggleTextCollapsed, propOrStateIsExpanded);
-        return (React.createElement("div", Object.assign({}, props, { className: css(styles.expandableSection, propOrStateIsExpanded && styles.modifiers.expanded, isActive && styles.modifiers.active, isDetached && styles.modifiers.detached, displaySize === 'large' && styles.modifiers.displayLg, isWidthLimited && styles.modifiers.limitWidth, isIndented && styles.modifiers.indented, className) }),
-            !isDetached && (React.createElement("button", { className: css(styles.expandableSectionToggle), type: "button", "aria-expanded": propOrStateIsExpanded, onClick: () => onToggle(!propOrStateIsExpanded) },
-                React.createElement("span", { className: css(styles.expandableSectionToggleIcon) },
-                    React.createElement(AngleRightIcon, { "aria-hidden": true })),
-                React.createElement("span", { className: css(styles.expandableSectionToggleText) }, toggleContent || computedToggleText))),
-            React.createElement("div", { className: css(styles.expandableSectionContent), hidden: !propOrStateIsExpanded, id: contentId }, children)));
+        const expandableToggle = !isDetached && (React.createElement("button", { className: css(styles.expandableSectionToggle), type: "button", "aria-expanded": propOrStateIsExpanded, onClick: () => onToggle(!propOrStateIsExpanded) },
+            variant !== ExpandableSectionVariant.truncate && (React.createElement("span", { className: css(styles.expandableSectionToggleIcon) },
+                React.createElement(AngleRightIcon, { "aria-hidden": true }))),
+            React.createElement("span", { className: css(styles.expandableSectionToggleText) }, toggleContent || computedToggleText)));
+        return (React.createElement("div", Object.assign({ className: css(styles.expandableSection, propOrStateIsExpanded && styles.modifiers.expanded, isActive && styles.modifiers.active, isDetached && styles.modifiers.detached, displaySize === 'large' && styles.modifiers.displayLg, isWidthLimited && styles.modifiers.limitWidth, isIndented && styles.modifiers.indented, variant === ExpandableSectionVariant.truncate && styles.modifiers.truncate, className) }, props),
+            variant === ExpandableSectionVariant.default && expandableToggle,
+            React.createElement("div", { ref: this.expandableContentRef, className: css(styles.expandableSectionContent), hidden: variant !== ExpandableSectionVariant.truncate && !propOrStateIsExpanded, id: contentId }, children),
+            variant === ExpandableSectionVariant.truncate && expandableToggle));
     }
 }
 ExpandableSection.displayName = 'ExpandableSection';
@@ -54,6 +84,7 @@ ExpandableSection.defaultProps = {
     displaySize: 'default',
     isWidthLimited: false,
     isIndented: false,
-    contentId: ''
+    contentId: '',
+    variant: 'default'
 };
 //# sourceMappingURL=ExpandableSection.js.map

package/dist/esm/components/ExpandableSection/ExpandableSection.js.map

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

package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts

@@ -12,6 +12,8 @@ export interface ExpandableSectionToggleProps extends React.HTMLProps<HTMLDivEle
     contentId?: string;
     /** Direction the toggle arrow should point when the expandable section is expanded. */
     direction?: 'up' | 'down';
+    /** @beta Flag to determine toggle styling when the expandable content is truncated. */
+    hasTruncatedContent?: boolean;
 }
 export declare const ExpandableSectionToggle: React.FunctionComponent<ExpandableSectionToggleProps>;
 //# sourceMappingURL=ExpandableSectionToggle.d.ts.map

package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableSectionToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CAoCzF,CAAC"}
+{"version":3,"file":"ExpandableSectionToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,uFAAuF;IACvF,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CAwCzF,CAAC"}

package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js

@@ -4,11 +4,11 @@ import styles from '@patternfly/react-styles/css/components/ExpandableSection/ex
 import { css } from '@patternfly/react-styles';
 import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
 export const ExpandableSectionToggle = (_a) => {
-    var { children, className = '', isExpanded = false, onToggle, contentId, direction = 'down' } = _a, props = __rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "direction"]);
-    return (React.createElement("div", Object.assign({}, props, { className: css(styles.expandableSection, isExpanded && styles.modifiers.expanded, styles.modifiers.detached, className) }),
+    var { children, className = '', isExpanded = false, onToggle, contentId, direction = 'down', hasTruncatedContent = false } = _a, props = __rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "direction", "hasTruncatedContent"]);
+    return (React.createElement("div", Object.assign({ className: css(styles.expandableSection, isExpanded && styles.modifiers.expanded, styles.modifiers.detached, hasTruncatedContent && styles.modifiers.truncate, className) }, props),
         React.createElement("button", { className: css(styles.expandableSectionToggle), type: "button", "aria-expanded": isExpanded, "aria-controls": contentId, onClick: () => onToggle(!isExpanded) },
-            React.createElement("span", { className: css(styles.expandableSectionToggleIcon, isExpanded && direction === 'up' && styles.modifiers.expandTop) },
-                React.createElement(AngleRightIcon, { "aria-hidden": true })),
+            !hasTruncatedContent && (React.createElement("span", { className: css(styles.expandableSectionToggleIcon, isExpanded && direction === 'up' && styles.modifiers.expandTop) },
+                React.createElement(AngleRightIcon, { "aria-hidden": true }))),
             React.createElement("span", { className: css(styles.expandableSectionToggleText) }, children))));
 };
 ExpandableSectionToggle.displayName = 'ExpandableSectionToggle';

package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableSectionToggle.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,8EAA8E,CAAC;AAClG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,cAAc,MAAM,yDAAyD,CAAC;AAiBrF,MAAM,CAAC,MAAM,uBAAuB,GAA0D,CAAC,EAQhE,EAAE,EAAE;QAR4D,EAC7F,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,MAAM,OAEW,EAD1B,KAAK,cAPqF,6EAQ9F,CADS;IAC0B,OAAA,CAClC,6CACM,KAAK,IACT,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,iBAAiB,EACxB,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,MAAM,CAAC,SAAS,CAAC,QAAQ,EACzB,SAAS,CACV;QAED,gCACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,uBAAuB,CAAC,EAC9C,IAAI,EAAC,QAAQ,mBACE,UAAU,mBACV,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC;YAEpC,8BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,2BAA2B,EAClC,UAAU,IAAI,SAAS,KAAK,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,CAC/D;gBAED,oBAAC,cAAc,0BAAe,CACzB;YACP,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,QAAQ,CAAQ,CACpE,CACL,CACP,CAAA;CAAA,CAAC;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
+{"version":3,"file":"ExpandableSectionToggle.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,8EAA8E,CAAC;AAClG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,cAAc,MAAM,yDAAyD,CAAC;AAmBrF,MAAM,CAAC,MAAM,uBAAuB,GAA0D,CAAC,EAShE,EAAE,EAAE;QAT4D,EAC7F,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,MAAM,EAClB,mBAAmB,GAAG,KAAK,OAEE,EAD1B,KAAK,cARqF,oGAS9F,CADS;IAC0B,OAAA,CAClC,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,iBAAiB,EACxB,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,MAAM,CAAC,SAAS,CAAC,QAAQ,EACzB,mBAAmB,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAChD,SAAS,CACV,IACG,KAAK;QAET,gCACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,uBAAuB,CAAC,EAC9C,IAAI,EAAC,QAAQ,mBACE,UAAU,mBACV,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC;YAEnC,CAAC,mBAAmB,IAAI,CACvB,8BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,2BAA2B,EAClC,UAAU,IAAI,SAAS,KAAK,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,CAC/D;gBAED,oBAAC,cAAc,0BAAe,CACzB,CACR;YACD,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,QAAQ,CAAQ,CACpE,CACL,CACP,CAAA;CAAA,CAAC;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}

package/dist/esm/components/InputGroup/InputGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAwB/D,CAAC"}
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA0B/D,CAAC"}

package/dist/esm/components/InputGroup/InputGroup.js

@@ -11,9 +11,11 @@ export const InputGroup = (_a) => {
     const idItem = React.Children.toArray(children).find((child) => !formCtrls.includes(child.type.displayName) && child.props.id);
     const inputGroupRef = innerRef || React.useRef(null);
     return (React.createElement("div", Object.assign({ ref: inputGroupRef, className: css(styles.inputGroup, className) }, props), idItem
-        ? React.Children.map(children, (child) => formCtrls.includes(child.type.displayName)
-            ? React.cloneElement(child, { 'aria-describedby': idItem.props.id })
-            : child)
+        ? React.Children.map(children, (child) => !formCtrls.includes(child.type.displayName) || child.props['aria-describedby']
+            ? child
+            : React.cloneElement(child, {
+                'aria-describedby': child.props['aria-describedby'] === '' ? undefined : idItem.props.id
+            }))
         : children));
 };
 InputGroup.displayName = 'InputGroup';

package/dist/esm/components/InputGroup/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzC,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAKnD,EAAE,EAAE;QAL+C,EACnE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,OAEQ,EADb,KAAK,cAJ2D,qCAKpE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClF,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAClD,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CACxC,CAAC;IAExC,MAAM,aAAa,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO,CACL,2CAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK,GAC7E,MAAM;QACL,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1C,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;YACxC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;YACpE,CAAC,CAAC,KAAK,CACV;QACH,CAAC,CAAC,QAAQ,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWzC,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAKnD,EAAE,EAAE;QAL+C,EACnE,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,OAEQ,EADb,KAAK,cAJ2D,qCAKpE,CADS;IAER,MAAM,SAAS,GAAG,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAClF,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAClD,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CACxC,CAAC;IAExC,MAAM,aAAa,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO,CACL,2CAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK,GAC7E,MAAM;QACL,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1C,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC;YAC5E,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBACxB,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;aACzF,CAAC,CACP;QACH,CAAC,CAAC,QAAQ,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/esm/components/NumberInput/NumberInput.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { ButtonProps } from '../Button';
+import { ValidatedOptions } from '../../helpers';
 export interface NumberInputProps extends React.HTMLProps<HTMLDivElement> {
     /** Value of the number input */
     value?: number;
@@ -9,6 +10,10 @@ export interface NumberInputProps extends React.HTMLProps<HTMLDivElement> {
     widthChars?: number;
     /** Indicates the whole number input should be disabled */
     isDisabled?: boolean;
+    /** Value to indicate if the input is modified to show that validation state
+     * @beta
+     */
+    validated?: 'default' | 'error' | 'warning' | 'success' | ValidatedOptions;
     /** Callback for the minus button */
     onMinus?: (event: React.MouseEvent, name?: string) => void;
     /** Callback for the text input changing */

package/dist/esm/components/NumberInput/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAGhD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,mCAAmC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wEAAwE;IACxE,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,iFAAiF;IACjF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,sDAAsD;IACtD,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,qDAAqD;IACrD,YAAY,CAAC,EAAE,WAAW,CAAC;CAC5B;AAeD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAwFjE,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAa,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC;IAC3E,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,mCAAmC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wEAAwE;IACxE,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,iFAAiF;IACjF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,sDAAsD;IACtD,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,qDAAqD;IACrD,YAAY,CAAC,EAAE,WAAW,CAAC;CAC5B;AAeD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAyFjE,CAAC"}

package/dist/esm/components/NumberInput/NumberInput.js

@@ -6,7 +6,8 @@ import MinusIcon from '@patternfly/react-icons/dist/esm/icons/minus-icon';
 import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
 import { InputGroup } from '../InputGroup';
 import { Button } from '../Button';
-import { KEY_CODES } from '../../helpers';
+import { KEY_CODES, ValidatedOptions } from '../../helpers';
+import { TextInput } from '../TextInput';
 const defaultKeyDownHandler = (args) => (event) => {
     if (KEY_CODES.ARROW_UP === event.keyCode && args.onPlus) {
         event.preventDefault();
@@ -18,7 +19,7 @@ const defaultKeyDownHandler = (args) => (event) => {
     }
 };
 export const NumberInput = (_a) => {
-    var { value = 0, className, widthChars, isDisabled = false, onMinus = () => { }, onChange, onBlur, onPlus = () => { }, unit, unitPosition = 'after', min, max, inputName, inputAriaLabel = 'Input', minusBtnAriaLabel = 'Minus', plusBtnAriaLabel = 'Plus', inputProps, minusBtnProps, plusBtnProps } = _a, props = __rest(_a, ["value", "className", "widthChars", "isDisabled", "onMinus", "onChange", "onBlur", "onPlus", "unit", "unitPosition", "min", "max", "inputName", "inputAriaLabel", "minusBtnAriaLabel", "plusBtnAriaLabel", "inputProps", "minusBtnProps", "plusBtnProps"]);
+    var { value = 0, className, widthChars, isDisabled = false, validated = ValidatedOptions.default, onMinus = () => { }, onChange, onBlur, onPlus = () => { }, unit, unitPosition = 'after', min, max, inputName, inputAriaLabel = 'Input', minusBtnAriaLabel = 'Minus', plusBtnAriaLabel = 'Plus', inputProps, minusBtnProps, plusBtnProps } = _a, props = __rest(_a, ["value", "className", "widthChars", "isDisabled", "validated", "onMinus", "onChange", "onBlur", "onPlus", "unit", "unitPosition", "min", "max", "inputName", "inputAriaLabel", "minusBtnAriaLabel", "plusBtnAriaLabel", "inputProps", "minusBtnProps", "plusBtnProps"]);
     const numberInputUnit = React.createElement("div", { className: css(styles.numberInputUnit) }, unit);
     const keyDownHandler = inputProps && inputProps.onKeyDown ? inputProps.onKeyDown : defaultKeyDownHandler({ inputName, onMinus, onPlus });
     const handleBlur = (event) => {
@@ -30,7 +31,7 @@ export const NumberInput = (_a) => {
             onBlur(event);
         }
     };
-    return (React.createElement("div", Object.assign({ className: css(styles.numberInput, className) }, (widthChars && {
+    return (React.createElement("div", Object.assign({ className: css(styles.numberInput, validated !== 'default' && styles.modifiers.status, className) }, (widthChars && {
         style: Object.assign({ '--pf-c-number-input--c-form-control--width-chars': widthChars }, props.style)
     }), props),
         unit && unitPosition === 'before' && numberInputUnit,
@@ -38,7 +39,7 @@ export const NumberInput = (_a) => {
             React.createElement(Button, Object.assign({ variant: "control", "aria-label": minusBtnAriaLabel, isDisabled: isDisabled || value <= min, onClick: evt => onMinus(evt, inputName) }, minusBtnProps),
                 React.createElement("span", { className: css(styles.numberInputIcon) },
                     React.createElement(MinusIcon, { "aria-hidden": "true" }))),
-            React.createElement("input", Object.assign({ className: css(styles.formControl), type: "number", value: value, name: inputName, "aria-label": inputAriaLabel }, (isDisabled && { disabled: isDisabled }), (onChange && { onChange }), { onBlur: handleBlur }, (!onChange && { readOnly: true }), inputProps, { onKeyDown: keyDownHandler })),
+            React.createElement(TextInput, Object.assign({ type: "number", value: value, name: inputName, "aria-label": inputAriaLabel }, (isDisabled && { isDisabled }), (onChange && { onChange: (value, event) => onChange(event) }), { onBlur: handleBlur }, (!onChange && { isReadOnly: true }), { onKeyDown: keyDownHandler, validated: validated }, inputProps)),
             React.createElement(Button, Object.assign({ variant: "control", "aria-label": plusBtnAriaLabel, isDisabled: isDisabled || value >= max, onClick: evt => onPlus(evt, inputName) }, plusBtnProps),
                 React.createElement("span", { className: css(styles.numberInputIcon) },
                     React.createElement(PlusIcon, { "aria-hidden": "true" })))),

package/dist/esm/components/NumberInput/NumberInput.js.map

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

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

@@ -1,9 +1,13 @@
 import * as React from 'react';
 import { PickOptional } from '../../helpers/typeUtils';
+export declare enum ExpandableSectionVariant {
+    default = "default",
+    truncate = "truncate"
+}
 export interface ExpandableSectionProps extends React.HTMLProps<HTMLDivElement> {
-    /** Content rendered inside the Expandable Component */
+    /** Content rendered inside the expandable section. */
     children?: React.ReactNode;
-    /** Additional classes added to the Expandable Component */
+    /** Additional classes added to the expandable section. */
     className?: string;
     /** Flag to indicate if the content is expanded */
     isExpanded?: boolean;
@@ -15,7 +19,7 @@ export interface ExpandableSectionProps extends React.HTMLProps<HTMLDivElement>
     toggleTextCollapsed?: string;
     /** React node that appears in the attached toggle in place of toggle text */
     toggleContent?: React.ReactNode;
-    /** Callback function to toggle the expandable content. Detached expandable sections should use the onToggle property of ExpandableSectionToggle. */
+    /** Callback function to toggle the expandable section. Detached expandable sections should use the onToggle property of the expandable section toggle sub-component. */
     onToggle?: (isExpanded: boolean) => void;
     /** Forces active state */
     isActive?: boolean;
@@ -29,6 +33,13 @@ export interface ExpandableSectionProps extends React.HTMLProps<HTMLDivElement>
     isWidthLimited?: boolean;
     /** Flag to indicate if the content is indented */
     isIndented?: boolean;
+    /** @beta Determines the variant of the expandable section. When passing in "truncate" as the
+     * variant, the expandable content will be truncated after 3 lines by default.
+     */
+    variant?: 'default' | 'truncate';
+    /** @beta Truncates the expandable content to the specified number of lines when using the
+     * "truncate" variant. */
+    truncateMaxLines?: number;
 }
 interface ExpandableSectionState {
     isExpanded: boolean;
@@ -36,8 +47,11 @@ interface ExpandableSectionState {
 export declare class ExpandableSection extends React.Component<ExpandableSectionProps, ExpandableSectionState> {
     static displayName: string;
     constructor(props: ExpandableSectionProps);
+    expandableContentRef: React.RefObject<HTMLDivElement>;
     static defaultProps: PickOptional<ExpandableSectionProps>;
     private calculateToggleText;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ExpandableSectionProps): void;
     render(): JSX.Element;
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yKAAyK;IACzK,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0KAA0K;IAC1K,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,oJAAoJ;IACpJ,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAClC,kGAAkG;IAClG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IACpG,MAAM,CAAC,WAAW,SAAuB;gBAC7B,KAAK,EAAE,sBAAsB;IAQzC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAavD;IAEF,OAAO,CAAC,mBAAmB;IAe3B,MAAM;CAsEP"}
+{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yKAAyK;IACzK,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0KAA0K;IAC1K,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,wKAAwK;IACxK,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,WAAW,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAClC,kGAAkG;IAClG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;6BACyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,OAAO,CAAC;CACrB;AAUD,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IACpG,MAAM,CAAC,WAAW,SAAuB;gBAC7B,KAAK,EAAE,sBAAsB;IAQzC,oBAAoB,kCAAqC;IACzD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAcvD;IAEF,OAAO,CAAC,mBAAmB;IAe3B,iBAAiB;IAOjB,kBAAkB,CAAC,SAAS,EAAE,sBAAsB;IAUpD,MAAM;CAoFP"}

package/dist/js/components/ExpandableSection/ExpandableSection.js

@@ -1,14 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExpandableSection = void 0;
+exports.ExpandableSection = exports.ExpandableSectionVariant = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const expandable_section_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/ExpandableSection/expandable-section"));
 const react_styles_1 = require("@patternfly/react-styles");
+const c_expandable_section_m_truncate__content_LineClamp_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_expandable_section_m_truncate__content_LineClamp'));
 const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon'));
+var ExpandableSectionVariant;
+(function (ExpandableSectionVariant) {
+    ExpandableSectionVariant["default"] = "default";
+    ExpandableSectionVariant["truncate"] = "truncate";
+})(ExpandableSectionVariant = exports.ExpandableSectionVariant || (exports.ExpandableSectionVariant = {}));
+const setLineClamp = (lines, element) => {
+    if (!element || lines < 1) {
+        return;
+    }
+    element.style.setProperty(c_expandable_section_m_truncate__content_LineClamp_1.default.name, lines.toString());
+};
 class ExpandableSection extends React.Component {
     constructor(props) {
         super(props);
+        this.expandableContentRef = React.createRef();
         this.state = {
             isExpanded: props.isExpanded
         };
@@ -22,10 +35,25 @@ class ExpandableSection extends React.Component {
         }
         return toggleText;
     }
+    componentDidMount() {
+        if (this.props.variant === ExpandableSectionVariant.truncate && this.props.truncateMaxLines) {
+            const expandableContent = this.expandableContentRef.current;
+            setLineClamp(this.props.truncateMaxLines, expandableContent);
+        }
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.variant === ExpandableSectionVariant.truncate &&
+            prevProps.truncateMaxLines !== this.props.truncateMaxLines) {
+            const expandableContent = this.expandableContentRef.current;
+            setLineClamp(this.props.truncateMaxLines, expandableContent);
+        }
+    }
     render() {
         const _a = this.props, { onToggle: onToggleProp, 
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        isActive, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId } = _a, props = tslib_1.__rest(_a, ["onToggle", "isActive", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId"]);
+        isActive, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId, variant, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        truncateMaxLines } = _a, props = tslib_1.__rest(_a, ["onToggle", "isActive", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId", "variant", "truncateMaxLines"]);
         let onToggle = onToggleProp;
         let propOrStateIsExpanded = isExpanded;
         // uncontrolled
@@ -36,12 +64,14 @@ class ExpandableSection extends React.Component {
             };
         }
         const computedToggleText = this.calculateToggleText(toggleText, toggleTextExpanded, toggleTextCollapsed, propOrStateIsExpanded);
-        return (React.createElement("div", Object.assign({}, props, { className: react_styles_1.css(expandable_section_1.default.expandableSection, propOrStateIsExpanded && expandable_section_1.default.modifiers.expanded, isActive && expandable_section_1.default.modifiers.active, isDetached && expandable_section_1.default.modifiers.detached, displaySize === 'large' && expandable_section_1.default.modifiers.displayLg, isWidthLimited && expandable_section_1.default.modifiers.limitWidth, isIndented && expandable_section_1.default.modifiers.indented, className) }),
-            !isDetached && (React.createElement("button", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggle), type: "button", "aria-expanded": propOrStateIsExpanded, onClick: () => onToggle(!propOrStateIsExpanded) },
-                React.createElement("span", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggleIcon) },
-                    React.createElement(angle_right_icon_1.default, { "aria-hidden": true })),
-                React.createElement("span", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggleText) }, toggleContent || computedToggleText))),
-            React.createElement("div", { className: react_styles_1.css(expandable_section_1.default.expandableSectionContent), hidden: !propOrStateIsExpanded, id: contentId }, children)));
+        const expandableToggle = !isDetached && (React.createElement("button", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggle), type: "button", "aria-expanded": propOrStateIsExpanded, onClick: () => onToggle(!propOrStateIsExpanded) },
+            variant !== ExpandableSectionVariant.truncate && (React.createElement("span", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggleIcon) },
+                React.createElement(angle_right_icon_1.default, { "aria-hidden": true }))),
+            React.createElement("span", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggleText) }, toggleContent || computedToggleText)));
+        return (React.createElement("div", Object.assign({ className: react_styles_1.css(expandable_section_1.default.expandableSection, propOrStateIsExpanded && expandable_section_1.default.modifiers.expanded, isActive && expandable_section_1.default.modifiers.active, isDetached && expandable_section_1.default.modifiers.detached, displaySize === 'large' && expandable_section_1.default.modifiers.displayLg, isWidthLimited && expandable_section_1.default.modifiers.limitWidth, isIndented && expandable_section_1.default.modifiers.indented, variant === ExpandableSectionVariant.truncate && expandable_section_1.default.modifiers.truncate, className) }, props),
+            variant === ExpandableSectionVariant.default && expandableToggle,
+            React.createElement("div", { ref: this.expandableContentRef, className: react_styles_1.css(expandable_section_1.default.expandableSectionContent), hidden: variant !== ExpandableSectionVariant.truncate && !propOrStateIsExpanded, id: contentId }, children),
+            variant === ExpandableSectionVariant.truncate && expandableToggle));
     }
 }
 exports.ExpandableSection = ExpandableSection;
@@ -58,6 +88,7 @@ ExpandableSection.defaultProps = {
     displaySize: 'default',
     isWidthLimited: false,
     isIndented: false,
-    contentId: ''
+    contentId: '',
+    variant: 'default'
 };
 //# sourceMappingURL=ExpandableSection.js.map

package/dist/js/components/ExpandableSection/ExpandableSection.js.map

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

package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts

@@ -12,6 +12,8 @@ export interface ExpandableSectionToggleProps extends React.HTMLProps<HTMLDivEle
     contentId?: string;
     /** Direction the toggle arrow should point when the expandable section is expanded. */
     direction?: 'up' | 'down';
+    /** @beta Flag to determine toggle styling when the expandable content is truncated. */
+    hasTruncatedContent?: boolean;
 }
 export declare const ExpandableSectionToggle: React.FunctionComponent<ExpandableSectionToggleProps>;
 //# sourceMappingURL=ExpandableSectionToggle.d.ts.map

package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableSectionToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CAoCzF,CAAC"}
+{"version":3,"file":"ExpandableSectionToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,uFAAuF;IACvF,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CAwCzF,CAAC"}

package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js

@@ -7,11 +7,11 @@ const expandable_section_1 = tslib_1.__importDefault(require("@patternfly/react-
 const react_styles_1 = require("@patternfly/react-styles");
 const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon'));
 const ExpandableSectionToggle = (_a) => {
-    var { children, className = '', isExpanded = false, onToggle, contentId, direction = 'down' } = _a, props = tslib_1.__rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "direction"]);
-    return (React.createElement("div", Object.assign({}, props, { className: react_styles_1.css(expandable_section_1.default.expandableSection, isExpanded && expandable_section_1.default.modifiers.expanded, expandable_section_1.default.modifiers.detached, className) }),
+    var { children, className = '', isExpanded = false, onToggle, contentId, direction = 'down', hasTruncatedContent = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "direction", "hasTruncatedContent"]);
+    return (React.createElement("div", Object.assign({ className: react_styles_1.css(expandable_section_1.default.expandableSection, isExpanded && expandable_section_1.default.modifiers.expanded, expandable_section_1.default.modifiers.detached, hasTruncatedContent && expandable_section_1.default.modifiers.truncate, className) }, props),
         React.createElement("button", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggle), type: "button", "aria-expanded": isExpanded, "aria-controls": contentId, onClick: () => onToggle(!isExpanded) },
-            React.createElement("span", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggleIcon, isExpanded && direction === 'up' && expandable_section_1.default.modifiers.expandTop) },
-                React.createElement(angle_right_icon_1.default, { "aria-hidden": true })),
+            !hasTruncatedContent && (React.createElement("span", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggleIcon, isExpanded && direction === 'up' && expandable_section_1.default.modifiers.expandTop) },
+                React.createElement(angle_right_icon_1.default, { "aria-hidden": true }))),
             React.createElement("span", { className: react_styles_1.css(expandable_section_1.default.expandableSectionToggleText) }, children))));
 };
 exports.ExpandableSectionToggle = ExpandableSectionToggle;

package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableSectionToggle.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8IAAkG;AAClG,2DAA+C;AAC/C,sHAAqF;AAiB9E,MAAM,uBAAuB,GAA0D,CAAC,EAQhE,EAAE,EAAE;QAR4D,EAC7F,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,MAAM,OAEW,EAD1B,KAAK,sBAPqF,6EAQ9F,CADS;IAC0B,OAAA,CAClC,6CACM,KAAK,IACT,SAAS,EAAE,kBAAG,CACZ,4BAAM,CAAC,iBAAiB,EACxB,UAAU,IAAI,4BAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,4BAAM,CAAC,SAAS,CAAC,QAAQ,EACzB,SAAS,CACV;QAED,gCACE,SAAS,EAAE,kBAAG,CAAC,4BAAM,CAAC,uBAAuB,CAAC,EAC9C,IAAI,EAAC,QAAQ,mBACE,UAAU,mBACV,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC;YAEpC,8BACE,SAAS,EAAE,kBAAG,CACZ,4BAAM,CAAC,2BAA2B,EAClC,UAAU,IAAI,SAAS,KAAK,IAAI,IAAI,4BAAM,CAAC,SAAS,CAAC,SAAS,CAC/D;gBAED,oBAAC,0BAAc,0BAAe,CACzB;YACP,8BAAM,SAAS,EAAE,kBAAG,CAAC,4BAAM,CAAC,2BAA2B,CAAC,IAAG,QAAQ,CAAQ,CACpE,CACL,CACP,CAAA;CAAA,CAAC;AApCW,QAAA,uBAAuB,2BAoClC;AAEF,+BAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
+{"version":3,"file":"ExpandableSectionToggle.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8IAAkG;AAClG,2DAA+C;AAC/C,sHAAqF;AAmB9E,MAAM,uBAAuB,GAA0D,CAAC,EAShE,EAAE,EAAE;QAT4D,EAC7F,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,MAAM,EAClB,mBAAmB,GAAG,KAAK,OAEE,EAD1B,KAAK,sBARqF,oGAS9F,CADS;IAC0B,OAAA,CAClC,2CACE,SAAS,EAAE,kBAAG,CACZ,4BAAM,CAAC,iBAAiB,EACxB,UAAU,IAAI,4BAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,4BAAM,CAAC,SAAS,CAAC,QAAQ,EACzB,mBAAmB,IAAI,4BAAM,CAAC,SAAS,CAAC,QAAQ,EAChD,SAAS,CACV,IACG,KAAK;QAET,gCACE,SAAS,EAAE,kBAAG,CAAC,4BAAM,CAAC,uBAAuB,CAAC,EAC9C,IAAI,EAAC,QAAQ,mBACE,UAAU,mBACV,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC;YAEnC,CAAC,mBAAmB,IAAI,CACvB,8BACE,SAAS,EAAE,kBAAG,CACZ,4BAAM,CAAC,2BAA2B,EAClC,UAAU,IAAI,SAAS,KAAK,IAAI,IAAI,4BAAM,CAAC,SAAS,CAAC,SAAS,CAC/D;gBAED,oBAAC,0BAAc,0BAAe,CACzB,CACR;YACD,8BAAM,SAAS,EAAE,kBAAG,CAAC,4BAAM,CAAC,2BAA2B,CAAC,IAAG,QAAQ,CAAQ,CACpE,CACL,CACP,CAAA;CAAA,CAAC;AAxCW,QAAA,uBAAuB,2BAwClC;AAEF,+BAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAwB/D,CAAC"}
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA0B/D,CAAC"}

package/dist/js/components/InputGroup/InputGroup.js

@@ -14,9 +14,11 @@ const InputGroup = (_a) => {
     const idItem = React.Children.toArray(children).find((child) => !formCtrls.includes(child.type.displayName) && child.props.id);
     const inputGroupRef = innerRef || React.useRef(null);
     return (React.createElement("div", Object.assign({ ref: inputGroupRef, className: react_styles_1.css(input_group_1.default.inputGroup, className) }, props), idItem
-        ? React.Children.map(children, (child) => formCtrls.includes(child.type.displayName)
-            ? React.cloneElement(child, { 'aria-describedby': idItem.props.id })
-            : child)
+        ? React.Children.map(children, (child) => !formCtrls.includes(child.type.displayName) || child.props['aria-describedby']
+            ? child
+            : React.cloneElement(child, {
+                'aria-describedby': child.props['aria-describedby'] === '' ? undefined : idItem.props.id
+            }))
         : children));
 };
 exports.InputGroup = InputGroup;