@patternfly/react-core 4.205.1 → 4.206.2

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.206.2 (2022-04-21)
+
+
+### Bug Fixes
+
+* **DataListCheck:** revert checked prop ([#7284](https://github.com/patternfly/patternfly-react/issues/7284)) ([d9889fc](https://github.com/patternfly/patternfly-react/commit/d9889fc86f224533f81457f384954e6a299c5677))
+
+
+
+
+
+## 4.206.1 (2022-04-20)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
+# 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/DataList/DataListCheck.d.ts

@@ -6,14 +6,20 @@ export interface DataListCheckProps extends Omit<React.HTMLProps<HTMLInputElemen
     isValid?: boolean;
     /** Flag to show if the DataList checkbox is disabled */
     isDisabled?: boolean;
-    /** Flag to show if the DataList checkbox is checked when it is controlled by React state.
-     * To make the DataList checkbox uncontrolled, instead use the checked prop, but do not use both.
+    /** Flag to show if the DataList checkbox is checked when it is controlled by React state. Both isChecked and checked are valid,
+     * but only use one.
+     * To make the DataList checkbox uncontrolled, instead use the defaultChecked prop, but do not use both.
      */
     isChecked?: boolean;
+    /** Flag to show if the DataList checkbox is checked when it is controlled by React state. Both isChecked and checked are valid,
+     * but only use one.
+     * To make the DataList checkbox uncontrolled, instead use the defaultChecked prop, but do not use both.
+     */
+    checked?: boolean;
     /** Flag to set default value of DataList checkbox when it is uncontrolled by React state.
      * To make the DataList checkbox controlled, instead use the isChecked prop, but do not use both.
      */
-    checked?: boolean;
+    defaultChecked?: boolean;
     /** A callback for when the DataList checkbox selection changes */
     onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
     /** Aria-labelledby of the DataList checkbox */

package/dist/esm/components/DataList/DataListCheck.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataListCheck.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACzG,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA8BrE,CAAC"}
+{"version":3,"file":"DataListCheck.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACzG,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA+BrE,CAAC"}

package/dist/esm/components/DataList/DataListCheck.js

@@ -5,9 +5,9 @@ import styles from '@patternfly/react-styles/css/components/DataList/data-list';
 export const DataListCheck = (_a) => {
     var { className = '', 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    onChange = (checked, event) => { }, isValid = true, isDisabled = false, isChecked = null, checked = null, otherControls = false } = _a, props = __rest(_a, ["className", "onChange", "isValid", "isDisabled", "isChecked", "checked", "otherControls"]);
+    onChange = (checked, event) => { }, isValid = true, isDisabled = false, isChecked = null, checked = null, defaultChecked, otherControls = false } = _a, props = __rest(_a, ["className", "onChange", "isValid", "isDisabled", "isChecked", "checked", "defaultChecked", "otherControls"]);
     const check = (React.createElement("div", { className: css(styles.dataListCheck) },
-        React.createElement("input", Object.assign({}, props, { type: "checkbox", onChange: event => onChange(event.currentTarget.checked, event), "aria-invalid": !isValid, disabled: isDisabled }, (checked !== null && { defaultChecked: checked }), (isChecked !== null && { checked: isChecked })))));
+        React.createElement("input", Object.assign({}, props, { type: "checkbox", onChange: event => onChange(event.currentTarget.checked, event), "aria-invalid": !isValid, disabled: isDisabled }, ([true, false].includes(defaultChecked) && { defaultChecked }), (![true, false].includes(defaultChecked) && { checked: isChecked || checked })))));
     return (React.createElement(React.Fragment, null,
         !otherControls && React.createElement("div", { className: css(styles.dataListItemControl, className) }, check),
         otherControls && check));

