carbon-react 104.7.3 → 104.8.0

package/lib/components/dialog/dialog.component.js

@@ -29,6 +29,8 @@ var _form = _interopRequireDefault(require("../form"));
 
 var _dialog2 = require("./dialog.config");
 
+var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -56,6 +58,7 @@ const Dialog = ({
   role = "dialog",
   ...rest
 }) => {
+  const locale = (0, _useLocale.default)();
   const dialogRef = (0, _react.useRef)();
   const innerContentRef = (0, _react.useRef)();
   const titleRef = (0, _react.useRef)();
@@ -124,7 +127,7 @@ const Dialog = ({
     if (!showCloseIcon || !onCancel) return null;
     return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
       "data-element": "close",
-      "aria-label": "Close button",
+      "aria-label": locale.dialog.ariaLabels.close(),
       onAction: onCancel,
       disabled: disableClose
     }, /*#__PURE__*/_react.default.createElement(_icon.default, {

package/lib/components/dialog-full-screen/dialog-full-screen.component.js

@@ -27,6 +27,8 @@ var _iconButton = _interopRequireDefault(require("../icon-button"));
 
 var _icon = _interopRequireDefault(require("../icon"));
 
+var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -56,6 +58,7 @@ const DialogFullScreen = ({
   role = "dialog",
   ...rest
 }) => {
+  const locale = (0, _useLocale.default)();
   const dialogRef = (0, _react.useRef)();
   const headingRef = (0, _react.useRef)();
   const {
@@ -69,7 +72,7 @@ const DialogFullScreen = ({
     if (!showCloseIcon || !onCancel) return null;
     return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
       "data-element": "close",
-      "aria-label": "Close button",
+      "aria-label": locale.dialogFullScreen.ariaLabels.close(),
       onAction: onCancel
     }, /*#__PURE__*/_react.default.createElement(_icon.default, {
       type: "close"

package/lib/components/sidebar/sidebar.component.js

@@ -25,6 +25,8 @@ var _box = _interopRequireDefault(require("../box"));
 
 var _sidebar2 = require("./sidebar.config");
 
+var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -52,13 +54,14 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
   role = "dialog",
   ...rest
 }, ref) => {
+  const locale = (0, _useLocale.default)();
   let sidebarRef = (0, _react.useRef)();
   if (ref) sidebarRef = ref;
 
   const closeIcon = () => {
     if (!onCancel) return null;
     return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
-      "aria-label": "close",
+      "aria-label": locale.sidebar.ariaLabels.close(),
       onAction: onCancel,
       "data-element": "close"
     }, /*#__PURE__*/_react.default.createElement(_icon.default, {

package/lib/components/toast/toast.component.js

@@ -25,6 +25,8 @@ var _modalManager = _interopRequireDefault(require("../modal/__internal__/modal-
 
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 
+var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -47,6 +49,7 @@ const Toast = ({
   variant,
   ...restProps
 }) => {
+  const locale = (0, _useLocale.default)();
   const toastRef = (0, _react.useRef)();
   const timer = (0, _react.useRef)();
   const componentClasses = (0, _react.useMemo)(() => {
@@ -85,6 +88,7 @@ const Toast = ({
   function renderCloseIcon() {
     if (!onDismiss) return null;
     return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
+      "aria-label": locale.toast.ariaLabels.close(),
       "data-element": "close",
       onAction: onDismiss
     }, /*#__PURE__*/_react.default.createElement(_icon.default, {

package/lib/locales/en-gb.js

@@ -28,6 +28,16 @@ var _default = {
   date: {
     dateFnsLocale: () => _dateFnsLocales.enGB
   },
+  dialog: {
+    ariaLabels: {
+      close: () => "Close"
+    }
+  },
+  dialogFullScreen: {
+    ariaLabels: {
+      close: () => "Close"
+    }
+  },
   errors: {
     messages: {
       formSummary:
@@ -85,6 +95,11 @@ var _default = {
   link: {
     skipLinkLabel: () => "Skip to main content"
   },
+  sidebar: {
+    ariaLabels: {
+      close: () => "Close"
+    }
+  },
   switch: {
     on: () => "ON",
     off: () => "OFF"
@@ -106,6 +121,11 @@ var _default = {
   tileSelect: {
     deselect: () => "Deselect"
   },
+  toast: {
+    ariaLabels: {
+      close: () => "Close"
+    }
+  },
   wizards: {
     multiStep: {
       buttons: {

package/lib/locales/locale.d.ts

@@ -19,6 +19,16 @@ interface Locale {
   date: {
     dateFnsLocale: () => DateFnsLocale;
   };
+  dialog: {
+    ariaLabels: {
+      close: () => string;
+    };
+  };
+  dialogFullScreen: {
+    ariaLabels: {
+      close: () => string;
+    };
+  };
   errors: {
     messages: {
       formSummary: (
@@ -53,6 +63,14 @@ interface Locale {
     placeholder: () => string;
     noResultsForTerm: (term: string) => string;
   };
+  link: {
+    skipLinkLabel: () => string;
+  };
+  sidebar: {
+    ariaLabels: {
+      close: () => string;
+    };
+  };
   switch: {
     on: () => string;
     off: () => string;
@@ -74,6 +92,11 @@ interface Locale {
   tileSelect: {
     deselect: () => string;
   };
+  toast: {
+    ariaLabels: {
+      close: () => string;
+    };
+  };
   wizards: {
     multiStep: {
       buttons: {

package/lib/locales/pl-pl.js

@@ -28,6 +28,16 @@ var _default = {
   date: {
     dateFnsLocale: () => _dateFnsLocales.pl
   },
+  dialog: {
+    ariaLabels: {
+      close: () => "Zamknij"
+    }
+  },
+  dialogFullScreen: {
+    ariaLabels: {
+      close: () => "Zamknij"
+    }
+  },
   errors: {
     messages: {
       formSummary:
@@ -83,6 +93,11 @@ var _default = {
   link: {
     skipLinkLabel: () => "Przejdź do treści"
   },
+  sidebar: {
+    ariaLabels: {
+      close: () => "Zamknij"
+    }
+  },
   switch: {
     on: () => "WŁ",
     off: () => "WYŁ"
@@ -104,6 +119,11 @@ var _default = {
   tileSelect: {
     deselect: () => "Odznacz"
   },
+  toast: {
+    ariaLabels: {
+      close: () => "Zamknij"
+    }
+  },
   wizards: {
     multiStep: {
       buttons: {

package/package.json

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