@patternfly/react-core 4.205.1 → 4.206.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.206.0 (2022-04-19)
+
+
+### Features
+
+* **HelperText:** add react demos ([#7250](https://github.com/patternfly/patternfly-react/issues/7250)) ([bf68976](https://github.com/patternfly/patternfly-react/commit/bf68976bebd683c935f587795a868c32ea8c5616))
+
+
+
+
+
 ## 4.205.1 (2022-04-19)
 
 **Note:** Version bump only for package @patternfly/react-core

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

@@ -6,6 +6,15 @@ export interface HelperTextProps extends React.HTMLProps<HTMLDivElement | HTMLUL
     className?: string;
     /** Component type of the helper text container */
     component?: 'div' | 'ul';
+    /** ID for the helper text container. The value of this prop can be passed into a form component's
+     * aria-describedby prop when you intend for all helper text items to be announced to
+     * assistive technologies.
+     */
+    id?: string;
+    /** Flag for indicating whether the helper text container is a live region. Use this prop when you
+     * expect or intend for any helper text items within the container to be dynamically updated.
+     */
+    isLiveRegion?: boolean;
 }
 export declare const HelperText: React.FunctionComponent<HelperTextProps>;
 //# sourceMappingURL=HelperText.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,gBAAgB,CAAC;IACzF,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAY/D,CAAC"}
+{"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,gBAAgB,CAAC;IACzF,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACzB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAmB/D,CAAC"}

package/dist/esm/components/HelperText/HelperText.js

@@ -3,9 +3,9 @@ import * as React from 'react';
 import styles from '@patternfly/react-styles/css/components/HelperText/helper-text';
 import { css } from '@patternfly/react-styles';
 export const HelperText = (_a) => {
-    var { children, className, component = 'div' } = _a, props = __rest(_a, ["children", "className", "component"]);
+    var { children, className, component = 'div', id, isLiveRegion = false } = _a, props = __rest(_a, ["children", "className", "component", "id", "isLiveRegion"]);
     const Component = component;
-    return (React.createElement(Component, Object.assign({ className: css(styles.helperText, className) }, props), children));
+    return (React.createElement(Component, Object.assign({ id: id, className: css(styles.helperText, className) }, (isLiveRegion && { 'aria-live': 'polite' }), props), children));
 };
 HelperText.displayName = 'HelperText';
 //# sourceMappingURL=HelperText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HelperText.js","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperText.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;AAW/C,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAKnD,EAAE,EAAE;QAL+C,EACnE,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,OAED,EADb,KAAK,cAJ2D,sCAKpE,CADS;IAER,MAAM,SAAS,GAAG,SAAgB,CAAC;IACnC,OAAO,CACL,oBAAC,SAAS,kBAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK,GAC/D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"HelperText.js","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperText.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;AAoB/C,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,EAOnD,EAAE,EAAE;QAP+C,EACnE,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,EAAE,EACF,YAAY,GAAG,KAAK,OAEJ,EADb,KAAK,cAN2D,4DAOpE,CADS;IAER,MAAM,SAAS,GAAG,SAAgB,CAAC;IACnC,OAAO,CACL,oBAAC,SAAS,kBACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IACxC,CAAC,YAAY,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAC3C,KAAK,GAER,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/esm/components/HelperText/HelperTextItem.d.ts

@@ -10,10 +10,18 @@ export interface HelperTextItemProps extends React.HTMLProps<HTMLDivElement | HT
     variant?: 'default' | 'indeterminate' | 'warning' | 'success' | 'error';
     /** Custom icon prefixing the helper text. This property will override the default icon paired with each helper text variant. */
     icon?: React.ReactNode;
-    /** Flag indicating the helper text item is dynamic. */
+    /** Flag indicating the helper text item is dynamic. This prop should be used when the
+     * text content of the helper text item will never change, but the icon and styling will
+     * be dynamically updated via the `variant` prop.
+     */
     isDynamic?: boolean;
     /** Flag indicating the helper text should have an icon. Dynamic helper texts include icons by default while static helper texts do not. */
     hasIcon?: boolean;
+    /** ID for the helper text item. The value of this prop can be passed into a form component's
+     * aria-describedby prop when you intend for only specific helper text items to be announced to
+     * assistive technologies.
+     */
+    id?: string;
 }
 export declare const HelperTextItem: React.FunctionComponent<HelperTextItemProps>;
 //# sourceMappingURL=HelperTextItem.d.ts.map