package/dist/esm/components/DataList/DataListCheck.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataListCheck.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAyBhF,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAUtD,EAAE,EAAE;QAVkD,EACzE,SAAS,GAAG,EAAE;IACd,6DAA6D;IAC7D,QAAQ,GAAG,CAAC,OAAgB,EAAE,KAAwC,EAAE,EAAE,GAAE,CAAC,EAC7E,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,IAAI,EACd,aAAa,GAAG,KAAK,OAEF,EADhB,KAAK,cATiE,2FAU1E,CADS;IAER,MAAM,KAAK,GAAG,CACZ,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC;QACvC,+CACM,KAAK,IACT,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,kBACjD,CAAC,OAAO,EACtB,QAAQ,EAAE,UAAU,IAChB,CAAC,OAAO,KAAK,IAAI,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EACjD,CAAC,SAAS,KAAK,IAAI,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAClD,CACE,CACP,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACZ,CAAC,aAAa,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAG,KAAK,CAAO;QAC3F,aAAa,IAAI,KAAK,CACR,CAClB,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"DataListCheck.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AA+BhF,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAWtD,EAAE,EAAE;QAXkD,EACzE,SAAS,GAAG,EAAE;IACd,6DAA6D;IAC7D,QAAQ,GAAG,CAAC,OAAgB,EAAE,KAAwC,EAAE,EAAE,GAAE,CAAC,EAC7E,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,IAAI,EACd,cAAc,EACd,aAAa,GAAG,KAAK,OAEF,EADhB,KAAK,cAViE,6GAW1E,CADS;IAER,MAAM,KAAK,GAAG,CACZ,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC;QACvC,+CACM,KAAK,IACT,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,kBACjD,CAAC,OAAO,EACtB,QAAQ,EAAE,UAAU,IAChB,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,EAAE,CAAC,EAC9D,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,CAAC,EAClF,CACE,CACP,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACZ,CAAC,aAAa,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAG,KAAK,CAAO;QAC3F,aAAa,IAAI,KAAK,CACR,CAClB,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

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

@@ -6,14 +6,20 @@ export interface DataListCheckProps extends Omit<React.HTMLProps<HTMLInputElemen
     isValid?: boolean;
     /** Flag to show if the DataList checkbox is disabled */
     isDisabled?: boolean;
-    /** Flag to show if the DataList checkbox is checked when it is controlled by React state.
-     * To make the DataList checkbox uncontrolled, instead use the checked prop, but do not use both.
+    /** Flag to show if the DataList checkbox is checked when it is controlled by React state. Both isChecked and checked are valid,
+     * but only use one.
+     * To make the DataList checkbox uncontrolled, instead use the defaultChecked prop, but do not use both.
      */
     isChecked?: boolean;
+    /** Flag to show if the DataList checkbox is checked when it is controlled by React state. Both isChecked and checked are valid,
+     * but only use one.
+     * To make the DataList checkbox uncontrolled, instead use the defaultChecked prop, but do not use both.
+     */
+    checked?: boolean;
     /** Flag to set default value of DataList checkbox when it is uncontrolled by React state.
      * To make the DataList checkbox controlled, instead use the isChecked prop, but do not use both.
      */
-    checked?: boolean;
+    defaultChecked?: boolean;
     /** A callback for when the DataList checkbox selection changes */
     onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
     /** Aria-labelledby of the DataList checkbox */

package/dist/js/components/DataList/DataListCheck.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataListCheck.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACzG,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA8BrE,CAAC"}
+{"version":3,"file":"DataListCheck.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACzG,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA+BrE,CAAC"}

package/dist/js/components/DataList/DataListCheck.js

@@ -8,9 +8,9 @@ const data_list_1 = tslib_1.__importDefault(require("@patternfly/react-styles/cs
 const DataListCheck = (_a) => {
     var { className = '', 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    onChange = (checked, event) => { }, isValid = true, isDisabled = false, isChecked = null, checked = null, otherControls = false } = _a, props = tslib_1.__rest(_a, ["className", "onChange", "isValid", "isDisabled", "isChecked", "checked", "otherControls"]);
+    onChange = (checked, event) => { }, isValid = true, isDisabled = false, isChecked = null, checked = null, defaultChecked, otherControls = false } = _a, props = tslib_1.__rest(_a, ["className", "onChange", "isValid", "isDisabled", "isChecked", "checked", "defaultChecked", "otherControls"]);
     const check = (React.createElement("div", { className: react_styles_1.css(data_list_1.default.dataListCheck) },
-        React.createElement("input", Object.assign({}, props, { type: "checkbox", onChange: event => onChange(event.currentTarget.checked, event), "aria-invalid": !isValid, disabled: isDisabled }, (checked !== null && { defaultChecked: checked }), (isChecked !== null && { checked: isChecked })))));
+        React.createElement("input", Object.assign({}, props, { type: "checkbox", onChange: event => onChange(event.currentTarget.checked, event), "aria-invalid": !isValid, disabled: isDisabled }, ([true, false].includes(defaultChecked) && { defaultChecked }), (![true, false].includes(defaultChecked) && { checked: isChecked || checked })))));
     return (React.createElement(React.Fragment, null,
         !otherControls && React.createElement("div", { className: react_styles_1.css(data_list_1.default.dataListItemControl, className) }, check),
         otherControls && check));

