carbon-react 144.9.7 → 144.9.8

package/esm/components/select/__internal__/select-textbox/select-textbox.component.js

@@ -55,6 +55,10 @@ const SelectTextbox = /*#__PURE__*/React.forwardRef(({
     onKeyDown,
     ...restProps
   };
+  const {
+    "aria-describedby": ariaDescribedBy,
+    ...filteredRestProps
+  } = restProps;
   const inputAriaAttributes = {
     "aria-expanded": readOnly ? undefined : isOpen,
     "aria-labelledby": accessibilityLabelId ? `${ariaLabelledby || labelId} ${accessibilityLabelId}` : ariaLabelledby,
@@ -69,6 +73,7 @@ const SelectTextbox = /*#__PURE__*/React.forwardRef(({
       isInputInSelect: true
     }
   }, /*#__PURE__*/React.createElement(Textbox, _extends({
+    ariaDescribedBy: ariaDescribedBy,
     "aria-label": ariaLabel,
     "data-element": "select-input",
     "data-role": "select-textbox",
@@ -93,7 +98,7 @@ const SelectTextbox = /*#__PURE__*/React.forwardRef(({
     readOnly: readOnly,
     transparent: transparent,
     size: size
-  }, restProps), /*#__PURE__*/React.createElement(StyledSelectTextChildrenWrapper, null, showPlaceholder ? placeholder : formattedValue))));
+  }, filteredRestProps), /*#__PURE__*/React.createElement(StyledSelectTextChildrenWrapper, null, showPlaceholder ? placeholder : formattedValue))));
 });
 if (process.env.NODE_ENV !== "production") {
   SelectTextbox.propTypes = {

package/esm/components/select/simple-select/simple-select.component.d.ts

@@ -12,6 +12,8 @@ export interface CustomSelectChangeEvent extends React.ChangeEvent<HTMLInputElem
     selectionConfirmed?: boolean;
 }
 export interface SimpleSelectProps extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
+    /** Prop to specify the aria-describedby property of the component input */
+    "aria-describedby"?: string;
     /** Prop to specify the aria-label attribute of the component input */
     "aria-label"?: string;
     /** Prop to specify the aria-labelledby property of the component input */

package/esm/components/select/simple-select/simple-select.component.js

@@ -15,6 +15,7 @@ import useFormSpacing from "../../../hooks/__internal__/useFormSpacing";
 import useInputAccessibility from "../../../hooks/__internal__/useInputAccessibility/useInputAccessibility";
 let deprecateUncontrolledWarnTriggered = false;
 const SimpleSelect = /*#__PURE__*/React.forwardRef(({
+  "aria-describedby": ariaDescribedBy,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledby,
   value,
@@ -343,6 +344,7 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
     "aria-controls": selectListId.current,
     activeDescendantId: activeDescendantId,
     ariaLabelledby: ariaLabelledby,
+    ariaDescribedBy: ariaDescribedBy,
     isOpen: isOpen
   }, getTextboxProps()))), selectList);
 });

package/lib/components/select/__internal__/select-textbox/select-textbox.component.js

@@ -62,6 +62,10 @@ const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
     onKeyDown,
     ...restProps
   };
+  const {
+    "aria-describedby": ariaDescribedBy,
+    ...filteredRestProps
+  } = restProps;
   const inputAriaAttributes = {
     "aria-expanded": readOnly ? undefined : isOpen,
     "aria-labelledby": accessibilityLabelId ? `${ariaLabelledby || labelId} ${accessibilityLabelId}` : ariaLabelledby,
@@ -76,6 +80,7 @@ const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
       isInputInSelect: true
     }
   }, /*#__PURE__*/_react.default.createElement(_textbox.default, _extends({
+    ariaDescribedBy: ariaDescribedBy,
     "aria-label": ariaLabel,
     "data-element": "select-input",
     "data-role": "select-textbox",
@@ -100,7 +105,7 @@ const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
     readOnly: readOnly,
     transparent: transparent,
     size: size
-  }, restProps), /*#__PURE__*/_react.default.createElement(_selectTextbox2.StyledSelectTextChildrenWrapper, null, showPlaceholder ? placeholder : formattedValue))));
+  }, filteredRestProps), /*#__PURE__*/_react.default.createElement(_selectTextbox2.StyledSelectTextChildrenWrapper, null, showPlaceholder ? placeholder : formattedValue))));
 });
 if (process.env.NODE_ENV !== "production") {
   SelectTextbox.propTypes = {

package/lib/components/select/simple-select/simple-select.component.d.ts

@@ -12,6 +12,8 @@ export interface CustomSelectChangeEvent extends React.ChangeEvent<HTMLInputElem
     selectionConfirmed?: boolean;
 }
 export interface SimpleSelectProps extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
+    /** Prop to specify the aria-describedby property of the component input */
+    "aria-describedby"?: string;
     /** Prop to specify the aria-label attribute of the component input */
     "aria-label"?: string;
     /** Prop to specify the aria-labelledby property of the component input */

package/lib/components/select/simple-select/simple-select.component.js

@@ -24,6 +24,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 let deprecateUncontrolledWarnTriggered = false;
 const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
+  "aria-describedby": ariaDescribedBy,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledby,
   value,
@@ -352,6 +353,7 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
     "aria-controls": selectListId.current,
     activeDescendantId: activeDescendantId,
     ariaLabelledby: ariaLabelledby,
+    ariaDescribedBy: ariaDescribedBy,
     isOpen: isOpen
   }, getTextboxProps()))), selectList);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "144.9.7",
+  "version": "144.9.8",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",