@patternfly/react-core 4.206.0 → 4.206.3

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.206.3 (2022-04-23)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
+## 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)
 
 

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/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/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));
@@ -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

@@ -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;