carbon-react 126.9.1 → 126.10.1

package/LICENSE

@@ -2,180 +2,180 @@
                            Version 2.0, January 2004
                         http://www.apache.org/licenses/
 
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1.  Definitions.
+
+    "License" shall mean the terms and conditions for use, reproduction,
+    and distribution as defined by Sections 1 through 9 of this document.
+
+    "Licensor" shall mean the copyright owner or entity authorized by
+    the copyright owner that is granting the License.
+
+    "Legal Entity" shall mean the union of the acting entity and all
+    other entities that control, are controlled by, or are under common
+    control with that entity. For the purposes of this definition,
+    "control" means (i) the power, direct or indirect, to cause the
+    direction or management of such entity, whether by contract or
+    otherwise, or (ii) ownership of fifty percent (50%) or more of the
+    outstanding shares, or (iii) beneficial ownership of such entity.
+
+    "You" (or "Your") shall mean an individual or Legal Entity
+    exercising permissions granted by this License.
+
+    "Source" form shall mean the preferred form for making modifications,
+    including but not limited to software source code, documentation
+    source, and configuration files.
+
+    "Object" form shall mean any form resulting from mechanical
+    transformation or translation of a Source form, including but
+    not limited to compiled object code, generated documentation,
+    and conversions to other media types.
+
+    "Work" shall mean the work of authorship, whether in Source or
+    Object form, made available under the License, as indicated by a
+    copyright notice that is included in or attached to the work
+    (an example is provided in the Appendix below).
+
+    "Derivative Works" shall mean any work, whether in Source or Object
+    form, that is based on (or derived from) the Work and for which the
+    editorial revisions, annotations, elaborations, or other modifications
+    represent, as a whole, an original work of authorship. For the purposes
+    of this License, Derivative Works shall not include works that remain
+    separable from, or merely link (or bind by name) to the interfaces of,
+    the Work and Derivative Works thereof.
+
+    "Contribution" shall mean any work of authorship, including
+    the original version of the Work and any modifications or additions
+    to that Work or Derivative Works thereof, that is intentionally
+    submitted to Licensor for inclusion in the Work by the copyright owner
+    or by an individual or Legal Entity authorized to submit on behalf of
+    the copyright owner. For the purposes of this definition, "submitted"
+    means any form of electronic, verbal, or written communication sent
+    to the Licensor or its representatives, including but not limited to
+    communication on electronic mailing lists, source code control systems,
+    and issue tracking systems that are managed by, or on behalf of, the
+    Licensor for the purpose of discussing and improving the Work, but
+    excluding communication that is conspicuously marked or otherwise
+    designated in writing by the copyright owner as "Not a Contribution."
+
+    "Contributor" shall mean Licensor and any individual or Legal Entity
+    on behalf of whom a Contribution has been received by Licensor and
+    subsequently incorporated within the Work.
+
+2.  Grant of Copyright License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    copyright license to reproduce, prepare Derivative Works of,
+    publicly display, publicly perform, sublicense, and distribute the
+    Work and such Derivative Works in Source or Object form.
+
+3.  Grant of Patent License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    (except as stated in this section) patent license to make, have made,
+    use, offer to sell, sell, import, and otherwise transfer the Work,
+    where such license applies only to those patent claims licensable
+    by such Contributor that are necessarily infringed by their
+    Contribution(s) alone or by combination of their Contribution(s)
+    with the Work to which such Contribution(s) was submitted. If You
+    institute patent litigation against any entity (including a
+    cross-claim or counterclaim in a lawsuit) alleging that the Work
+    or a Contribution incorporated within the Work constitutes direct
+    or contributory patent infringement, then any patent licenses
+    granted to You under this License for that Work shall terminate
+    as of the date such litigation is filed.
+
+4.  Redistribution. You may reproduce and distribute copies of the
+    Work or Derivative Works thereof in any medium, with or without
+    modifications, and in Source or Object form, provided that You
+    meet the following conditions:
+
+    (a) You must give any other recipients of the Work or
+    Derivative Works a copy of this License; and
+
+    (b) You must cause any modified files to carry prominent notices
+    stating that You changed the files; and
+
+    (c) You must retain, in the Source form of any Derivative Works
+    that You distribute, all copyright, patent, trademark, and
+    attribution notices from the Source form of the Work,
+    excluding those notices that do not pertain to any part of
+    the Derivative Works; and
+
+    (d) If the Work includes a "NOTICE" text file as part of its
+    distribution, then any Derivative Works that You distribute must
+    include a readable copy of the attribution notices contained
+    within such NOTICE file, excluding those notices that do not
+    pertain to any part of the Derivative Works, in at least one
+    of the following places: within a NOTICE text file distributed
+    as part of the Derivative Works; within the Source form or
+    documentation, if provided along with the Derivative Works; or,
+    within a display generated by the Derivative Works, if and
+    wherever such third-party notices normally appear. The contents
+    of the NOTICE file are for informational purposes only and
+    do not modify the License. You may add Your own attribution
+    notices within Derivative Works that You distribute, alongside
+    or as an addendum to the NOTICE text from the Work, provided
+    that such additional attribution notices cannot be construed
+    as modifying the License.
+
+    You may add Your own copyright statement to Your modifications and
+    may provide additional or different license terms and conditions
+    for use, reproduction, or distribution of Your modifications, or
+    for any such Derivative Works as a whole, provided Your use,
+    reproduction, and distribution of the Work otherwise complies with
+    the conditions stated in this License.
+
+5.  Submission of Contributions. Unless You explicitly state otherwise,
+    any Contribution intentionally submitted for inclusion in the Work
+    by You to the Licensor shall be under the terms and conditions of
+    this License, without any additional terms or conditions.
+    Notwithstanding the above, nothing herein shall supersede or modify
+    the terms of any separate license agreement you may have executed
+    with Licensor regarding such Contributions.
+
+6.  Trademarks. This License does not grant permission to use the trade
+    names, trademarks, service marks, or product names of the Licensor,
+    except as required for reasonable and customary use in describing the
+    origin of the Work and reproducing the content of the NOTICE file.
+
+7.  Disclaimer of Warranty. Unless required by applicable law or
+    agreed to in writing, Licensor provides the Work (and each
+    Contributor provides its Contributions) on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+    implied, including, without limitation, any warranties or conditions
+    of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+    PARTICULAR PURPOSE. You are solely responsible for determining the
+    appropriateness of using or redistributing the Work and assume any
+    risks associated with Your exercise of permissions under this License.
+
+8.  Limitation of Liability. In no event and under no legal theory,
+    whether in tort (including negligence), contract, or otherwise,
+    unless required by applicable law (such as deliberate and grossly
+    negligent acts) or agreed to in writing, shall any Contributor be
+    liable to You for damages, including any direct, indirect, special,
+    incidental, or consequential damages of any character arising as a
+    result of this License or out of the use or inability to use the
+    Work (including but not limited to damages for loss of goodwill,
+    work stoppage, computer failure or malfunction, or any and all
+    other commercial damages or losses), even if such Contributor
+    has been advised of the possibility of such damages.
+
+9.  Accepting Warranty or Additional Liability. While redistributing
+    the Work or Derivative Works thereof, You may choose to offer,
+    and charge a fee for, acceptance of support, warranty, indemnity,
+    or other liability obligations and/or rights consistent with this
+    License. However, in accepting such obligations, You may act only
+    on Your own behalf and on Your sole responsibility, not on behalf
+    of any other Contributor, and only if You agree to indemnify,
+    defend, and hold each Contributor harmless for any liability
+    incurred by, or claims asserted against, such Contributor by reason
+    of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
 
       To apply the Apache License to your work, attach the following
       boilerplate notice, with the fields enclosed by brackets "{}"
@@ -186,16 +186,16 @@
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-   Copyright 2016-2023 Sage (UK) Ltd
+Copyright 2016-2024 Sage (UK) Ltd
 
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
 
        http://www.apache.org/licenses/LICENSE-2.0
 
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -51,4 +51,4 @@ Thanks to [Chromatic](https://www.chromatic.com/) for providing the visual testi
 
 Carbon is licensed under the [Apache-2.0 licence](LICENSE).
 
-Copyright (c) 2018-2022 Sage Group Plc. All rights reserved.
+Copyright (c) 2018-2024 Sage Group Plc. All rights reserved.

package/esm/components/action-popover/action-popover-item/action-popover-item.component.js

@@ -114,7 +114,9 @@ export const ActionPopoverItem = ({
   // focuses item on opening of actionPopover submenu
   useEffect(() => {
     if (focusItem) {
-      ref.current?.focus();
+      ref.current?.focus({
+        preventScroll: true
+      });
     }
   }, [focusItem]);
   useEffect(() => {

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

@@ -12,6 +12,10 @@ export interface ButtonProps extends SpaceProps, TagProps {
      * Defaults to the iconType, when the component has only an icon
      */
     "aria-label"?: string;
+    /** Identifies the element(s) labelling the button. */
+    "aria-labelledby"?: string;
+    /** Identifies the element(s) offering additional information about the button the user might require. */
+    "aria-describedby"?: string;
     /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "darkBackground" */
     buttonType?: ButtonTypes;
     /** The text the button displays */

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

@@ -60,26 +60,28 @@ function renderChildren({
 let deprecatedForwardRefWarnTriggered = false;
 let deprecatedDashedButtonWarnTriggered = false;
 const Button = /*#__PURE__*/React.forwardRef(({
-  size: sizeProp = "medium",
-  subtext = "",
-  children,
-  forwardRef,
+  "aria-describedby": ariaDescribedBy,
   "aria-label": ariaLabel,
-  disabled = false,
-  destructive = false,
+  "aria-labelledby": ariaLabelledBy,
   buttonType: buttonTypeProp = "secondary",
-  iconType,
-  iconPosition: iconPositionProp = "before",
+  children,
+  destructive = false,
+  disabled = false,
+  forwardRef,
+  fullWidth: fullWidthProp = false,
   href,
-  m = 0,
-  px,
-  noWrap,
-  target,
-  rel,
+  iconPosition: iconPositionProp = "before",
   iconTooltipMessage,
   iconTooltipPosition,
-  fullWidth: fullWidthProp = false,
+  iconType,
+  m = 0,
+  noWrap,
   onClick,
+  px,
+  rel,
+  size: sizeProp = "medium",
+  subtext = "",
+  target,
   ...rest
 }, ref) => {
   const {
@@ -137,6 +139,8 @@ const Button = /*#__PURE__*/React.forwardRef(({
   const isValidChildren = children !== undefined && children !== false;
   return /*#__PURE__*/React.createElement(StyledButton, _extends({
     "aria-label": !isValidChildren && iconType ? ariaLabel || iconType : ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
     as: !disabled && href ? "a" : "button",
     onKeyDown: href ? handleLinkKeyDown : undefined,
     onClick: inSplitButton ? onChildButtonClick?.(onClick) : onClick,
@@ -174,7 +178,9 @@ const Button = /*#__PURE__*/React.forwardRef(({
   }));
 });
 Button.propTypes = {
+  "aria-describedby": PropTypes.string,
   "aria-label": PropTypes.string,
+  "aria-labelledby": PropTypes.string,
   "buttonType": PropTypes.oneOf(["darkBackground", "dashed", "gradient-grey", "gradient-white", "primary", "secondary", "tertiary"]),
   "children": PropTypes.node,
   "data-component": PropTypes.string,
@@ -524,7 +530,9 @@ const ButtonWithForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, props));
 });
 ButtonWithForwardRef.propTypes = {
+  "aria-describedby": PropTypes.string,
   "aria-label": PropTypes.string,
+  "aria-labelledby": PropTypes.string,
   "buttonType": PropTypes.oneOf(["darkBackground", "dashed", "gradient-grey", "gradient-white", "primary", "secondary", "tertiary"]),
   "children": PropTypes.node,
   "data-component": PropTypes.string,

package/esm/components/button-toggle/button-toggle-group/button-toggle-group.component.d.ts

@@ -12,7 +12,7 @@ export interface ButtonToggleGroupProps extends MarginProps, TagProps {
     id: string;
     /** Specifies the name prop to be applied to each button in the group */
     name?: string;
-    /** Togglable buttons to be rendered. Only accepts children of type ButtonToggle */
+    /** Toggle buttons to be rendered. Only accepts children of type ButtonToggle */
     children?: React.ReactNode;
     /** aria-label for the group wrapper. Required for accessibility when no text label is provided */
     "aria-label"?: string;
@@ -32,7 +32,7 @@ export interface ButtonToggleGroupProps extends MarginProps, TagProps {
     fieldHelpInline?: boolean;
     /** [Legacy] Sets the label to be inline. */
     labelInline?: boolean;
-    /** The percentage width of the label. */
+    /** [Legacy] The percentage width of the label. */
     labelWidth?: number;
     /** If true all ButtonToggle children will flex to the full width of the ButtonToggleGroup parent */
     fullWidth?: boolean;
@@ -63,6 +63,8 @@ declare type ButtonToggleGroupContextType = {
     isDisabled?: boolean;
     firstButton?: HTMLButtonElement;
     childButtonCallbackRef?: (button: HTMLButtonElement | null) => void;
+    /** Identifier for the hint text, if it exists, that is rendered by ButtonToggleGroup */
+    hintTextId?: string;
 };
 export declare const ButtonToggleGroupContext: React.Context<ButtonToggleGroupContextType>;
 declare const ButtonToggleGroup: {

package/esm/components/button-toggle/button-toggle-group/button-toggle-group.component.js

@@ -56,6 +56,7 @@ const ButtonToggleGroup = ({
   }, [children]);
   !hasCorrectItemStructure ? process.env.NODE_ENV !== "production" ? invariant(false, `\`ButtonToggleGroup\` only accepts children of type \`${ButtonToggle.displayName}\``) : invariant(false) : void 0;
   const labelId = useRef(guid());
+  const hintTextId = useRef(guid());
   const wrapperRef = useRef(null);
   const [pressedButtonValue, setPressedButtonValue] = useState();
   if (name && !deprecateNameWarnTriggered) {
@@ -121,7 +122,7 @@ const ButtonToggleGroup = ({
   }, /*#__PURE__*/React.createElement(InputGroupBehaviour, null, /*#__PURE__*/React.createElement(FormField, _extends({
     label: label,
     labelHelp: computeLabelPropValues(labelHelp),
-    labelSpacing: labelSpacing,
+    labelSpacing: computeLabelPropValues(labelSpacing),
     fieldHelp: computeLabelPropValues(fieldHelp),
     fieldHelpInline: computeLabelPropValues(fieldHelpInline),
     labelInline: computeLabelPropValues(labelInline),
@@ -144,9 +145,11 @@ const ButtonToggleGroup = ({
       isInGroup: true,
       isDisabled: disabled,
       firstButton,
-      childButtonCallbackRef
+      childButtonCallbackRef,
+      hintTextId: inputHint ? hintTextId.current : undefined
     }
   }, inputHint && /*#__PURE__*/React.createElement(StyledHintText, {
+    id: hintTextId.current,
     isDisabled: disabled
   }, inputHint), /*#__PURE__*/React.createElement(StyledButtonToggleGroupWrapper, {
     labelInline: labelInline,

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

@@ -64,7 +64,8 @@ export const ButtonToggle = ({
     isInGroup,
     isDisabled,
     firstButton,
-    childButtonCallbackRef
+    childButtonCallbackRef,
+    hintTextId
   } = useContext(ButtonToggleGroupContext);
   const callbackRef = element => {
     buttonRef.current = element;
@@ -73,15 +74,6 @@ export const ButtonToggle = ({
     }
   };
   const inputGuid = useRef(guid());
-  let icon;
-  if (buttonIcon) {
-    icon = /*#__PURE__*/React.createElement(ButtonToggleIcon, {
-      buttonIcon: buttonIcon,
-      buttonIconSize: buttonIconSize,
-      disabled: disabled,
-      hasContent: !!children
-    });
-  }
   function handleClick(ev) {
     if (onClick) {
       onClick(ev);
@@ -131,6 +123,7 @@ export const ButtonToggle = ({
   }, /*#__PURE__*/React.createElement(StyledButtonToggle, _extends({
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": hintTextId || undefined,
     "aria-pressed": !!isPressed,
     buttonIcon: buttonIcon,
     buttonIconSize: buttonIconSize,
@@ -151,7 +144,12 @@ export const ButtonToggle = ({
   }, {
     allowDeselect: allowDeselect,
     ref: callbackRef
-  }), icon, children));
+  }), buttonIcon && /*#__PURE__*/React.createElement(ButtonToggleIcon, {
+    buttonIcon: buttonIcon,
+    buttonIconSize: buttonIconSize,
+    disabled: disabled,
+    hasContent: !!children
+  }), children));
 };
 ButtonToggle.displayName = "ButtonToggle";
 export default ButtonToggle;

package/lib/components/action-popover/action-popover-item/action-popover-item.component.js

@@ -123,7 +123,9 @@ const ActionPopoverItem = ({
   // focuses item on opening of actionPopover submenu
   (0, _react.useEffect)(() => {
     if (focusItem) {
-      ref.current?.focus();
+      ref.current?.focus({
+        preventScroll: true
+      });
     }
   }, [focusItem]);
   (0, _react.useEffect)(() => {

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

@@ -12,6 +12,10 @@ export interface ButtonProps extends SpaceProps, TagProps {
      * Defaults to the iconType, when the component has only an icon
      */
     "aria-label"?: string;
+    /** Identifies the element(s) labelling the button. */
+    "aria-labelledby"?: string;
+    /** Identifies the element(s) offering additional information about the button the user might require. */
+    "aria-describedby"?: string;
     /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "darkBackground" */
     buttonType?: ButtonTypes;
     /** The text the button displays */

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

@@ -69,26 +69,28 @@ function renderChildren({
 let deprecatedForwardRefWarnTriggered = false;
 let deprecatedDashedButtonWarnTriggered = false;
 const Button = /*#__PURE__*/_react.default.forwardRef(({
-  size: sizeProp = "medium",
-  subtext = "",
-  children,
-  forwardRef,
+  "aria-describedby": ariaDescribedBy,
   "aria-label": ariaLabel,
-  disabled = false,
-  destructive = false,
+  "aria-labelledby": ariaLabelledBy,
   buttonType: buttonTypeProp = "secondary",
-  iconType,
-  iconPosition: iconPositionProp = "before",
+  children,
+  destructive = false,
+  disabled = false,
+  forwardRef,
+  fullWidth: fullWidthProp = false,
   href,
-  m = 0,
-  px,
-  noWrap,
-  target,
-  rel,
+  iconPosition: iconPositionProp = "before",
   iconTooltipMessage,
   iconTooltipPosition,
-  fullWidth: fullWidthProp = false,
+  iconType,
+  m = 0,
+  noWrap,
   onClick,
+  px,
+  rel,
+  size: sizeProp = "medium",
+  subtext = "",
+  target,
   ...rest
 }, ref) => {
   const {
@@ -146,6 +148,8 @@ const Button = /*#__PURE__*/_react.default.forwardRef(({
   const isValidChildren = children !== undefined && children !== false;
   return /*#__PURE__*/_react.default.createElement(_button.default, _extends({
     "aria-label": !isValidChildren && iconType ? ariaLabel || iconType : ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
     as: !disabled && href ? "a" : "button",
     onKeyDown: href ? handleLinkKeyDown : undefined,
     onClick: inSplitButton ? onChildButtonClick?.(onClick) : onClick,
@@ -183,7 +187,9 @@ const Button = /*#__PURE__*/_react.default.forwardRef(({
   }));
 });
 Button.propTypes = {
+  "aria-describedby": _propTypes.default.string,
   "aria-label": _propTypes.default.string,
+  "aria-labelledby": _propTypes.default.string,
   "buttonType": _propTypes.default.oneOf(["darkBackground", "dashed", "gradient-grey", "gradient-white", "primary", "secondary", "tertiary"]),
   "children": _propTypes.default.node,
   "data-component": _propTypes.default.string,
@@ -533,7 +539,9 @@ const ButtonWithForwardRef = exports.ButtonWithForwardRef = /*#__PURE__*/_react.
   }, props));
 });
 ButtonWithForwardRef.propTypes = {
+  "aria-describedby": _propTypes.default.string,
   "aria-label": _propTypes.default.string,
+  "aria-labelledby": _propTypes.default.string,
   "buttonType": _propTypes.default.oneOf(["darkBackground", "dashed", "gradient-grey", "gradient-white", "primary", "secondary", "tertiary"]),
   "children": _propTypes.default.node,
   "data-component": _propTypes.default.string,

package/lib/components/button-toggle/button-toggle-group/button-toggle-group.component.d.ts

@@ -12,7 +12,7 @@ export interface ButtonToggleGroupProps extends MarginProps, TagProps {
     id: string;
     /** Specifies the name prop to be applied to each button in the group */
     name?: string;
-    /** Togglable buttons to be rendered. Only accepts children of type ButtonToggle */
+    /** Toggle buttons to be rendered. Only accepts children of type ButtonToggle */
     children?: React.ReactNode;
     /** aria-label for the group wrapper. Required for accessibility when no text label is provided */
     "aria-label"?: string;
@@ -32,7 +32,7 @@ export interface ButtonToggleGroupProps extends MarginProps, TagProps {
     fieldHelpInline?: boolean;
     /** [Legacy] Sets the label to be inline. */
     labelInline?: boolean;
-    /** The percentage width of the label. */
+    /** [Legacy] The percentage width of the label. */
     labelWidth?: number;
     /** If true all ButtonToggle children will flex to the full width of the ButtonToggleGroup parent */
     fullWidth?: boolean;
@@ -63,6 +63,8 @@ declare type ButtonToggleGroupContextType = {
     isDisabled?: boolean;
     firstButton?: HTMLButtonElement;
     childButtonCallbackRef?: (button: HTMLButtonElement | null) => void;
+    /** Identifier for the hint text, if it exists, that is rendered by ButtonToggleGroup */
+    hintTextId?: string;
 };
 export declare const ButtonToggleGroupContext: React.Context<ButtonToggleGroupContextType>;
 declare const ButtonToggleGroup: {

package/lib/components/button-toggle/button-toggle-group/button-toggle-group.component.js

@@ -65,6 +65,7 @@ const ButtonToggleGroup = ({
   }, [children]);
   !hasCorrectItemStructure ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `\`ButtonToggleGroup\` only accepts children of type \`${_.ButtonToggle.displayName}\``) : (0, _invariant.default)(false) : void 0;
   const labelId = (0, _react.useRef)((0, _guid.default)());
+  const hintTextId = (0, _react.useRef)((0, _guid.default)());
   const wrapperRef = (0, _react.useRef)(null);
   const [pressedButtonValue, setPressedButtonValue] = (0, _react.useState)();
   if (name && !deprecateNameWarnTriggered) {
@@ -130,7 +131,7 @@ const ButtonToggleGroup = ({
   }, /*#__PURE__*/_react.default.createElement(_inputBehaviour.InputGroupBehaviour, null, /*#__PURE__*/_react.default.createElement(_formField.default, _extends({
     label: label,
     labelHelp: computeLabelPropValues(labelHelp),
-    labelSpacing: labelSpacing,
+    labelSpacing: computeLabelPropValues(labelSpacing),
     fieldHelp: computeLabelPropValues(fieldHelp),
     fieldHelpInline: computeLabelPropValues(fieldHelpInline),
     labelInline: computeLabelPropValues(labelInline),
@@ -153,9 +154,11 @@ const ButtonToggleGroup = ({
       isInGroup: true,
       isDisabled: disabled,
       firstButton,
-      childButtonCallbackRef
+      childButtonCallbackRef,
+      hintTextId: inputHint ? hintTextId.current : undefined
     }
   }, inputHint && /*#__PURE__*/_react.default.createElement(_buttonToggleGroup.StyledHintText, {
+    id: hintTextId.current,
     isDisabled: disabled
   }, inputHint), /*#__PURE__*/_react.default.createElement(_buttonToggleGroup.StyledButtonToggleGroupWrapper, {
     labelInline: labelInline,

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

@@ -73,7 +73,8 @@ const ButtonToggle = ({
     isInGroup,
     isDisabled,
     firstButton,
-    childButtonCallbackRef
+    childButtonCallbackRef,
+    hintTextId
   } = (0, _react.useContext)(_buttonToggleGroup.ButtonToggleGroupContext);
   const callbackRef = element => {
     buttonRef.current = element;
@@ -82,15 +83,6 @@ const ButtonToggle = ({
     }
   };
   const inputGuid = (0, _react.useRef)((0, _guid.default)());
-  let icon;
-  if (buttonIcon) {
-    icon = /*#__PURE__*/_react.default.createElement(_buttonToggleIcon.default, {
-      buttonIcon: buttonIcon,
-      buttonIconSize: buttonIconSize,
-      disabled: disabled,
-      hasContent: !!children
-    });
-  }
   function handleClick(ev) {
     if (onClick) {
       onClick(ev);
@@ -140,6 +132,7 @@ const ButtonToggle = ({
   }, /*#__PURE__*/_react.default.createElement(_buttonToggle.StyledButtonToggle, _extends({
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": hintTextId || undefined,
     "aria-pressed": !!isPressed,
     buttonIcon: buttonIcon,
     buttonIconSize: buttonIconSize,
@@ -160,7 +153,12 @@ const ButtonToggle = ({
   }, {
     allowDeselect: allowDeselect,
     ref: callbackRef
-  }), icon, children));
+  }), buttonIcon && /*#__PURE__*/_react.default.createElement(_buttonToggleIcon.default, {
+    buttonIcon: buttonIcon,
+    buttonIconSize: buttonIconSize,
+    disabled: disabled,
+    hasContent: !!children
+  }), children));
 };
 exports.ButtonToggle = ButtonToggle;
 ButtonToggle.displayName = "ButtonToggle";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "126.9.1",
+  "version": "126.10.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -106,6 +106,7 @@
     "@types/react-is": "^17.0.4",
     "@types/react-test-renderer": "^17.0.2",
     "@types/react-transition-group": "^4.4.9",
+    "@types/sinon": "^17.0.3",
     "@types/sprintf-js": "^1.1.4",
     "@types/styled-components": "5.1.17",
     "@types/uuid": "^8.3.4",
@@ -200,6 +201,7 @@
     "react-dnd-html5-backend": "^15.1.3",
     "react-is": "^17.0.2",
     "react-transition-group": "^4.4.5",
+    "sinon": "^17.0.1",
     "styled-system": "^5.1.5"
   },
   "overrides": {