package/dist/js/components/DataList/DataListCheck.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataListCheck.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAyBzE,MAAM,aAAa,GAAgD,CAAC,EAUtD,EAAE,EAAE;QAVkD,EACzE,SAAS,GAAG,EAAE;IACd,6DAA6D;IAC7D,QAAQ,GAAG,CAAC,OAAgB,EAAE,KAAwC,EAAE,EAAE,GAAE,CAAC,EAC7E,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,IAAI,EACd,aAAa,GAAG,KAAK,OAEF,EADhB,KAAK,sBATiE,2FAU1E,CADS;IAER,MAAM,KAAK,GAAG,CACZ,6BAAK,SAAS,EAAE,kBAAG,CAAC,mBAAM,CAAC,aAAa,CAAC;QACvC,+CACM,KAAK,IACT,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,kBACjD,CAAC,OAAO,EACtB,QAAQ,EAAE,UAAU,IAChB,CAAC,OAAO,KAAK,IAAI,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EACjD,CAAC,SAAS,KAAK,IAAI,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAClD,CACE,CACP,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACZ,CAAC,aAAa,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,mBAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAG,KAAK,CAAO;QAC3F,aAAa,IAAI,KAAK,CACR,CAClB,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,aAAa,iBA8BxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"DataListCheck.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCheck.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AA+BzE,MAAM,aAAa,GAAgD,CAAC,EAWtD,EAAE,EAAE;QAXkD,EACzE,SAAS,GAAG,EAAE;IACd,6DAA6D;IAC7D,QAAQ,GAAG,CAAC,OAAgB,EAAE,KAAwC,EAAE,EAAE,GAAE,CAAC,EAC7E,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,IAAI,EACd,cAAc,EACd,aAAa,GAAG,KAAK,OAEF,EADhB,KAAK,sBAViE,6GAW1E,CADS;IAER,MAAM,KAAK,GAAG,CACZ,6BAAK,SAAS,EAAE,kBAAG,CAAC,mBAAM,CAAC,aAAa,CAAC;QACvC,+CACM,KAAK,IACT,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,kBACjD,CAAC,OAAO,EACtB,QAAQ,EAAE,UAAU,IAChB,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,cAAc,EAAE,CAAC,EAC9D,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,CAAC,EAClF,CACE,CACP,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACZ,CAAC,aAAa,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,mBAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAG,KAAK,CAAO;QAC3F,aAAa,IAAI,KAAK,CACR,CAClB,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,aAAa,iBA+BxB;AACF,qBAAa,CAAC,WAAW,GAAG,eAAe,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.css

@@ -22364,6 +22364,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-text-input-group--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
   position: relative;
   display: flex;
+  width: 100%;
   color: var(--pf-c-text-input-group--Color, inherit);
   background-color: var(--pf-c-text-input-group--BackgroundColor);
 }
@@ -22500,6 +22501,10 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-button--PaddingLeft: var(--pf-c-text-input-group__utilities--c-button--PaddingLeft);
 }
 
+.pf-c-text-input-group__group {
+  display: flex;
+}
+
 .pf-c-panel {
   --pf-c-panel--Width: auto;
   --pf-c-panel--MinWidth: auto;

package/dist/umd/react-core.js

@@ -9425,9 +9425,9 @@
     const DataListCheck = (_a) => {
         var { className = '', 
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        onChange = (checked, event) => { }, isValid = true, isDisabled = false, isChecked = null, checked = null, otherControls = false } = _a, props = __rest$1(_a, ["className", "onChange", "isValid", "isDisabled", "isChecked", "checked", "otherControls"]);
+        onChange = (checked, event) => { }, isValid = true, isDisabled = false, isChecked = null, checked = null, defaultChecked, otherControls = false } = _a, props = __rest$1(_a, ["className", "onChange", "isValid", "isDisabled", "isChecked", "checked", "defaultChecked", "otherControls"]);
         const check = (React__namespace.createElement("div", { className: css(styles$O.dataListCheck) },
-            React__namespace.createElement("input", Object.assign({}, props, { type: "checkbox", onChange: event => onChange(event.currentTarget.checked, event), "aria-invalid": !isValid, disabled: isDisabled }, (checked !== null && { defaultChecked: checked }), (isChecked !== null && { checked: isChecked })))));
+            React__namespace.createElement("input", Object.assign({}, props, { type: "checkbox", onChange: event => onChange(event.currentTarget.checked, event), "aria-invalid": !isValid, disabled: isDisabled }, ([true, false].includes(defaultChecked) && { defaultChecked }), (![true, false].includes(defaultChecked) && { checked: isChecked || checked })))));
         return (React__namespace.createElement(React__namespace.Fragment, null,
             !otherControls && React__namespace.createElement("div", { className: css(styles$O.dataListItemControl, className) }, check),
             otherControls && check));
