carbon-react 117.0.0 → 117.1.1

package/esm/__internal__/sticky-footer/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./sticky-footer.component";
+export type { StickyFooterProps } from "./sticky-footer.component";

package/esm/__internal__/sticky-footer/sticky-footer.component.d.ts

@@ -1,15 +1,11 @@
-export default StickyFooter;
-declare function StickyFooter({ children, containerRef, disableSticky, ...rest }: {
-    [x: string]: any;
-    children: any;
-    containerRef: any;
-    disableSticky: any;
-}): JSX.Element;
-declare namespace StickyFooter {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const containerRef: PropTypes.Validator<any>;
-        const disableSticky: PropTypes.Requireable<boolean>;
-    }
+import React from "react";
+export interface StickyFooterProps {
+    /** child elements */
+    children: React.ReactNode;
+    /** Ref of the container the footer should be sticky on */
+    containerRef: React.RefObject<HTMLElement>;
+    /** Disable the sticky behaviour manually */
+    disableSticky?: boolean;
 }
-import PropTypes from "prop-types";
+declare const StickyFooter: ({ children, containerRef, disableSticky, ...rest }: StickyFooterProps) => JSX.Element;
+export default StickyFooter;

package/esm/__internal__/sticky-footer/sticky-footer.component.js

@@ -13,18 +13,29 @@ const StickyFooter = ({
   ...rest
 }) => {
   const [isSticky, setIsSticky] = useState(true);
-  const footerRef = useRef();
+  const footerRef = useRef(null);
   const checkFooterPosition = useCallback(throttle(() => {
     const content = containerRef.current;
-    const stickyOffset = footerRef.current.clientHeight / 2;
-    const fullyScrolled = content.scrollHeight - content.scrollTop - stickyOffset <= content.clientHeight;
+    /* Fallback to 0 to satisfy the TypeScript compiler */
+
+    /* footerRef will never be null in this method */
+
+    /* istanbul ignore next */
+
+    const stickyOffset = footerRef.current ? footerRef.current.clientHeight / 2 : 0;
+    let fullyScrolled; // istanbul ignore else
+
+    if (content) {
+      fullyScrolled = content.scrollHeight - content.scrollTop - stickyOffset <= content.clientHeight;
+    }
+
     setIsSticky(!fullyScrolled);
   }, SCROLL_THROTTLE), []);
   useEffect(() => {
     const content = containerRef.current;
-    content.addEventListener("scroll", checkFooterPosition, false);
+    content === null || content === void 0 ? void 0 : content.addEventListener("scroll", checkFooterPosition, false);
     return () => {
-      content.removeEventListener("scroll", checkFooterPosition, false);
+      content === null || content === void 0 ? void 0 : content.removeEventListener("scroll", checkFooterPosition, false);
     };
   }, [checkFooterPosition, containerRef]);
   return /*#__PURE__*/React.createElement(StyledStickyFooter, _extends({
@@ -35,13 +46,16 @@ const StickyFooter = ({
 };
 
 StickyFooter.propTypes = {
-  /** child elements */
-  children: PropTypes.node.isRequired,
-
-  /** Ref of the container the footer should be sticky on */
-  containerRef: PropTypes.any.isRequired,
-
-  /** Disable the sticky behaviour manually */
-  disableSticky: PropTypes.bool
+  "children": PropTypes.node,
+  "containerRef": PropTypes.shape({
+    "current": PropTypes.oneOfType([PropTypes.oneOf([null]), function (props, propName) {
+      if (props[propName] == null) {
+        return new Error("Prop '" + propName + "' is required but wasn't specified");
+      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+        return new Error("Expected prop '" + propName + "' to be of type Element");
+      }
+    }]).isRequired
+  }).isRequired,
+  "disableSticky": PropTypes.bool
 };
 export default StickyFooter;

package/esm/__internal__/sticky-footer/sticky-footer.style.d.ts

@@ -1,2 +1,4 @@
+declare const StyledStickyFooter: import("styled-components").StyledComponent<"div", any, {
+    sticky: boolean;
+}, never>;
 export default StyledStickyFooter;
-declare const StyledStickyFooter: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/date/date.d.ts

@@ -45,6 +45,8 @@ export interface DateInputProps
   pickerProps?: DayPickerProps;
 }
 
-declare function DateInput(props: DateInputProps): JSX.Element;
+declare function DateInput(
+  props: SimpleSelectProps & React.RefAttributes<HTMLInputElement>
+): JSX.Element;
 
 export default DateInput;

package/esm/components/drawer/drawer.component.js

@@ -154,8 +154,7 @@ const Drawer = ({
     }
   }, sidebar), footer && /*#__PURE__*/React.createElement(StickyFooter, {
     containerRef: scrollableContentRef,
-    disableSticky: !stickyFooter,
-    isExpanded: isExpanded
+    disableSticky: !stickyFooter
   }, footer))), /*#__PURE__*/React.createElement(StyledDrawerChildren, null, children));
 };
 

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