package/dist/esm/components/HelperText/HelperTextItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelperTextItem.d.ts","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperTextItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,aAAa,CAAC;IAC1F,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACzB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxE,gIAAgI;IAChI,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2IAA2I;IAC3I,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAUD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAgCvE,CAAC"}
+{"version":3,"file":"HelperTextItem.d.ts","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperTextItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,aAAa,CAAC;IAC1F,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACzB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxE,gIAAgI;IAChI,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2IAA2I;IAC3I,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAUD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAkCvE,CAAC"}

package/dist/esm/components/HelperText/HelperTextItem.js

@@ -14,9 +14,9 @@ const variantStyle = {
     error: styles.modifiers.error
 };
 export const HelperTextItem = (_a) => {
-    var { children, className, component = 'div', variant = 'default', icon, isDynamic = false, hasIcon = isDynamic } = _a, props = __rest(_a, ["children", "className", "component", "variant", "icon", "isDynamic", "hasIcon"]);
+    var { children, className, component = 'div', variant = 'default', icon, isDynamic = false, hasIcon = isDynamic, id } = _a, props = __rest(_a, ["children", "className", "component", "variant", "icon", "isDynamic", "hasIcon", "id"]);
     const Component = component;
-    return (React.createElement(Component, Object.assign({ className: css(styles.helperTextItem, variantStyle[variant], isDynamic && styles.modifiers.dynamic, className) }, props),
+    return (React.createElement(Component, Object.assign({ className: css(styles.helperTextItem, variantStyle[variant], isDynamic && styles.modifiers.dynamic, className), id: id }, props),
         icon && (React.createElement("span", { className: css(styles.helperTextItemIcon), "aria-hidden": true }, icon)),
         hasIcon && !icon && (React.createElement("span", { className: css(styles.helperTextItemIcon), "aria-hidden": true },
             (variant === 'default' || variant === 'indeterminate') && React.createElement(MinusIcon, null),

package/dist/esm/components/HelperText/HelperTextItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelperTextItem.js","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperTextItem.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,SAAS,MAAM,mDAAmD,CAAC;AAC1E,OAAO,uBAAuB,MAAM,kEAAkE,CAAC;AACvG,OAAO,eAAe,MAAM,0DAA0D,CAAC;AACvF,OAAO,qBAAqB,MAAM,gEAAgE,CAAC;AAmBnG,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,EAAE;IACX,aAAa,EAAE,MAAM,CAAC,SAAS,CAAC,aAAa;IAC7C,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,OAAO;IACjC,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,OAAO;IACjC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EASvD,EAAE,EAAE;QATmD,EAC3E,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,SAAS,OAEC,EADjB,KAAK,cARmE,iFAS5E,CADS;IAER,MAAM,SAAS,GAAG,SAAgB,CAAC;IACnC,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,IAC1G,KAAK;QAER,IAAI,IAAI,CACP,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,yBAC5C,IAAI,CACA,CACR;QACA,OAAO,IAAI,CAAC,IAAI,IAAI,CACnB,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC;YAC5C,CAAC,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,eAAe,CAAC,IAAI,oBAAC,SAAS,OAAG;YACvE,OAAO,KAAK,SAAS,IAAI,oBAAC,uBAAuB,OAAG;YACpD,OAAO,KAAK,SAAS,IAAI,oBAAC,eAAe,OAAG;YAC5C,OAAO,KAAK,OAAO,IAAI,oBAAC,qBAAqB,OAAG,CAC5C,CACR;QACD,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAQ,CACxD,CACb,CAAC;AACJ,CAAC,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"HelperTextItem.js","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperTextItem.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,SAAS,MAAM,mDAAmD,CAAC;AAC1E,OAAO,uBAAuB,MAAM,kEAAkE,CAAC;AACvG,OAAO,eAAe,MAAM,0DAA0D,CAAC;AACvF,OAAO,qBAAqB,MAAM,gEAAgE,CAAC;AA2BnG,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,EAAE;IACX,aAAa,EAAE,MAAM,CAAC,SAAS,CAAC,aAAa;IAC7C,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,OAAO;IACjC,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,OAAO;IACjC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAUvD,EAAE,EAAE;QAVmD,EAC3E,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,SAAS,EACnB,EAAE,OAEkB,EADjB,KAAK,cATmE,uFAU5E,CADS;IAER,MAAM,SAAS,GAAG,SAAgB,CAAC;IACnC,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,EAC9G,EAAE,EAAE,EAAE,IACF,KAAK;QAER,IAAI,IAAI,CACP,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,yBAC5C,IAAI,CACA,CACR;QACA,OAAO,IAAI,CAAC,IAAI,IAAI,CACnB,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC;YAC5C,CAAC,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,eAAe,CAAC,IAAI,oBAAC,SAAS,OAAG;YACvE,OAAO,KAAK,SAAS,IAAI,oBAAC,uBAAuB,OAAG;YACpD,OAAO,KAAK,SAAS,IAAI,oBAAC,eAAe,OAAG;YAC5C,OAAO,KAAK,OAAO,IAAI,oBAAC,qBAAqB,OAAG,CAC5C,CACR;QACD,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAQ,CACxD,CACb,CAAC;AACJ,CAAC,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

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

@@ -6,6 +6,15 @@ export interface HelperTextProps extends React.HTMLProps<HTMLDivElement | HTMLUL
     className?: string;
     /** Component type of the helper text container */
     component?: 'div' | 'ul';
+    /** ID for the helper text container. The value of this prop can be passed into a form component's
+     * aria-describedby prop when you intend for all helper text items to be announced to
+     * assistive technologies.
+     */
+    id?: string;
+    /** Flag for indicating whether the helper text container is a live region. Use this prop when you
+     * expect or intend for any helper text items within the container to be dynamically updated.
+     */
+    isLiveRegion?: boolean;
 }
 export declare const HelperText: React.FunctionComponent<HelperTextProps>;
 //# sourceMappingURL=HelperText.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,gBAAgB,CAAC;IACzF,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAY/D,CAAC"}
+{"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,gBAAgB,CAAC;IACzF,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACzB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAmB/D,CAAC"}

package/dist/js/components/HelperText/HelperText.js

@@ -6,9 +6,9 @@ const React = tslib_1.__importStar(require("react"));
 const helper_text_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/HelperText/helper-text"));
 const react_styles_1 = require("@patternfly/react-styles");
 const HelperText = (_a) => {
-    var { children, className, component = 'div' } = _a, props = tslib_1.__rest(_a, ["children", "className", "component"]);
+    var { children, className, component = 'div', id, isLiveRegion = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "id", "isLiveRegion"]);
     const Component = component;
-    return (React.createElement(Component, Object.assign({ className: react_styles_1.css(helper_text_1.default.helperText, className) }, props), children));
+    return (React.createElement(Component, Object.assign({ id: id, className: react_styles_1.css(helper_text_1.default.helperText, className) }, (isLiveRegion && { 'aria-live': 'polite' }), props), children));
 };
 exports.HelperText = HelperText;
 exports.HelperText.displayName = 'HelperText';

package/dist/js/components/HelperText/HelperText.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelperText.js","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperText.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAWxC,MAAM,UAAU,GAA6C,CAAC,EAKnD,EAAE,EAAE;QAL+C,EACnE,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,OAED,EADb,KAAK,sBAJ2D,sCAKpE,CADS;IAER,MAAM,SAAS,GAAG,SAAgB,CAAC;IACnC,OAAO,CACL,oBAAC,SAAS,kBAAC,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK,GAC/D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"HelperText.js","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperText.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAoBxC,MAAM,UAAU,GAA6C,CAAC,EAOnD,EAAE,EAAE;QAP+C,EACnE,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,EAAE,EACF,YAAY,GAAG,KAAK,OAEJ,EADb,KAAK,sBAN2D,4DAOpE,CADS;IAER,MAAM,SAAS,GAAG,SAAgB,CAAC;IACnC,OAAO,CACL,oBAAC,SAAS,kBACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IACxC,CAAC,YAAY,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAC3C,KAAK,GAER,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,UAAU,cAmBrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/js/components/HelperText/HelperTextItem.d.ts

@@ -10,10 +10,18 @@ export interface HelperTextItemProps extends React.HTMLProps<HTMLDivElement | HT
     variant?: 'default' | 'indeterminate' | 'warning' | 'success' | 'error';
     /** Custom icon prefixing the helper text. This property will override the default icon paired with each helper text variant. */
     icon?: React.ReactNode;
-    /** Flag indicating the helper text item is dynamic. */
+    /** Flag indicating the helper text item is dynamic. This prop should be used when the
+     * text content of the helper text item will never change, but the icon and styling will
+     * be dynamically updated via the `variant` prop.
+     */
     isDynamic?: boolean;
     /** Flag indicating the helper text should have an icon. Dynamic helper texts include icons by default while static helper texts do not. */
     hasIcon?: boolean;
+    /** ID for the helper text item. The value of this prop can be passed into a form component's
+     * aria-describedby prop when you intend for only specific helper text items to be announced to
+     * assistive technologies.
+     */
+    id?: string;
 }
 export declare const HelperTextItem: React.FunctionComponent<HelperTextItemProps>;
 //# sourceMappingURL=HelperTextItem.d.ts.map

package/dist/js/components/HelperText/HelperTextItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelperTextItem.d.ts","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperTextItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,aAAa,CAAC;IAC1F,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACzB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxE,gIAAgI;IAChI,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2IAA2I;IAC3I,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAUD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAgCvE,CAAC"}
+{"version":3,"file":"HelperTextItem.d.ts","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperTextItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,aAAa,CAAC;IAC1F,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACzB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxE,gIAAgI;IAChI,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2IAA2I;IAC3I,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAUD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAkCvE,CAAC"}

package/dist/js/components/HelperText/HelperTextItem.js

@@ -17,9 +17,9 @@ const variantStyle = {
     error: helper_text_1.default.modifiers.error
 };
 const HelperTextItem = (_a) => {
-    var { children, className, component = 'div', variant = 'default', icon, isDynamic = false, hasIcon = isDynamic } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "variant", "icon", "isDynamic", "hasIcon"]);
+    var { children, className, component = 'div', variant = 'default', icon, isDynamic = false, hasIcon = isDynamic, id } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "variant", "icon", "isDynamic", "hasIcon", "id"]);
     const Component = component;
-    return (React.createElement(Component, Object.assign({ className: react_styles_1.css(helper_text_1.default.helperTextItem, variantStyle[variant], isDynamic && helper_text_1.default.modifiers.dynamic, className) }, props),
+    return (React.createElement(Component, Object.assign({ className: react_styles_1.css(helper_text_1.default.helperTextItem, variantStyle[variant], isDynamic && helper_text_1.default.modifiers.dynamic, className), id: id }, props),
         icon && (React.createElement("span", { className: react_styles_1.css(helper_text_1.default.helperTextItemIcon), "aria-hidden": true }, icon)),
         hasIcon && !icon && (React.createElement("span", { className: react_styles_1.css(helper_text_1.default.helperTextItemIcon), "aria-hidden": true },
             (variant === 'default' || variant === 'indeterminate') && React.createElement(minus_icon_1.default, null),

package/dist/js/components/HelperText/HelperTextItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelperTextItem.js","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperTextItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,0GAA0E;AAC1E,wIAAuG;AACvG,wHAAuF;AACvF,oIAAmG;AAmBnG,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,EAAE;IACX,aAAa,EAAE,qBAAM,CAAC,SAAS,CAAC,aAAa;IAC7C,OAAO,EAAE,qBAAM,CAAC,SAAS,CAAC,OAAO;IACjC,OAAO,EAAE,qBAAM,CAAC,SAAS,CAAC,OAAO;IACjC,KAAK,EAAE,qBAAM,CAAC,SAAS,CAAC,KAAK;CAC9B,CAAC;AAEK,MAAM,cAAc,GAAiD,CAAC,EASvD,EAAE,EAAE;QATmD,EAC3E,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,SAAS,OAEC,EADjB,KAAK,sBARmE,iFAS5E,CADS;IAER,MAAM,SAAS,GAAG,SAAgB,CAAC;IACnC,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE,SAAS,IAAI,qBAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,IAC1G,KAAK;QAER,IAAI,IAAI,CACP,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,kBAAkB,CAAC,yBAC5C,IAAI,CACA,CACR;QACA,OAAO,IAAI,CAAC,IAAI,IAAI,CACnB,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,kBAAkB,CAAC;YAC5C,CAAC,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,eAAe,CAAC,IAAI,oBAAC,oBAAS,OAAG;YACvE,OAAO,KAAK,SAAS,IAAI,oBAAC,mCAAuB,OAAG;YACpD,OAAO,KAAK,SAAS,IAAI,oBAAC,2BAAe,OAAG;YAC5C,OAAO,KAAK,OAAO,IAAI,oBAAC,iCAAqB,OAAG,CAC5C,CACR;QACD,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAQ,CACxD,CACb,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,cAAc,kBAgCzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"HelperTextItem.js","sourceRoot":"","sources":["../../../../src/components/HelperText/HelperTextItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,0GAA0E;AAC1E,wIAAuG;AACvG,wHAAuF;AACvF,oIAAmG;AA2BnG,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,EAAE;IACX,aAAa,EAAE,qBAAM,CAAC,SAAS,CAAC,aAAa;IAC7C,OAAO,EAAE,qBAAM,CAAC,SAAS,CAAC,OAAO;IACjC,OAAO,EAAE,qBAAM,CAAC,SAAS,CAAC,OAAO;IACjC,KAAK,EAAE,qBAAM,CAAC,SAAS,CAAC,KAAK;CAC9B,CAAC;AAEK,MAAM,cAAc,GAAiD,CAAC,EAUvD,EAAE,EAAE;QAVmD,EAC3E,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,SAAS,EACnB,EAAE,OAEkB,EADjB,KAAK,sBATmE,uFAU5E,CADS;IAER,MAAM,SAAS,GAAG,SAAgB,CAAC;IACnC,OAAO,CACL,oBAAC,SAAS,kBACR,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE,SAAS,IAAI,qBAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,EAC9G,EAAE,EAAE,EAAE,IACF,KAAK;QAER,IAAI,IAAI,CACP,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,kBAAkB,CAAC,yBAC5C,IAAI,CACA,CACR;QACA,OAAO,IAAI,CAAC,IAAI,IAAI,CACnB,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,kBAAkB,CAAC;YAC5C,CAAC,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,eAAe,CAAC,IAAI,oBAAC,oBAAS,OAAG;YACvE,OAAO,KAAK,SAAS,IAAI,oBAAC,mCAAuB,OAAG;YACpD,OAAO,KAAK,SAAS,IAAI,oBAAC,2BAAe,OAAG;YAC5C,OAAO,KAAK,OAAO,IAAI,oBAAC,iCAAqB,OAAG,CAC5C,CACR;QACD,8BAAM,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,kBAAkB,CAAC,IAAG,QAAQ,CAAQ,CACxD,CACb,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,cAAc,kBAkCzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/umd/react-core.js

@@ -13444,9 +13444,9 @@
     };
 
     const HelperText = (_a) => {
-        var { children, className, component = 'div' } = _a, props = __rest$1(_a, ["children", "className", "component"]);
+        var { children, className, component = 'div', id, isLiveRegion = false } = _a, props = __rest$1(_a, ["children", "className", "component", "id", "isLiveRegion"]);
         const Component = component;
-        return (React__namespace.createElement(Component, Object.assign({ className: css(styles$H.helperText, className) }, props), children));
+        return (React__namespace.createElement(Component, Object.assign({ id: id, className: css(styles$H.helperText, className) }, (isLiveRegion && { 'aria-live': 'polite' }), props), children));
     };
     HelperText.displayName = 'HelperText';
 
@@ -13471,9 +13471,9 @@
         error: styles$H.modifiers.error
     };
     const HelperTextItem = (_a) => {
-        var { children, className, component = 'div', variant = 'default', icon, isDynamic = false, hasIcon = isDynamic } = _a, props = __rest$1(_a, ["children", "className", "component", "variant", "icon", "isDynamic", "hasIcon"]);
+        var { children, className, component = 'div', variant = 'default', icon, isDynamic = false, hasIcon = isDynamic, id } = _a, props = __rest$1(_a, ["children", "className", "component", "variant", "icon", "isDynamic", "hasIcon", "id"]);
         const Component = component;
-        return (React__namespace.createElement(Component, Object.assign({ className: css(styles$H.helperTextItem, variantStyle$4[variant], isDynamic && styles$H.modifiers.dynamic, className) }, props),
+        return (React__namespace.createElement(Component, Object.assign({ className: css(styles$H.helperTextItem, variantStyle$4[variant], isDynamic && styles$H.modifiers.dynamic, className), id: id }, props),
             icon && (React__namespace.createElement("span", { className: css(styles$H.helperTextItemIcon), "aria-hidden": true }, icon)),
             hasIcon && !icon && (React__namespace.createElement("span", { className: css(styles$H.helperTextItemIcon), "aria-hidden": true },
                 (variant === 'default' || variant === 'indeterminate') && React__namespace.createElement(MinusIcon$1, null),

package/dist/umd/react-core.min.css

@@ -1486,6 +1486,41 @@ textarea.pf-c-form-control {
     --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-2xl, var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))))));
   }
 }
+.pf-c-back-to-top {
+  --pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
+  --pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
+  --pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
+  --pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
+  --pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
+  --pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
+  position: absolute;
+  right: var(--pf-c-back-to-top--Right);
+  bottom: var(--pf-c-back-to-top--Bottom);
+}
+
+@media (min-width: 768px) {
+  .pf-c-back-to-top {
+    --pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
+  }
+}
+.pf-c-back-to-top.pf-m-hidden {
+  display: none;
+}
+
+.pf-c-back-to-top .pf-c-button {
+  --pf-c-button--FontSize: var(--pf-c-back-to-top--c-button--FontSize);
+  --pf-c-button--BorderRadius: var(--pf-c-back-to-top--c-button--BorderRadius);
+  --pf-c-button--PaddingTop: var(--pf-c-back-to-top--c-button--PaddingTop);
+  --pf-c-button--PaddingRight: var(--pf-c-back-to-top--c-button--PaddingRight);
+  --pf-c-button--PaddingBottom: var(--pf-c-back-to-top--c-button--PaddingBottom);
+  --pf-c-button--PaddingLeft: var(--pf-c-back-to-top--c-button--PaddingLeft);
+  box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
+}
+
 .pf-c-background-image {
   --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
   --pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
@@ -5195,41 +5230,6 @@ label.pf-c-check, .pf-c-check__label,
   transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
 }
 
-.pf-c-back-to-top {
-  --pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
-  --pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
-  --pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
-  --pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
-  --pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
-  --pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
-  --pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
-  --pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
-  position: absolute;
-  right: var(--pf-c-back-to-top--Right);
-  bottom: var(--pf-c-back-to-top--Bottom);
-}
-
-@media (min-width: 768px) {
-  .pf-c-back-to-top {
-    --pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
-  }
-}
-.pf-c-back-to-top.pf-m-hidden {
-  display: none;
-}
-
-.pf-c-back-to-top .pf-c-button {
-  --pf-c-button--FontSize: var(--pf-c-back-to-top--c-button--FontSize);
-  --pf-c-button--BorderRadius: var(--pf-c-back-to-top--c-button--BorderRadius);
-  --pf-c-button--PaddingTop: var(--pf-c-back-to-top--c-button--PaddingTop);
-  --pf-c-button--PaddingRight: var(--pf-c-back-to-top--c-button--PaddingRight);
-  --pf-c-button--PaddingBottom: var(--pf-c-back-to-top--c-button--PaddingBottom);
-  --pf-c-button--PaddingLeft: var(--pf-c-back-to-top--c-button--PaddingLeft);
-  box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
-}
-
 .pf-c-description-list {
   --pf-c-description-list--RowGap: var(--pf-global--gutter--md);
   --pf-c-description-list--ColumnGap: var(--pf-global--spacer--lg);