carbon-react 111.12.3 → 111.12.4

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

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useState, useCallback, useMemo, useEffect, useRef } from "react";
 import PropTypes from "prop-types";
 import invariant from "invariant";
@@ -11,8 +12,11 @@ import ActionPopoverMenu from "./action-popover-menu/action-popover-menu.compone
 import ActionPopoverItem from "./action-popover-item/action-popover-item.component";
 import ActionPopoverDivider from "./action-popover-divider/action-popover-divider.component";
 import ActionPopoverContext from "./action-popover-context";
+
 const onOpenDefault = () => {};
+
 const onCloseDefault = () => {};
+
 const ActionPopover = ({
   children,
   id,
@@ -40,6 +44,7 @@ const ActionPopover = ({
       if (! /*#__PURE__*/React.isValidElement(child)) {
         return true;
       }
+
       return child.type !== ActionPopoverItem && child.type !== ActionPopoverDivider;
     });
     return !incorrectChild;
@@ -49,25 +54,31 @@ const ActionPopover = ({
     if (placement === "top" && !rightAlignMenu) {
       return "top-end";
     }
+
     if (placement === "top" && rightAlignMenu) {
       return "top-start";
     }
+
     if (placement === "bottom" && rightAlignMenu) {
       return "bottom-start";
     }
+
     return "bottom-end";
   }, [placement, rightAlignMenu]);
   const setOpen = useCallback(value => {
     if (value && !isOpen) {
       onOpen();
     }
+
     if (!value && isOpen) {
       onClose();
     }
+
     setOpenState(value);
   }, [isOpen, onOpen, onClose]);
   const focusButton = useCallback(() => {
     var _buttonRef$current;
+
     const button = (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.querySelector("[data-element='action-popover-button']");
     button === null || button === void 0 ? void 0 : button.focus();
   }, []);
@@ -75,13 +86,12 @@ const ActionPopover = ({
     e.stopPropagation();
     const isOpening = !isOpen;
     setOpen(isOpening);
+
     if (!isOpening) {
       // Closing the menu should focus the MenuButton
       focusButton();
     }
-  }, [isOpen, setOpen, focusButton]);
-
-  // Keyboard commands implemented as recommended by WAI-ARIA best practices
+  }, [isOpen, setOpen, focusButton]); // Keyboard commands implemented as recommended by WAI-ARIA best practices
   // https://www.w3.org/TR/wai-aria-practices/examples/menu-button/menu-button-actions.html
 
   const onButtonKeyDown = useCallback(e => {
@@ -104,13 +114,14 @@ const ActionPopover = ({
       // If the event didn't came from part of this component, close the menu.
       // There will be multiple document click listeners but we cant prevent propagation because it will interfere with
       // other instances on the same page
-
       const isInMenu = menu.current && menu.current.contains(target);
       const isInButton = buttonRef.current && buttonRef.current.contains(target);
+
       if (!isInMenu && !isInButton) {
         setOpen(false);
       }
     };
+
     const event = "click";
     document.addEventListener(event, handler, {
       capture: true
@@ -121,6 +132,7 @@ const ActionPopover = ({
       });
     };
   }, [setOpen]);
+
   const menuButton = menuID => {
     if (renderButton) {
       return renderButton({
@@ -134,6 +146,7 @@ const ActionPopover = ({
         }
       });
     }
+
     return /*#__PURE__*/React.createElement(StyledButtonIcon, {
       role: "button",
       "aria-haspopup": "true",
@@ -146,6 +159,7 @@ const ActionPopover = ({
       type: "ellipsis_vertical"
     }));
   };
+
   const parentID = id || `ActionPopoverButton_${guid}`;
   const menuID = `ActionPopoverMenu_${guid}`;
   const menuProps = {
@@ -182,6 +196,7 @@ const ActionPopover = ({
     ref: menu
   }, menuProps), children))));
 };
+
 ActionPopover.propTypes = {
   "children": PropTypes.node,
   "horizontalAlignment": PropTypes.oneOf(["left", "right"]),

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

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useState, useEffect, useCallback, useRef } from "react";
 import PropTypes from "prop-types";
 import styledSystemPropTypes from "@styled-system/prop-types";
@@ -7,6 +8,7 @@ import { SimpleColorPicker, SimpleColor } from "../simple-color-picker";
 import Events from "../../__internal__/utils/helpers/events";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes.space);
+
 const AdvancedColorPicker = ({
   "aria-describedby": ariaDescribedBy,
   "aria-label": ariaLabel,
@@ -63,12 +65,14 @@ const AdvancedColorPicker = ({
   }, [selectedColorRef]);
   const handleOnOpen = useCallback(e => {
     setDialogOpen(true);
+
     if (onOpen) {
       onOpen(e);
     }
   }, [onOpen]);
   const handleOnClose = useCallback(e => {
     setDialogOpen(false);
+
     if (onClose) {
       onClose(e);
     }
@@ -76,6 +80,7 @@ const AdvancedColorPicker = ({
   const handleOnChange = useCallback(e => {
     const selected = colors.find(c => e.target.value === c.value);
     setSelectedColorRef(selected.ref.current);
+
     if (onChange) {
       onChange(e);
     }
@@ -139,40 +144,54 @@ const AdvancedColorPicker = ({
     }
   })))));
 };
+
 AdvancedColorPicker.propTypes = {
   /** Filtered styled system margin props */
   ...marginPropTypes,
+
   /** Prop to specify the aria-describedby property of the component */
   "aria-describedby": PropTypes.string,
+
   /**
    * Prop to specify the aria-label of the component.
    * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
    */
   "aria-label": PropTypes.string,
+
   /**
    * Prop to specify the aria-labeledby property of the component
    * To be used when the title prop is a custom React Node,
    * or the component is labelled by an internal element other than the title.
    */
   "aria-labelledby": PropTypes.string,
+
   /** Specifies the name prop to be applied to each color in the group */
   name: PropTypes.string.isRequired,
+
   /** Prop for `availableColors` containing array of objects of colors */
   availableColors: PropTypes.array.isRequired,
+
   /** Prop for `defaultColor` containing the default color for `uncontrolled` use */
   defaultColor: PropTypes.string.isRequired,
+
   /** Prop for `selectedColor` containing pre-selected color for `controlled` use */
   selectedColor: PropTypes.string,
+
   /** Prop for `onChange` event */
   onChange: PropTypes.func,
+
   /** Prop for `onOpen` event */
   onOpen: PropTypes.func,
+
   /** Prop for `onClose` event */
   onClose: PropTypes.func,
+
   /** Prop for `open` status */
   open: PropTypes.bool,
+
   /** Prop for `onBlur` event */
   onBlur: PropTypes.func,
+
   /** The ARIA role to be applied to the container */
   role: PropTypes.string
 };

package/esm/components/alert/alert.component.js

@@ -1,7 +1,9 @@
 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); }
+
 import React from "react";
 import PropTypes from "prop-types";
 import Dialog from "../dialog";
+
 const Alert = ({
   children,
   size = "extra-small",
@@ -11,6 +13,7 @@ const Alert = ({
   role: "alertdialog",
   size: size
 }, rest), children);
+
 Alert.propTypes = {
   "aria-describedby": PropTypes.string,
   "aria-label": PropTypes.string,

package/esm/components/anchor-navigation/anchor-navigation.component.js

@@ -8,6 +8,7 @@ import { StyledAnchorNavigation, StyledNavigation, StyledContent } from "./ancho
 import AnchorNavigationItem from "./anchor-navigation-item/anchor-navigation-item.component";
 const SECTION_VISIBILITY_OFFSET = 200;
 const SCROLL_THROTTLE = 100;
+
 const AnchorNavigation = ({
   children,
   stickyNavigation
@@ -60,24 +61,25 @@ const AnchorNavigation = ({
     window.addEventListener("scroll", scrollHandler, true);
     return () => window.removeEventListener("scroll", scrollHandler, true);
   }, [scrollHandler]);
+
   const focusFirstFocusableChild = section => {
     const defaultFocusableSelectors = 'button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])';
     const firstFocusableElement = section.querySelector(defaultFocusableSelectors);
+
     if (firstFocusableElement) {
       firstFocusableElement.focus({
         preventScroll: true
       });
     }
   };
-  const scrollToSection = index => {
-    const sectionToScroll = sectionRefs.current[index].current;
 
-    // istanbul ignore if
+  const scrollToSection = index => {
+    const sectionToScroll = sectionRefs.current[index].current; // istanbul ignore if
     // function is called only after component is rendered, so ref cannot hold a null value
+
     if (sectionToScroll === null) return;
-    focusFirstFocusableChild(sectionToScroll);
+    focusFirstFocusableChild(sectionToScroll); // workaround due to preventScroll focus method option on firefox not working consistently
 
-    // workaround due to preventScroll focus method option on firefox not working consistently
     window.setTimeout(() => {
       isUserScroll.current = false;
       sectionToScroll.scrollIntoView({
@@ -88,17 +90,22 @@ const AnchorNavigation = ({
       setSelectedIndex(index);
     }, 10);
   };
+
   const focusNavItem = index => {
     var _anchorRefs$current$c;
+
     const noOfRefs = anchorRefs.current.length;
     (_anchorRefs$current$c = anchorRefs.current[(index % noOfRefs + noOfRefs) % noOfRefs].current) === null || _anchorRefs$current$c === void 0 ? void 0 : _anchorRefs$current$c.focus();
   };
+
   const handleClick = (event, index) => {
     event.preventDefault();
     scrollToSection(index);
   };
+
   const handleKeyDown = (event, index) => {
     event.preventDefault();
+
     if (Event.isUpKey(event)) {
       focusNavItem(index - 1);
     } else if (Event.isDownKey(event)) {
@@ -107,6 +114,7 @@ const AnchorNavigation = ({
       scrollToSection(index);
     }
   };
+
   return /*#__PURE__*/React.createElement(StyledAnchorNavigation, {
     ref: contentRef,
     "data-component": "anchor-navigation"
@@ -121,6 +129,7 @@ const AnchorNavigation = ({
     ref: anchorRefs.current[index]
   }))), /*#__PURE__*/React.createElement(StyledContent, null, children));
 };
+
 AnchorNavigation.propTypes = {
   "children": PropTypes.node,
   "stickyNavigation": PropTypes.node

package/esm/components/badge/badge.component.js

@@ -1,6 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { StyledBadgeWrapper, StyledButton, StyledCrossIcon, StyledCounter } from "./badge.style";
+
 const Badge = ({
   children,
   counter = 0,
@@ -17,6 +18,7 @@ const Badge = ({
     "data-element": "badge-counter"
   }, counter > 99 ? 99 : counter)), children);
 };
+
 Badge.propTypes = {
   "children": PropTypes.node,
   "counter": PropTypes.oneOfType([PropTypes.number, PropTypes.string]),

package/esm/components/batch-selection/batch-selection.component.js

@@ -2,6 +2,7 @@ import React from "react";
 import PropTypes from "prop-types";
 import useLocale from "../../hooks/__internal__/useLocale";
 import { StyledBatchSelection, StyledSelectionCount } from "./batch-selection.style";
+
 const BatchSelection = ({
   disabled,
   children,
@@ -19,15 +20,20 @@ const BatchSelection = ({
     "data-element": "selection-count"
   }, l.batchSelection.selected(selectedCount)), children);
 };
+
 BatchSelection.propTypes = {
   /** Content to be rendered after selected count */
   children: PropTypes.node.isRequired,
+
   /** Number of selected elements */
   selectedCount: PropTypes.number.isRequired,
+
   /** Color of the background, transparent if not defined */
   colorTheme: PropTypes.oneOf(["dark", "light", "white", "transparent"]),
+
   /** If true disables all user interaction */
   disabled: PropTypes.bool,
+
   /** Hidden if true */
   hidden: PropTypes.bool
 };

package/esm/components/box/box.config.js

@@ -12,6 +12,7 @@ export default {
     if (typeof gapValue === "number") {
       return space[gapValue];
     }
+
     return gapValue;
   }
 };

package/esm/components/button/button-types.style.js

@@ -1,5 +1,6 @@
 import StyledIcon from "../icon/icon.style";
 import StyledLoaderSquare from "../loader/loader-square.style";
+
 function makeColors(color) {
   return `
   color: ${color};
@@ -11,6 +12,7 @@ function makeColors(color) {
   }
   `;
 }
+
 export default ((isDisabled, destructive) => ({
   primary: `
     background: var(--colorsActionMajor500);

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

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useCallback, useState } from "react";
 import PropTypes from "prop-types";
 import invariant from "invariant";
@@ -7,6 +8,7 @@ import StyledButton, { StyledButtonSubtext } from "./button.style";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { TooltipProvider } from "../../__internal__/tooltip-provider";
 import Logger from "../../__internal__/utils/logger";
+
 function renderChildren({
   /* eslint-disable react/prop-types */
   iconType,
@@ -53,6 +55,7 @@ function renderChildren({
     type: iconType
   }, iconProps)));
 }
+
 renderChildren.propTypes = {
   "buttonType": PropTypes.oneOf(["darkBackground", "dashed", "primary", "secondary", "tertiary"]).isRequired,
   "children": PropTypes.node,
@@ -95,16 +98,20 @@ const Button = /*#__PURE__*/React.forwardRef(({
   ...rest
 }, ref) => {
   !!!(children || iconType) ? process.env.NODE_ENV !== "production" ? invariant(false, "Either prop `iconType` must be defined or this node must have children.") : invariant(false) : void 0;
+
   if (subtext) {
     !(size === "large") ? process.env.NODE_ENV !== "production" ? invariant(false, "subtext prop has no effect unless the button is large.") : invariant(false) : void 0;
   }
+
   if (!deprecatedForwardRefWarnTriggered && forwardRef) {
     deprecatedForwardRefWarnTriggered = true;
     Logger.deprecate("The `forwardRef` prop in `Button` component is deprecated and will soon be removed. Please use `ref` instead.");
   }
+
   const [internalRef, setInternalRef] = useState();
   const buttonType = buttonTypeProp;
   let paddingX;
+
   const handleLinkKeyDown = event => {
     // If space key click link
     if (event.key === " ") {
@@ -112,16 +119,20 @@ const Button = /*#__PURE__*/React.forwardRef(({
       internalRef === null || internalRef === void 0 ? void 0 : internalRef.click();
     }
   };
+
   switch (size) {
     case "small":
       paddingX = 2;
       break;
+
     case "large":
       paddingX = 4;
       break;
+
     default:
       paddingX = 3;
   }
+
   const setRefs = useCallback(reference => {
     setInternalRef(reference);
     const activeRef = ref || forwardRef;
@@ -509,6 +520,7 @@ const ButtonWithForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => {
     deprecatedButtonForwardRefWarnTriggered = true;
     Logger.deprecate("The `ButtonWithForwardRef` component is deprecated and will soon be removed. Please use a basic `Button` component with `ref` instead.");
   }
+
   return /*#__PURE__*/React.createElement(Button, _extends({
     ref: ref
   }, props));

package/esm/components/button/button.style.js

@@ -3,27 +3,34 @@ import { space } from "styled-system";
 import BaseTheme from "../../style/themes/base";
 import buttonTypes from "./button-types.style";
 import StyledIcon from "../icon/icon.style";
+
 function additionalIconStyle(iconType) {
   if (iconType === "services") return "6px";
   return "16px";
 }
+
 function stylingForIconOnly(size) {
   let dimension = "";
+
   switch (size) {
     case "small":
       dimension = "32px";
       break;
+
     case "large":
       dimension = "48px";
       break;
+
     default:
       dimension = "40px";
   }
+
   return `
   padding: 0px; 
   width: ${dimension}; 
   min-height: ${dimension}`;
 }
+
 function stylingForType({
   iconOnly,
   disabled,
@@ -59,6 +66,7 @@ function stylingForType({
     ${iconOnly && stylingForIconOnly(size)}
   `;
 }
+
 const StyledButton = styled.button`
   ${space}
   ${({

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

@@ -1,10 +1,12 @@
 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); }
+
 import React, { useMemo } from "react";
 import PropTypes from "prop-types";
 import invariant from "invariant";
 import StyledButtonBar from "./button-bar.style";
 import Button from "../button";
 import IconButton from "../icon-button";
+
 const ButtonBar = ({
   children,
   size = "medium",
@@ -17,15 +19,17 @@ const ButtonBar = ({
       if (! /*#__PURE__*/React.isValidElement(child)) {
         return true;
       }
+
       return child.type !== Button && child.type !== IconButton;
     });
     return !incorrectChild;
   }, [children]);
   !hasProperChildren ? process.env.NODE_ENV !== "production" ? invariant(false, "ButtonBar accepts only `Button` or `IconButton` elements.") : invariant(false) : void 0;
+
   const getBtnProps = child => {
     var _child$props, _child$props2, _child$props2$childre, _child$props2$childre2;
-    const btnProps = {
-      ...child.props,
+
+    const btnProps = { ...child.props,
       buttonType: "secondary",
       size,
       iconPosition,
@@ -34,11 +38,13 @@ const ButtonBar = ({
     };
     return btnProps;
   };
+
   return /*#__PURE__*/React.createElement(StyledButtonBar, _extends({}, rest, {
     fullWidth: fullWidth,
     size: size
   }), React.Children.map(children, child => /*#__PURE__*/React.createElement(child.type, getBtnProps(child))));
 };
+
 ButtonBar.propTypes = {
   "children": PropTypes.node,
   "fullWidth": PropTypes.bool,

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

@@ -2,6 +2,7 @@ import React from "react";
 import PropTypes from "prop-types";
 import { StyledButtonToggleIcon } from "./button-toggle.style";
 import Icon from "../icon";
+
 const ButtonToggleIcon = ({
   buttonIcon,
   buttonIconSize,
@@ -17,6 +18,7 @@ const ButtonToggleIcon = ({
   bgSize: "extra-small",
   disabled: disabled
 }));
+
 ButtonToggleIcon.propTypes = {
   "buttonIcon": PropTypes.oneOf(["add", "admin", "alert_on", "alert", "analysis", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_up", "arrow", "attach", "bank", "basket_with_squares", "basket", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "gift", "go", "graph", "grid", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "person_info", "person_tick", "person", "phone", "piggy_bank", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]).isRequired,
   "buttonIconSize": PropTypes.oneOf(["large", "small"]),

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

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useContext } from "react";
 import PropTypes from "prop-types";
 import { StyledButtonToggleInput } from "./button-toggle.style";
@@ -8,18 +9,23 @@ const ButtonToggleInput = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
     onFocus,
     onBlur
   } = useContext(InputGroupContext);
+
   const handleBlur = ev => {
     if (props.onBlur) {
       props.onBlur(ev);
     }
+
     if (onBlur) onBlur();
   };
+
   const handleFocus = ev => {
     if (props.onFocus) {
       props.onFocus(ev);
     }
+
     if (onFocus) onFocus();
   };
+
   return /*#__PURE__*/React.createElement(StyledButtonToggleInput, _extends({}, props, {
     type: "radio",
     id: props.guid,

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

@@ -6,6 +6,7 @@ import guid from "../../__internal__/utils/helpers/guid";
 import ButtonToggleIcon from "./button-toggle-icon.component";
 import ButtonToggleInput from "./button-toggle-input.component";
 import { InputGroupContext } from "../../__internal__/input-behaviour";
+
 const ButtonToggle = ({
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
@@ -33,6 +34,7 @@ const ButtonToggle = ({
   const inputGuid = guid();
   const inputRef = useRef(null);
   let icon;
+
   if (buttonIcon) {
     icon = /*#__PURE__*/React.createElement(ButtonToggleIcon, {
       buttonIcon: buttonIcon,
@@ -41,10 +43,13 @@ const ButtonToggle = ({
       hasContent: !!children
     });
   }
+
   function handleClick() {
     var _inputRef$current;
+
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
   }
+
   return /*#__PURE__*/React.createElement(StyledButtonToggle, {
     "data-component": dataComponent || "button-toggle",
     "data-element": dataElement,
@@ -74,6 +79,7 @@ const ButtonToggle = ({
     size: size
   }, /*#__PURE__*/React.createElement(StyledButtonToggleContentWrapper, null, icon, children)));
 };
+
 ButtonToggle.propTypes = {
   "aria-label": PropTypes.string,
   "aria-labelledby": PropTypes.string,

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

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useMemo } from "react";
 import PropTypes from "prop-types";
 import invariant from "invariant";
@@ -10,6 +11,7 @@ import ValidationIcon from "../../__internal__/validations/validation-icon.compo
 import { InputGroupBehaviour } from "../../__internal__/input-behaviour";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import { TooltipProvider } from "../../__internal__/tooltip-provider";
+
 const ButtonToggleGroup = ({
   children,
   name,
@@ -77,6 +79,7 @@ const ButtonToggleGroup = ({
     tooltipFlipOverrides: ["top", "bottom"]
   }))))));
 };
+
 ButtonToggleGroup.propTypes = {
   "children": PropTypes.node,
   "data-component": PropTypes.string,

package/esm/components/carbon-provider/carbon-provider.component.js

@@ -5,6 +5,7 @@ import mintTheme from "../../style/themes/mint";
 import CarbonScopedTokensProvider from "../../style/design-tokens/carbon-scoped-tokens-provider";
 import { TopModalContextProvider } from "./top-modal-context";
 export const NewValidationContext = /*#__PURE__*/createContext({});
+
 const CarbonProvider = ({
   children,
   theme = mintTheme,
@@ -16,6 +17,7 @@ const CarbonProvider = ({
     validationRedesignOptIn
   }
 }, /*#__PURE__*/React.createElement(TopModalContextProvider, null, children))));
+
 CarbonProvider.propTypes = {
   "children": PropTypes.node,
   "theme": PropTypes.shape({