@@ -18,6 +18,8 @@ import useInputAccessibility from "../../../hooks/__internal__/useInputAccessibi
 let deprecateInputRefWarnTriggered = false;
 const FilterableSelectList = withFilter(SelectList);
 const FilterableSelect = /*#__PURE__*/React.forwardRef(({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
   value,
   defaultValue,
   id,
@@ -458,7 +460,9 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
     ref: containerRef
   }, /*#__PURE__*/React.createElement(SelectTextbox, _extends({
     activeDescendantId: activeDescendantId,
-    labelId: labelId,
+    ariaLabel: ariaLabel,
+    ariaLabelledby: ariaLabelledby,
+    labelId: label ? labelId : undefined,
     "aria-controls": selectListId.current,
     isOpen: isOpen,
     hasTextCursor: true,
@@ -467,6 +471,12 @@ const FilterableSelect = /*#__PURE__*/React.forwardRef(({
 });
 FilterableSelect.propTypes = { ...formInputPropTypes,
 
+  /** Prop to specify the aria-label attribute of the component input */
+  "aria-label": PropTypes.string,
+
+  /** Prop to specify the aria-labeledby property of the component input */
+  "aria-labelledby": PropTypes.string,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component": PropTypes.string,
 

package/esm/components/select/filterable-select/filterable-select.d.ts

@@ -5,6 +5,10 @@ import { FormInputPropTypes } from "../select-textbox/select-textbox";
 
 export interface FilterableSelectProps
   extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
+  /** Prop to specify the aria-label attribute of the component input */
+  "aria-label"?: string;
+  /** Prop to specify the aria-labeledby property of the component input */
+  "aria-labelledby"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */

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

@@ -20,6 +20,8 @@ import useInputAccessibility from "../../../hooks/__internal__/useInputAccessibi
 let deprecateInputRefWarnTriggered = false;
 const FilterableSelectList = withFilter(SelectList);
 const MultiSelect = /*#__PURE__*/React.forwardRef(({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
   value,
   defaultValue,
   id,
@@ -478,6 +480,8 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
     accessibilityLabelId: accessibilityLabelId.current,
     activeDescendantId: activeDescendantId,
     "aria-controls": selectListId.current,
+    ariaLabel: ariaLabel,
+    ariaLabelledby: ariaLabelledby,
     hasTextCursor: true,
     isOpen: isOpen,
     labelId: labelId,
@@ -486,6 +490,12 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
 });
 MultiSelect.propTypes = { ...formInputPropTypes,
 
+  /** Prop to specify the aria-label attribute of the component input */
+  "aria-label": PropTypes.string,
+
+  /** Prop to specify the aria-labeledby property of the component input */
+  "aria-labelledby": PropTypes.string,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component": PropTypes.string,
 

package/esm/components/select/multi-select/multi-select.d.ts

@@ -4,6 +4,10 @@ import { FormInputPropTypes } from "../select-textbox/select-textbox";
 
 export interface MultiSelectProps
   extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
+  /** Prop to specify the aria-label attribute of the component input */
+  "aria-label"?: string;
+  /** Prop to specify the aria-labeledby property of the component input */
+  "aria-labelledby"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */

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

@@ -23,6 +23,8 @@ const floatingMiddleware = [offset(({
 
 })];
 const SelectTextbox = /*#__PURE__*/React.forwardRef(({
+  ariaLabel,
+  ariaLabelledBy,
   accessibilityLabelId,
   labelId,
   "aria-controls": ariaControls,
@@ -105,10 +107,10 @@ const SelectTextbox = /*#__PURE__*/React.forwardRef(({
   function getInputAriaAttributes() {
     const joinIds = (...ids) => ids.filter(item => item !== undefined).join(" ");
 
-    const ariaLabelledby = hasTextCursor ? joinIds(labelId, accessibilityLabelId) : joinIds(labelId, textId.current);
+    const combinedAriaLabelledBy = hasTextCursor ? joinIds(ariaLabelledBy || labelId, accessibilityLabelId || textId.current) : joinIds(ariaLabelledBy || labelId, textId.current);
     return {
       "aria-expanded": readOnly ? undefined : isOpen,
-      "aria-labelledby": ariaLabelledby || undefined,
+      "aria-labelledby": ariaLabel && !ariaLabelledBy ? undefined : combinedAriaLabelledBy,
       "aria-activedescendant": activeDescendantId,
       "aria-controls": ariaControls,
       "aria-autocomplete": hasTextCursor ? "both" : undefined,
@@ -140,6 +142,7 @@ const SelectTextbox = /*#__PURE__*/React.forwardRef(({
   }
 
   return /*#__PURE__*/React.createElement(Textbox, _extends({
+    "aria-label": ariaLabel,
     "data-element": "select-input",
     inputIcon: "dropdown",
     autoComplete: "off",
@@ -161,6 +164,12 @@ const formInputPropTypes = {
    */
   accessibilityLabelId: PropTypes.string,
 
+  /** Prop to specify the aria-label attribute of the component input */
+  ariaLabel: PropTypes.string,
+
+  /** Prop to specify the aria-labeledby property of the component input */
+  ariaLabelledBy: PropTypes.string,
+
   /** Id attribute of the input element */
   id: PropTypes.string,
 

package/esm/components/select/select-textbox/select-textbox.d.ts

@@ -8,6 +8,10 @@ export interface FormInputPropTypes
     Omit<CommonTextboxProps, "onClick"> {
   /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
   adaptiveLabelBreakpoint?: number;
+  /** Prop to specify the aria-label attribute of the component input */
+  ariaLabel?: string;
+  /** Prop to specify the aria-labeledby property of the component input */
+  ariaLabelledBy?: string;
   /** If true the Component will be focused when rendered */
   autoFocus?: boolean;
   /** If true, the component will be disabled */

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

@@ -17,6 +17,8 @@ import useFormSpacing from "../../../hooks/__internal__/useFormSpacing";
 import useInputAccessibility from "../../../hooks/__internal__/useInputAccessibility/useInputAccessibility";
 let deprecateInputRefWarnTriggered = false;
 const SimpleSelect = /*#__PURE__*/React.forwardRef(({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
   value,
   defaultValue,
   id,
@@ -378,8 +380,10 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
   }, marginProps), /*#__PURE__*/React.createElement("div", {
     ref: containerRef
   }, /*#__PURE__*/React.createElement(SelectTextbox, _extends({
+    ariaLabel: ariaLabel,
     "aria-controls": selectListId.current,
     activeDescendantId: activeDescendantId,
+    ariaLabelledby: ariaLabelledby,
     isOpen: isOpen,
     textboxRef: textboxRef
   }, getTextboxProps()))), selectList);
@@ -389,6 +393,12 @@ SimpleSelect.propTypes = {
   ...propTypes.space,
   ...formInputPropTypes,
 
+  /** Prop to specify the aria-label attribute of the component input */
+  "aria-label": PropTypes.string,
+
+  /** Prop to specify the aria-labeledby property of the component input */
+  "aria-labelledby": PropTypes.string,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component": PropTypes.string,
 

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

@@ -4,6 +4,10 @@ import { FormInputPropTypes } from "../select-textbox/select-textbox";
 
 export interface SimpleSelectProps
   extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
+  /** Prop to specify the aria-label attribute of the component input */
+  "aria-label"?: string;
+  /** Prop to specify the aria-labeledby property of the component input */
+  "aria-labelledby"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */

package/lib/__internal__/sticky-footer/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./sticky-footer.component";
+export type { StickyFooterProps } from "./sticky-footer.component";

package/lib/__internal__/sticky-footer/sticky-footer.component.d.ts

@@ -1,15 +1,11 @@
-export default StickyFooter;
-declare function StickyFooter({ children, containerRef, disableSticky, ...rest }: {
-    [x: string]: any;
-    children: any;
-    containerRef: any;
-    disableSticky: any;
-}): JSX.Element;
-declare namespace StickyFooter {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const containerRef: PropTypes.Validator<any>;
-        const disableSticky: PropTypes.Requireable<boolean>;
-    }
+import React from "react";
+export interface StickyFooterProps {
+    /** child elements */
+    children: React.ReactNode;
+    /** Ref of the container the footer should be sticky on */
+    containerRef: React.RefObject<HTMLElement>;
+    /** Disable the sticky behaviour manually */
+    disableSticky?: boolean;
 }
-import PropTypes from "prop-types";
+declare const StickyFooter: ({ children, containerRef, disableSticky, ...rest }: StickyFooterProps) => JSX.Element;
+export default StickyFooter;

package/lib/__internal__/sticky-footer/sticky-footer.component.js

@@ -30,18 +30,29 @@ const StickyFooter = ({
   ...rest
 }) => {
   const [isSticky, setIsSticky] = (0, _react.useState)(true);
-  const footerRef = (0, _react.useRef)();
+  const footerRef = (0, _react.useRef)(null);
   const checkFooterPosition = (0, _react.useCallback)((0, _throttle.default)(() => {
     const content = containerRef.current;
-    const stickyOffset = footerRef.current.clientHeight / 2;
-    const fullyScrolled = content.scrollHeight - content.scrollTop - stickyOffset <= content.clientHeight;
+    /* Fallback to 0 to satisfy the TypeScript compiler */
+
+    /* footerRef will never be null in this method */
+
+    /* istanbul ignore next */
+
+    const stickyOffset = footerRef.current ? footerRef.current.clientHeight / 2 : 0;
+    let fullyScrolled; // istanbul ignore else
+
+    if (content) {
+      fullyScrolled = content.scrollHeight - content.scrollTop - stickyOffset <= content.clientHeight;
+    }
+
     setIsSticky(!fullyScrolled);
   }, SCROLL_THROTTLE), []);
   (0, _react.useEffect)(() => {
     const content = containerRef.current;
-    content.addEventListener("scroll", checkFooterPosition, false);
+    content === null || content === void 0 ? void 0 : content.addEventListener("scroll", checkFooterPosition, false);
     return () => {
-      content.removeEventListener("scroll", checkFooterPosition, false);
+      content === null || content === void 0 ? void 0 : content.removeEventListener("scroll", checkFooterPosition, false);
     };
   }, [checkFooterPosition, containerRef]);
   return /*#__PURE__*/_react.default.createElement(_stickyFooter.default, _extends({
@@ -52,14 +63,17 @@ const StickyFooter = ({
 };
 
 StickyFooter.propTypes = {
-  /** child elements */
-  children: _propTypes.default.node.isRequired,
-
-  /** Ref of the container the footer should be sticky on */
-  containerRef: _propTypes.default.any.isRequired,
-
-  /** Disable the sticky behaviour manually */
-  disableSticky: _propTypes.default.bool
+  "children": _propTypes.default.node,
+  "containerRef": _propTypes.default.shape({
+    "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), function (props, propName) {
+      if (props[propName] == null) {
+        return new Error("Prop '" + propName + "' is required but wasn't specified");
+      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+        return new Error("Expected prop '" + propName + "' to be of type Element");
+      }
+    }]).isRequired
+  }).isRequired,
+  "disableSticky": _propTypes.default.bool
 };
 var _default = StickyFooter;
 exports.default = _default;

package/lib/__internal__/sticky-footer/sticky-footer.style.d.ts

@@ -1,2 +1,4 @@
+declare const StyledStickyFooter: import("styled-components").StyledComponent<"div", any, {
+    sticky: boolean;
+}, never>;
 export default StyledStickyFooter;
-declare const StyledStickyFooter: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/date/date.d.ts

@@ -45,6 +45,8 @@ export interface DateInputProps
   pickerProps?: DayPickerProps;
 }
 
-declare function DateInput(props: DateInputProps): JSX.Element;
+declare function DateInput(
+  props: SimpleSelectProps & React.RefAttributes<HTMLInputElement>
+): JSX.Element;
 
 export default DateInput;

package/lib/components/drawer/drawer.component.js

@@ -177,8 +177,7 @@ const Drawer = ({
     }
   }, sidebar), footer && /*#__PURE__*/_react.default.createElement(_stickyFooter.default, {
     containerRef: scrollableContentRef,
-    disableSticky: !stickyFooter,
-    isExpanded: isExpanded
+    disableSticky: !stickyFooter
   }, footer))), /*#__PURE__*/_react.default.createElement(_drawer.StyledDrawerChildren, null, children));
 };
 

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

@@ -47,6 +47,8 @@ let deprecateInputRefWarnTriggered = false;
 const FilterableSelectList = (0, _withFilter.default)(_selectList.default);
 
 const FilterableSelect = /*#__PURE__*/_react.default.forwardRef(({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
   value,
   defaultValue,
   id,
@@ -489,7 +491,9 @@ const FilterableSelect = /*#__PURE__*/_react.default.forwardRef(({
     ref: containerRef
   }, /*#__PURE__*/_react.default.createElement(_selectTextbox.default, _extends({
     activeDescendantId: activeDescendantId,
-    labelId: labelId,
+    ariaLabel: ariaLabel,
+    ariaLabelledby: ariaLabelledby,
+    labelId: label ? labelId : undefined,
     "aria-controls": selectListId.current,
     isOpen: isOpen,
     hasTextCursor: true,
@@ -499,6 +503,12 @@ const FilterableSelect = /*#__PURE__*/_react.default.forwardRef(({
 
 FilterableSelect.propTypes = { ..._selectTextbox.formInputPropTypes,
 
+  /** Prop to specify the aria-label attribute of the component input */
+  "aria-label": _propTypes.default.string,
+
+  /** Prop to specify the aria-labeledby property of the component input */
+  "aria-labelledby": _propTypes.default.string,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component": _propTypes.default.string,
 

package/lib/components/select/filterable-select/filterable-select.d.ts

@@ -5,6 +5,10 @@ import { FormInputPropTypes } from "../select-textbox/select-textbox";
 
 export interface FilterableSelectProps
   extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
+  /** Prop to specify the aria-label attribute of the component input */
+  "aria-label"?: string;
+  /** Prop to specify the aria-labeledby property of the component input */
+  "aria-labelledby"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */

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

@@ -51,6 +51,8 @@ let deprecateInputRefWarnTriggered = false;
 const FilterableSelectList = (0, _withFilter.default)(_selectList.default);
 
 const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
   value,
   defaultValue,
   id,
@@ -512,6 +514,8 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
     accessibilityLabelId: accessibilityLabelId.current,
     activeDescendantId: activeDescendantId,
     "aria-controls": selectListId.current,
+    ariaLabel: ariaLabel,
+    ariaLabelledby: ariaLabelledby,
     hasTextCursor: true,
     isOpen: isOpen,
     labelId: labelId,
@@ -521,6 +525,12 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
 
 MultiSelect.propTypes = { ..._selectTextbox.formInputPropTypes,
 
+  /** Prop to specify the aria-label attribute of the component input */
+  "aria-label": _propTypes.default.string,
+
+  /** Prop to specify the aria-labeledby property of the component input */
+  "aria-labelledby": _propTypes.default.string,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component": _propTypes.default.string,
 

package/lib/components/select/multi-select/multi-select.d.ts

@@ -4,6 +4,10 @@ import { FormInputPropTypes } from "../select-textbox/select-textbox";
 
 export interface MultiSelectProps
   extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
+  /** Prop to specify the aria-label attribute of the component input */
+  "aria-label"?: string;
+  /** Prop to specify the aria-labeledby property of the component input */
+  "aria-labelledby"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */

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

@@ -45,6 +45,8 @@ const floatingMiddleware = [(0, _dom.offset)(({
 })];
 
 const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
+  ariaLabel,
+  ariaLabelledBy,
   accessibilityLabelId,
   labelId,
   "aria-controls": ariaControls,
@@ -127,10 +129,10 @@ const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
   function getInputAriaAttributes() {
     const joinIds = (...ids) => ids.filter(item => item !== undefined).join(" ");
 
-    const ariaLabelledby = hasTextCursor ? joinIds(labelId, accessibilityLabelId) : joinIds(labelId, textId.current);
+    const combinedAriaLabelledBy = hasTextCursor ? joinIds(ariaLabelledBy || labelId, accessibilityLabelId || textId.current) : joinIds(ariaLabelledBy || labelId, textId.current);
     return {
       "aria-expanded": readOnly ? undefined : isOpen,
-      "aria-labelledby": ariaLabelledby || undefined,
+      "aria-labelledby": ariaLabel && !ariaLabelledBy ? undefined : combinedAriaLabelledBy,
       "aria-activedescendant": activeDescendantId,
       "aria-controls": ariaControls,
       "aria-autocomplete": hasTextCursor ? "both" : undefined,
@@ -162,6 +164,7 @@ const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
   }
 
   return /*#__PURE__*/_react.default.createElement(_textbox.default, _extends({
+    "aria-label": ariaLabel,
     "data-element": "select-input",
     inputIcon: "dropdown",
     autoComplete: "off",
@@ -184,6 +187,12 @@ const formInputPropTypes = {
    */
   accessibilityLabelId: _propTypes.default.string,
 
+  /** Prop to specify the aria-label attribute of the component input */
+  ariaLabel: _propTypes.default.string,
+
+  /** Prop to specify the aria-labeledby property of the component input */
+  ariaLabelledBy: _propTypes.default.string,
+
   /** Id attribute of the input element */
   id: _propTypes.default.string,
 

package/lib/components/select/select-textbox/select-textbox.d.ts

@@ -8,6 +8,10 @@ export interface FormInputPropTypes
     Omit<CommonTextboxProps, "onClick"> {
   /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
   adaptiveLabelBreakpoint?: number;
+  /** Prop to specify the aria-label attribute of the component input */
+  ariaLabel?: string;
+  /** Prop to specify the aria-labeledby property of the component input */
+  ariaLabelledBy?: string;
   /** If true the Component will be focused when rendered */
   autoFocus?: boolean;
   /** If true, the component will be disabled */

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

@@ -46,6 +46,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 let deprecateInputRefWarnTriggered = false;
 
 const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
   value,
   defaultValue,
   id,
@@ -409,8 +411,10 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
   }, marginProps), /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef
   }, /*#__PURE__*/_react.default.createElement(_selectTextbox.default, _extends({
+    ariaLabel: ariaLabel,
     "aria-controls": selectListId.current,
     activeDescendantId: activeDescendantId,
+    ariaLabelledby: ariaLabelledby,
     isOpen: isOpen,
     textboxRef: textboxRef
   }, getTextboxProps()))), selectList);
@@ -421,6 +425,12 @@ SimpleSelect.propTypes = {
   ..._propTypes2.default.space,
   ..._selectTextbox.formInputPropTypes,
 
+  /** Prop to specify the aria-label attribute of the component input */
+  "aria-label": _propTypes.default.string,
+
+  /** Prop to specify the aria-labeledby property of the component input */
+  "aria-labelledby": _propTypes.default.string,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component": _propTypes.default.string,
 

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

@@ -4,6 +4,10 @@ import { FormInputPropTypes } from "../select-textbox/select-textbox";
 
 export interface SimpleSelectProps
   extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
+  /** Prop to specify the aria-label attribute of the component input */
+  "aria-label"?: string;
+  /** Prop to specify the aria-labeledby property of the component input */
+  "aria-labelledby"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */

package/package.json

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