carbon-react 144.6.0 → 144.7.1

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

@@ -63,7 +63,6 @@ const HiddenCheckableInput = /*#__PURE__*/React.forwardRef(({
     "aria-labelledby": ariaLabelledBy,
     autoFocus: autoFocus,
     "data-has-autofocus": autoFocus ? true : undefined,
-    "aria-checked": checked,
     checked: checked,
     name: name,
     role: role || type,

package/esm/components/message/message.component.js

@@ -1,6 +1,7 @@
 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); }
 import React, { useRef } from "react";
 import PropTypes from "prop-types";
+import Typography from "../typography";
 import MessageStyle from "./message.style";
 import TypeIcon from "./__internal__/type-icon/type-icon.component";
 import MessageContent from "./__internal__/message-content/message-content.component";
@@ -47,7 +48,9 @@ const Message = /*#__PURE__*/React.forwardRef(({
   }), /*#__PURE__*/React.createElement(TypeIcon, {
     variant: variant,
     transparent: transparent
-  }), /*#__PURE__*/React.createElement(MessageContent, {
+  }), /*#__PURE__*/React.createElement(Typography, {
+    screenReaderOnly: true
+  }, l.message[variant]()), /*#__PURE__*/React.createElement(MessageContent, {
     showCloseIcon: showCloseIcon,
     title: title,
     reduceLeftPadding: transparent

package/esm/components/simple-color-picker/simple-color/simple-color.component.js

@@ -31,7 +31,6 @@ const SimpleColor = /*#__PURE__*/React.forwardRef((props, ref) => {
     type: "radio",
     role: "radio",
     value: value,
-    "aria-checked": checked,
     ref: ref,
     id: inputId,
     defaultChecked: defaultChecked

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

@@ -89,7 +89,6 @@ const TileSelect = /*#__PURE__*/React.forwardRef(({
     type: type,
     value: value,
     disabled: disabled,
-    "aria-checked": checked,
     id: id,
     ref: ref
   }, rest)), /*#__PURE__*/React.createElement(StyledTileSelect, {

package/esm/locales/de-de.js

@@ -100,7 +100,12 @@ const deDE = {
     }
   },
   message: {
-    closeButtonAriaLabel: () => "Schließen"
+    closeButtonAriaLabel: () => "Schließen",
+    error: () => "Fehler",
+    info: () => "Informationen",
+    success: () => "Erfolg",
+    warning: () => "Warnung",
+    neutral: () => "Informationen"
   },
   numeralDate: {
     validation: {

package/esm/locales/en-gb.js

@@ -104,7 +104,12 @@ const enGB = {
     }
   },
   message: {
-    closeButtonAriaLabel: () => "Close"
+    closeButtonAriaLabel: () => "Close",
+    error: () => "Error",
+    info: () => "Information",
+    success: () => "Success",
+    warning: () => "Warning",
+    neutral: () => "Information"
   },
   numeralDate: {
     validation: {

package/esm/locales/es-es.js

@@ -101,7 +101,12 @@ const esES = {
     }
   },
   message: {
-    closeButtonAriaLabel: () => "Cerrar"
+    closeButtonAriaLabel: () => "Cerrar",
+    error: () => "Error",
+    info: () => "Información",
+    success: () => "Acción realizada",
+    warning: () => "Aviso",
+    neutral: () => "Información"
   },
   numeralDate: {
     validation: {

package/esm/locales/fr-ca.js

@@ -101,7 +101,12 @@ const frCA = {
     }
   },
   message: {
-    closeButtonAriaLabel: () => "Fermer"
+    closeButtonAriaLabel: () => "Fermer",
+    error: () => "Erreur",
+    info: () => "Information",
+    success: () => "Opération réussie",
+    warning: () => "Avertissement",
+    neutral: () => "Information"
   },
   numeralDate: {
     validation: {

package/esm/locales/fr-fr.js

@@ -101,7 +101,12 @@ const frFR = {
     }
   },
   message: {
-    closeButtonAriaLabel: () => "Fermer"
+    closeButtonAriaLabel: () => "Fermer",
+    error: () => "Erreur",
+    info: () => "Information",
+    success: () => "Action réussie",
+    warning: () => "Avertissement",
+    neutral: () => "Information"
   },
   numeralDate: {
     validation: {

package/esm/locales/locale.d.ts

@@ -88,6 +88,11 @@ interface Locale {
     };
     message: {
         closeButtonAriaLabel: () => string;
+        error: () => string;
+        info: () => string;
+        success: () => string;
+        warning: () => string;
+        neutral: () => string;
     };
     numeralDate: {
         validation: {

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

@@ -72,7 +72,6 @@ const HiddenCheckableInput = /*#__PURE__*/_react.default.forwardRef(({
     "aria-labelledby": ariaLabelledBy,
     autoFocus: autoFocus,
     "data-has-autofocus": autoFocus ? true : undefined,
-    "aria-checked": checked,
     checked: checked,
     name: name,
     role: role || type,

package/lib/components/message/message.component.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Message = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _typography = _interopRequireDefault(require("../typography"));
 var _message = _interopRequireDefault(require("./message.style"));
 var _typeIcon = _interopRequireDefault(require("./__internal__/type-icon/type-icon.component"));
 var _messageContent = _interopRequireDefault(require("./__internal__/message-content/message-content.component"));
@@ -56,7 +57,9 @@ const Message = exports.Message = /*#__PURE__*/_react.default.forwardRef(({
   }), /*#__PURE__*/_react.default.createElement(_typeIcon.default, {
     variant: variant,
     transparent: transparent
-  }), /*#__PURE__*/_react.default.createElement(_messageContent.default, {
+  }), /*#__PURE__*/_react.default.createElement(_typography.default, {
+    screenReaderOnly: true
+  }, l.message[variant]()), /*#__PURE__*/_react.default.createElement(_messageContent.default, {
     showCloseIcon: showCloseIcon,
     title: title,
     reduceLeftPadding: transparent

package/lib/components/simple-color-picker/simple-color/simple-color.component.js

@@ -40,7 +40,6 @@ const SimpleColor = exports.SimpleColor = /*#__PURE__*/_react.default.forwardRef
     type: "radio",
     role: "radio",
     value: value,
-    "aria-checked": checked,
     ref: ref,
     id: inputId,
     defaultChecked: defaultChecked

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

@@ -98,7 +98,6 @@ const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
     type: type,
     value: value,
     disabled: disabled,
-    "aria-checked": checked,
     id: id,
     ref: ref
   }, rest)), /*#__PURE__*/_react.default.createElement(_tileSelect.StyledTileSelect, {

package/lib/locales/de-de.js

@@ -107,7 +107,12 @@ const deDE = {
     }
   },
   message: {
-    closeButtonAriaLabel: () => "Schließen"
+    closeButtonAriaLabel: () => "Schließen",
+    error: () => "Fehler",
+    info: () => "Informationen",
+    success: () => "Erfolg",
+    warning: () => "Warnung",
+    neutral: () => "Informationen"
   },
   numeralDate: {
     validation: {

package/lib/locales/en-gb.js

@@ -111,7 +111,12 @@ const enGB = {
     }
   },
   message: {
-    closeButtonAriaLabel: () => "Close"
+    closeButtonAriaLabel: () => "Close",
+    error: () => "Error",
+    info: () => "Information",
+    success: () => "Success",
+    warning: () => "Warning",
+    neutral: () => "Information"
   },
   numeralDate: {
     validation: {

package/lib/locales/es-es.js

@@ -108,7 +108,12 @@ const esES = {
     }
   },
   message: {
-    closeButtonAriaLabel: () => "Cerrar"
+    closeButtonAriaLabel: () => "Cerrar",
+    error: () => "Error",
+    info: () => "Información",
+    success: () => "Acción realizada",
+    warning: () => "Aviso",
+    neutral: () => "Información"
   },
   numeralDate: {
     validation: {

package/lib/locales/fr-ca.js

@@ -108,7 +108,12 @@ const frCA = {
     }
   },
   message: {
-    closeButtonAriaLabel: () => "Fermer"
+    closeButtonAriaLabel: () => "Fermer",
+    error: () => "Erreur",
+    info: () => "Information",
+    success: () => "Opération réussie",
+    warning: () => "Avertissement",
+    neutral: () => "Information"
   },
   numeralDate: {
     validation: {

package/lib/locales/fr-fr.js

@@ -108,7 +108,12 @@ const frFR = {
     }
   },
   message: {
-    closeButtonAriaLabel: () => "Fermer"
+    closeButtonAriaLabel: () => "Fermer",
+    error: () => "Erreur",
+    info: () => "Information",
+    success: () => "Action réussie",
+    warning: () => "Avertissement",
+    neutral: () => "Information"
   },
   numeralDate: {
     validation: {

package/lib/locales/locale.d.ts

@@ -88,6 +88,11 @@ interface Locale {
     };
     message: {
         closeButtonAriaLabel: () => string;
+        error: () => string;
+        info: () => string;
+        success: () => string;
+        warning: () => string;
+        neutral: () => string;
     };
     numeralDate: {
         validation: {

package/package.json

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