@@ -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),
@@ -20616,6 +20616,7 @@
         "hint": "pf-m-hint"
       },
       "textInputGroup": "pf-c-text-input-group",
+      "textInputGroupGroup": "pf-c-text-input-group__group",
       "textInputGroupIcon": "pf-c-text-input-group__icon",
       "textInputGroupMain": "pf-c-text-input-group__main",
       "textInputGroupText": "pf-c-text-input-group__text",

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

@@ -260,37 +260,6 @@
   --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
 }
 
-.pf-c-action-list {
-  --pf-c-action-list--m-icon--spacer: 0;
-  --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
-  --pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl);
-}
-
-.pf-c-action-list,
-.pf-c-action-list__group {
-  --pf-c-action-list--child--spacer: var(--pf-c-action-list--child--spacer-base);
-  --pf-c-action-list--group--spacer: var(--pf-c-action-list--group--spacer-base);
-  display: flex;
-  align-items: center;
-}
-
-.pf-c-action-list > * + *,
-.pf-c-action-list__group > * + * {
-  margin-left: var(--pf-c-action-list--child--spacer);
-}
-
-.pf-c-action-list > * + .pf-c-action-list__group,
-.pf-c-action-list .pf-c-action-list__group + *,
-.pf-c-action-list__group > * + .pf-c-action-list__group,
-.pf-c-action-list__group .pf-c-action-list__group + * {
-  margin-left: var(--pf-c-action-list--group--spacer);
-}
-
-.pf-c-action-list.pf-m-icons,
-.pf-c-action-list__group.pf-m-icons {
-  --pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer);
-}
-
 .pf-c-alert {
   --pf-global--Color--100: var(--pf-global--Color--dark-100);
   --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -509,6 +478,37 @@
   --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
 }
 
+.pf-c-action-list {
+  --pf-c-action-list--m-icon--spacer: 0;
+  --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
+  --pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl);
+}
+
+.pf-c-action-list,
+.pf-c-action-list__group {
+  --pf-c-action-list--child--spacer: var(--pf-c-action-list--child--spacer-base);
+  --pf-c-action-list--group--spacer: var(--pf-c-action-list--group--spacer-base);
+  display: flex;
+  align-items: center;
+}
+
+.pf-c-action-list > * + *,
+.pf-c-action-list__group > * + * {
+  margin-left: var(--pf-c-action-list--child--spacer);
+}
+
+.pf-c-action-list > * + .pf-c-action-list__group,
+.pf-c-action-list .pf-c-action-list__group + *,
+.pf-c-action-list__group > * + .pf-c-action-list__group,
+.pf-c-action-list__group .pf-c-action-list__group + * {
+  margin-left: var(--pf-c-action-list--group--spacer);
+}
+
+.pf-c-action-list.pf-m-icons,
+.pf-c-action-list__group.pf-m-icons {
+  --pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer);
+}
+
 .pf-c-app-launcher {
   --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
   --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -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);
@@ -22364,6 +22364,7 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-text-input-group--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
   position: relative;
   display: flex;
+  width: 100%;
   color: var(--pf-c-text-input-group--Color, inherit);
   background-color: var(--pf-c-text-input-group--BackgroundColor);
 }
@@ -22500,6 +22501,10 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-button--PaddingLeft: var(--pf-c-text-input-group__utilities--c-button--PaddingLeft);
 }
 
+.pf-c-text-input-group__group {
+  display: flex;
+}
+
 .pf-c-panel {
   --pf-c-panel--Width: auto;
   --pf-c-panel--MinWidth: auto;