carbon-react 123.7.2 → 123.8.0

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

@@ -76,7 +76,6 @@ export const MultiActionButton = ({
   }, marginProps), /*#__PURE__*/React.createElement(Button, _extends({
     "aria-haspopup": "true",
     "aria-expanded": showAdditionalButtons,
-    "aria-label": "Show more",
     "data-element": "toggle-button",
     key: "toggle-button"
   }, mainButtonProps, {

package/esm/components/split-button/split-button.component.d.ts

@@ -12,6 +12,8 @@ export interface SplitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonE
     "data-element"?: string;
     /** A custom value for the data-role attribute */
     "data-role"?: string;
+    /** Prop to specify an aria-label for the component */
+    "aria-label"?: string;
     /** Gives the button a disabled state. */
     disabled?: boolean;
     /** Defines an Icon position within the button: "before" | "after" */
@@ -25,5 +27,5 @@ export interface SplitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonE
     /** The text to be displayed in the SplitButton. */
     text: string;
 }
-export declare const SplitButton: ({ align, buttonType, children, disabled, iconPosition, iconType, onClick, size, subtext, text, "data-element": dataElement, "data-role": dataRole, ...rest }: SplitButtonProps) => React.JSX.Element;
+export declare const SplitButton: ({ align, buttonType, children, disabled, iconPosition, iconType, onClick, size, subtext, text, "data-element": dataElement, "data-role": dataRole, "aria-label": ariaLabel, ...rest }: SplitButtonProps) => React.JSX.Element;
 export default SplitButton;

package/esm/components/split-button/split-button.component.js

@@ -14,6 +14,7 @@ import { filterStyledSystemMarginProps, filterOutStyledSystemSpacingProps } from
 import { baseTheme } from "../../style/themes";
 import useChildButtons from "../../hooks/__internal__/useChildButtons";
 import SplitButtonContext from "./__internal__/split-button.context";
+import useLocale from "../../hooks/__internal__/useLocale";
 const CONTENT_WIDTH_RATIO = 0.75;
 export const SplitButton = ({
   align = "left",
@@ -28,8 +29,10 @@ export const SplitButton = ({
   text,
   "data-element": dataElement,
   "data-role": dataRole,
+  "aria-label": ariaLabel,
   ...rest
 }) => {
+  const locale = useLocale();
   const theme = useContext(ThemeContext) || baseTheme;
   const buttonLabelId = useRef(guid());
   const toggleButton = useRef(null);
@@ -90,7 +93,7 @@ export const SplitButton = ({
     }, mainButtonProps), text), /*#__PURE__*/React.createElement(StyledSplitButtonToggle, _extends({
       "aria-haspopup": "true",
       "aria-expanded": showAdditionalButtons,
-      "aria-label": "Show more",
+      "aria-label": ariaLabel || locale.splitButton.ariaLabel(),
       "data-element": "toggle-button",
       key: "toggle-button",
       type: "button",

package/esm/locales/en-gb.js

@@ -119,6 +119,9 @@ const enGB = {
       close: () => "Close"
     }
   },
+  splitButton: {
+    ariaLabel: () => "Show more"
+  },
   switch: {
     on: () => "ON",
     off: () => "OFF"

package/esm/locales/locale.d.ts

@@ -99,6 +99,9 @@ interface Locale {
             close: () => string;
         };
     };
+    splitButton: {
+        ariaLabel: () => string;
+    };
     switch: {
         on: () => string;
         off: () => string;

package/esm/locales/pl-pl.js

@@ -154,6 +154,9 @@ const plPL = {
       close: () => "Zamknij"
     }
   },
+  splitButton: {
+    ariaLabel: () => "Pokaż więcej"
+  },
   switch: {
     on: () => "WŁ",
     off: () => "WYŁ"

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

@@ -85,7 +85,6 @@ const MultiActionButton = ({
   }, marginProps), /*#__PURE__*/_react.default.createElement(_button.default, _extends({
     "aria-haspopup": "true",
     "aria-expanded": showAdditionalButtons,
-    "aria-label": "Show more",
     "data-element": "toggle-button",
     key: "toggle-button"
   }, mainButtonProps, {

package/lib/components/split-button/split-button.component.d.ts

@@ -12,6 +12,8 @@ export interface SplitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonE
     "data-element"?: string;
     /** A custom value for the data-role attribute */
     "data-role"?: string;
+    /** Prop to specify an aria-label for the component */
+    "aria-label"?: string;
     /** Gives the button a disabled state. */
     disabled?: boolean;
     /** Defines an Icon position within the button: "before" | "after" */
@@ -25,5 +27,5 @@ export interface SplitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonE
     /** The text to be displayed in the SplitButton. */
     text: string;
 }
-export declare const SplitButton: ({ align, buttonType, children, disabled, iconPosition, iconType, onClick, size, subtext, text, "data-element": dataElement, "data-role": dataRole, ...rest }: SplitButtonProps) => React.JSX.Element;
+export declare const SplitButton: ({ align, buttonType, children, disabled, iconPosition, iconType, onClick, size, subtext, text, "data-element": dataElement, "data-role": dataRole, "aria-label": ariaLabel, ...rest }: SplitButtonProps) => React.JSX.Element;
 export default SplitButton;

package/lib/components/split-button/split-button.component.js

@@ -19,6 +19,7 @@ var _utils = require("../../style/utils");
 var _themes = require("../../style/themes");
 var _useChildButtons = _interopRequireDefault(require("../../hooks/__internal__/useChildButtons"));
 var _splitButton2 = _interopRequireDefault(require("./__internal__/split-button.context"));
+var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -37,8 +38,10 @@ const SplitButton = ({
   text,
   "data-element": dataElement,
   "data-role": dataRole,
+  "aria-label": ariaLabel,
   ...rest
 }) => {
+  const locale = (0, _useLocale.default)();
   const theme = (0, _react.useContext)(_styledComponents.ThemeContext) || _themes.baseTheme;
   const buttonLabelId = (0, _react.useRef)((0, _guid.default)());
   const toggleButton = (0, _react.useRef)(null);
@@ -99,7 +102,7 @@ const SplitButton = ({
     }, mainButtonProps), text), /*#__PURE__*/_react.default.createElement(_splitButtonToggle.default, _extends({
       "aria-haspopup": "true",
       "aria-expanded": showAdditionalButtons,
-      "aria-label": "Show more",
+      "aria-label": ariaLabel || locale.splitButton.ariaLabel(),
       "data-element": "toggle-button",
       key: "toggle-button",
       type: "button",

package/lib/locales/en-gb.js

@@ -125,6 +125,9 @@ const enGB = {
       close: () => "Close"
     }
   },
+  splitButton: {
+    ariaLabel: () => "Show more"
+  },
   switch: {
     on: () => "ON",
     off: () => "OFF"

package/lib/locales/locale.d.ts

@@ -99,6 +99,9 @@ interface Locale {
             close: () => string;
         };
     };
+    splitButton: {
+        ariaLabel: () => string;
+    };
     switch: {
         on: () => string;
         off: () => string;

package/lib/locales/pl-pl.js

@@ -161,6 +161,9 @@ const plPL = {
       close: () => "Zamknij"
     }
   },
+  splitButton: {
+    ariaLabel: () => "Pokaż więcej"
+  },
   switch: {
     on: () => "WŁ",
     off: () => "WYŁ"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "123.7.2",
+  "version": "123.8.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -200,8 +200,7 @@
     "react-dnd-html5-backend": "^15.1.3",
     "react-is": "^17.0.2",
     "react-transition-group": "^4.4.5",
-    "styled-system": "^5.1.5",
-    "wait-on": "^5.3.0"
+    "styled-system": "^5.1.5"
   },
   "config": {
     "commitizen": {