carbon-react 94.7.1 → 94.8.0

package/lib/__internal__/checkable-input/checkable-input.component.js

@@ -58,7 +58,7 @@ const CheckableInput = ({
   const {
     current: id
   } = (0, _react.useRef)(inputId || (0, _guid.default)());
-  const labelId = `${id}-label`;
+  const labelId = label ? `${id}-label` : undefined;
   const helpId = [error, warning, info, labelHelp].filter(validation => typeof validation === "string").length ? `${id}-help` : undefined;
   const fieldHelpId = fieldHelp ? `${id}-field-help` : undefined;
   const isRadio = type === "radio";

package/lib/__internal__/checkable-input/hidden-checkable-input.component.js

@@ -32,6 +32,7 @@ const HiddenCheckableInput = ({
   inputRef,
   onChange,
   autoFocus,
+  ariaLabelledBy,
   ...props
 }) => {
   const {
@@ -76,7 +77,7 @@ const HiddenCheckableInput = ({
     autoFocus: autoFocus,
     "aria-checked": checked,
     checked: checked,
-    "aria-labelledby": labelId,
+    "aria-labelledby": ariaLabelledBy || labelId,
     "aria-describedby": ariaDescribedBy,
     name: name,
     role: type,
@@ -135,7 +136,10 @@ HiddenCheckableInput.propTypes = {
   /** A callback to retrieve the input reference */
   inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
     current: _propTypes.default.instanceOf(Element)
-  })])
+  })]),
+
+  /** The id of the element that labels the input */
+  ariaLabelledBy: _propTypes.default.string
 };
 
 var _default = /*#__PURE__*/_react.default.memo(HiddenCheckableInput);

package/lib/__internal__/checkable-input/hidden-checkable-input.d.ts

@@ -37,6 +37,8 @@ export interface HiddenCheckableInputProps
   fieldHelpId?: string;
   /** Element id for aria-labelledby */
   labelId?: string;
+  /** The id of the element that labels the input */
+  ariaLabelledBy?: string;
 }
 
 declare function HiddenCheckableInput(

package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js

@@ -27,7 +27,8 @@ const FlatTableCheckbox = ({
   onClick,
   leftPosition,
   cellIndex,
-  reportCellWidth
+  reportCellWidth,
+  ariaLabelledBy
 }) => {
   const ref = (0, _react.useRef)(null);
   (0, _react.useLayoutEffect)(() => {
@@ -47,7 +48,8 @@ const FlatTableCheckbox = ({
     checked: checked,
     onChange: onChange,
     name: "flat-table-checkbox",
-    mb: 0
+    mb: 0,
+    ariaLabelledBy: ariaLabelledBy
   }));
 };
 
@@ -67,6 +69,9 @@ FlatTableCheckbox.propTypes = {
   /** Whether to render the checkbox or not, defaults to true */
   selectable: _propTypes.default.bool,
 
+  /** The id of the element that labels the input */
+  ariaLabelledBy: _propTypes.default.string,
+
   /**
    * @private
    * @ignore

package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.d.ts

@@ -11,6 +11,8 @@ export interface FlatTableCheckboxProps {
   selectable?: boolean;
   /** Callback function to be called when click event received */
   onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
+  /** The id of the element that labels the input */
+  ariaLabelledBy?: string;
 }
 
 declare function FlatTableCheckbox(props: FlatTableCheckboxProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "94.7.1",
+  "version": "94.8.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {