carbon-react 107.2.0 → 107.2.1

package/esm/__internal__/input/input.component.js

@@ -221,6 +221,9 @@ Input.propTypes = {
   "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "true"]), PropTypes.bool]),
   "contextMenu": PropTypes.string,
   "crossOrigin": PropTypes.string,
+  "css": PropTypes.oneOfType([PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__emotion_styles": PropTypes.any.isRequired
+  }), PropTypes.string, PropTypes.bool]),
   "dangerouslySetInnerHTML": PropTypes.shape({
     "__html": PropTypes.string.isRequired
   }),

package/esm/components/heading/heading.component.js

@@ -6,6 +6,7 @@ import styledSystemPropTypes from "@styled-system/prop-types";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { StyledHeading, StyledHeadingIcon, StyledSubHeader, StyledHeader, StyledSeparator, StyledHeaderHelp, StyledHeadingTitle, StyledDivider, StyledHeaderContent, StyledHeadingBackButton, StyledHeadingPills } from "./heading.style";
+import useLocale from "../../hooks/__internal__/useLocale";
 const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes.space);
 
 const Heading = ({
@@ -32,6 +33,8 @@ const Heading = ({
     }, help);
   };
 
+  const l = useLocale();
+
   const getBackButton = () => {
     const backButtonProps = typeof backLink === "string" ? {
       href: backLink
@@ -40,8 +43,9 @@ const Heading = ({
     };
     return /*#__PURE__*/React.createElement(StyledHeadingBackButton // this event allows an element to be focusable on click event on IE
     , _extends({
-      onMouseDown: e => e.currentTarget.focus(),
-      "data-element": "back"
+      "aria-label": l.heading.backLinkAriaLabel(),
+      "data-element": "back",
+      onMouseDown: e => e.currentTarget.focus()
     }, backButtonProps), /*#__PURE__*/React.createElement(StyledHeadingIcon, {
       type: "chevron_left",
       divider: divider

package/esm/components/help/help.component.js

@@ -59,6 +59,7 @@ const Help = ({
 
   return /*#__PURE__*/React.createElement(StyledHelp, _extends({
     "aria-describedby": isFocused || isTooltipVisible ? tooltipId || defaultTooltipId.current : undefined,
+    "aria-label": helpAriaLabel || ariaLabel,
     className: className,
     as: tagType,
     href: href,
@@ -77,8 +78,7 @@ const Help = ({
     target: "_blank",
     rel: "noopener noreferrer"
   } : {
-    role: "button",
-    "aria-label": helpAriaLabel || ariaLabel
+    role: "button"
   }, filterStyledSystemMarginProps(rest), rest), /*#__PURE__*/React.createElement(Icon, {
     "aria-hidden": true,
     type: type,

package/esm/components/multi-action-button/multi-action-button.component.js

@@ -283,6 +283,9 @@ MultiActionButton.propTypes = {
   "color": PropTypes.string,
   "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "true"]), PropTypes.bool]),
   "contextMenu": PropTypes.string,
+  "css": PropTypes.oneOfType([PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__emotion_styles": PropTypes.any.isRequired
+  }), PropTypes.string, PropTypes.bool]),
   "dangerouslySetInnerHTML": PropTypes.shape({
     "__html": PropTypes.string.isRequired
   }),

package/esm/locales/en-gb.js

@@ -57,6 +57,9 @@ const enGB = {
       }
     }
   },
+  heading: {
+    backLinkAriaLabel: () => "Back"
+  },
   message: {
     closeButtonAriaLabel: () => "Close"
   },

package/esm/locales/locale.d.ts

@@ -33,6 +33,9 @@ interface Locale {
             formSummary: (errors: number, warnings: number, type: string) => [string, string] | null;
         };
     };
+    heading: {
+        backLinkAriaLabel: () => string;
+    };
     message: {
         closeButtonAriaLabel: () => string;
     };

package/esm/locales/pl-pl.js

@@ -55,6 +55,9 @@ const plPL = {
       }
     }
   },
+  heading: {
+    backLinkAriaLabel: () => "Wstecz"
+  },
   message: {
     closeButtonAriaLabel: () => "Zamknij"
   },

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

@@ -238,6 +238,9 @@ Input.propTypes = {
   "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
   "contextMenu": _propTypes.default.string,
   "crossOrigin": _propTypes.default.string,
+  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__emotion_styles": _propTypes.default.any.isRequired
+  }), _propTypes.default.string, _propTypes.default.bool]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
     "__html": _propTypes.default.string.isRequired
   }),

package/lib/components/heading/heading.component.js

@@ -17,6 +17,8 @@ var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tag
 
 var _heading = require("./heading.style");
 
+var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -47,6 +49,8 @@ const Heading = ({
     }, help);
   };
 
+  const l = (0, _useLocale.default)();
+
   const getBackButton = () => {
     const backButtonProps = typeof backLink === "string" ? {
       href: backLink
@@ -55,8 +59,9 @@ const Heading = ({
     };
     return /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingBackButton // this event allows an element to be focusable on click event on IE
     , _extends({
-      onMouseDown: e => e.currentTarget.focus(),
-      "data-element": "back"
+      "aria-label": l.heading.backLinkAriaLabel(),
+      "data-element": "back",
+      onMouseDown: e => e.currentTarget.focus()
     }, backButtonProps), /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingIcon, {
       type: "chevron_left",
       divider: divider

package/lib/components/help/help.component.js

@@ -83,6 +83,7 @@ const Help = ({
 
   return /*#__PURE__*/_react.default.createElement(_help.default, _extends({
     "aria-describedby": isFocused || isTooltipVisible ? tooltipId || defaultTooltipId.current : undefined,
+    "aria-label": helpAriaLabel || ariaLabel,
     className: className,
     as: tagType,
     href: href,
@@ -101,8 +102,7 @@ const Help = ({
     target: "_blank",
     rel: "noopener noreferrer"
   } : {
-    role: "button",
-    "aria-label": helpAriaLabel || ariaLabel
+    role: "button"
   }, (0, _utils.filterStyledSystemMarginProps)(rest), rest), /*#__PURE__*/_react.default.createElement(_icon.default, {
     "aria-hidden": true,
     type: type,

package/lib/components/multi-action-button/multi-action-button.component.js

@@ -304,6 +304,9 @@ MultiActionButton.propTypes = {
   "color": _propTypes.default.string,
   "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
   "contextMenu": _propTypes.default.string,
+  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__emotion_styles": _propTypes.default.any.isRequired
+  }), _propTypes.default.string, _propTypes.default.bool]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
     "__html": _propTypes.default.string.isRequired
   }),

package/lib/locales/en-gb.js

@@ -64,6 +64,9 @@ const enGB = {
       }
     }
   },
+  heading: {
+    backLinkAriaLabel: () => "Back"
+  },
   message: {
     closeButtonAriaLabel: () => "Close"
   },

package/lib/locales/locale.d.ts

@@ -33,6 +33,9 @@ interface Locale {
             formSummary: (errors: number, warnings: number, type: string) => [string, string] | null;
         };
     };
+    heading: {
+        backLinkAriaLabel: () => string;
+    };
     message: {
         closeButtonAriaLabel: () => string;
     };

package/lib/locales/pl-pl.js

@@ -62,6 +62,9 @@ const plPL = {
       }
     }
   },
+  heading: {
+    backLinkAriaLabel: () => "Wstecz"
+  },
   message: {
     closeButtonAriaLabel: () => "Zamknij"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "107.2.0",
+  "version": "107.2.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -78,14 +78,14 @@
     "@storybook/addon-a11y": "^6.4.18",
     "@storybook/addon-actions": "^6.4.18",
     "@storybook/addon-controls": "^6.4.18",
-    "@storybook/addon-docs": "^6.5.8",
+    "@storybook/addon-docs": "^6.4.18",
     "@storybook/addon-google-analytics": "^6.2.9",
     "@storybook/addon-links": "^6.4.18",
     "@storybook/addon-toolbars": "^6.4.18",
     "@storybook/addon-viewport": "^6.4.18",
     "@storybook/addons": "^6.4.18",
     "@storybook/components": "^6.4.18",
-    "@storybook/react": "^6.5.8",
+    "@storybook/react": "^6.4.18",
     "@storybook/theming": "^6.4.18",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.3",