carbon-react 109.7.0 → 110.0.1

package/esm/__internal__/checkable-input/checkable-input-svg-wrapper.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledCheckableInputSvgWrapper;
+declare const StyledCheckableInputSvgWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/__internal__/checkable-input/checkable-input.style.d.ts

@@ -0,0 +1,2 @@
+export const StyledCheckableInput: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledCheckableInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/__internal__/checkable-input/hidden-checkable-input.style.d.ts

@@ -0,0 +1,2 @@
+export default HiddenCheckableInputStyle;
+declare const HiddenCheckableInputStyle: import("styled-components").StyledComponent<"input", any, {}, never>;

package/esm/components/checkbox/checkbox.style.d.ts

@@ -0,0 +1,3 @@
+export default CheckboxStyle;
+export const StyledCheckboxGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const CheckboxStyle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/date/date.component.js

@@ -43,7 +43,6 @@ const DateInput = ({
   const wrapperRef = useRef();
   const parentRef = useRef();
   const inputRef = useRef();
-  const pickerRef = useRef();
   const alreadyFocused = useRef(false);
   const isBlurBlocked = useRef(false);
   const focusedViaPicker = useRef(false);
@@ -88,6 +87,19 @@ const DateInput = ({
     return ev;
   };
 
+  const handleClickAway = () => {
+    if (open) {
+      alreadyFocused.current = true;
+      inputRef.current.focus();
+      isBlurBlocked.current = false;
+      inputRef.current.blur();
+      setOpen(false);
+      alreadyFocused.current = false;
+    }
+  };
+
+  const handleClickInside = useClickAwayListener(handleClickAway, "mousedown");
+
   const handleChange = ev => {
     isInitialValue.current = false;
     onChange(buildCustomEvent(ev));
@@ -194,6 +206,8 @@ const DateInput = ({
   };
 
   const handleMouseDown = ev => {
+    handleClickInside(ev);
+
     if (disabled || readOnly) {
       return;
     }
@@ -215,8 +229,9 @@ const DateInput = ({
     handleMouseDown(e);
   };
 
-  const handlePickerMouseDown = () => {
+  const handlePickerMouseDown = ev => {
     isBlurBlocked.current = true;
+    handleClickInside(ev);
   };
 
   const assignInput = input => {
@@ -266,18 +281,6 @@ const DateInput = ({
     return value;
   };
 
-  const handleClickAway = () => {
-    if (open) {
-      alreadyFocused.current = true;
-      inputRef.current.focus();
-      isBlurBlocked.current = false;
-      inputRef.current.blur();
-      setOpen(false);
-      alreadyFocused.current = false;
-    }
-  };
-
-  useClickAwayListener([parentRef, pickerRef], handleClickAway, "mousedown");
   return /*#__PURE__*/React.createElement(StyledDateInput, _extends({
     ref: wrapperRef,
     role: "presentation",
@@ -315,7 +318,6 @@ const DateInput = ({
     onDayClick: handleDayClick,
     minDate: minDate,
     maxDate: maxDate,
-    ref: pickerRef,
     pickerMouseDown: handlePickerMouseDown,
     open: open
   }));

package/esm/components/dismissible-box/dismissible-box.component.d.ts

@@ -13,5 +13,5 @@ export interface DismissibleBoxProps extends SpaceProps, StyledDismissibleBoxPro
      * Please note this component has a minWidth of 600px */
     width?: number | string;
 }
-declare const DismissibleBox: ({ children, onClose, ...rest }: DismissibleBoxProps) => JSX.Element;
+export declare const DismissibleBox: ({ children, onClose, ...rest }: DismissibleBoxProps) => JSX.Element;
 export default DismissibleBox;

package/esm/components/dismissible-box/dismissible-box.component.js

@@ -2022,4 +2022,5 @@ DismissibleBox.propTypes = {
   }), PropTypes.string]),
   "width": PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };
+export { DismissibleBox };
 export default DismissibleBox;

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import { StyledFieldsetProps } from "./fieldset.style";
+export interface FieldsetProps extends StyledFieldsetProps, MarginProps {
+    /** Child elements */
+    children?: React.ReactNode;
+    /** The text for the fieldsets legend element. */
+    legend?: string;
+}
+declare const Fieldset: ({ children, inline, legend, ...rest }: FieldsetProps) => JSX.Element;
+export default Fieldset;

package/esm/components/fieldset/fieldset.component.js

@@ -2,16 +2,14 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React from "react";
 import PropTypes from "prop-types";
-import styledSystemPropTypes from "@styled-system/prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import { FieldsetStyle, LegendContainerStyle, FieldsetContentStyle } from "./fieldset.style";
 import { NewValidationContext } from "../carbon-provider/carbon-provider.component";
-const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes.space);
 
 const Fieldset = ({
   children,
-  inline,
+  inline = false,
   legend,
   ...rest
 }) => {
@@ -38,19 +36,162 @@ const Fieldset = ({
 };
 
 Fieldset.propTypes = {
-  /** Filtered styled system margin props */
-  ...marginPropTypes,
-
-  /** Child elements */
-  children: PropTypes.node,
-
-  /** The text for the fieldsets legend element. */
-  legend: PropTypes.string,
-
-  /** When true, legend is placed in line with the children */
-  inline: PropTypes.bool
-};
-Fieldset.defaultProps = {
-  inline: false
+  "children": PropTypes.node,
+  "inline": PropTypes.bool,
+  "legend": PropTypes.string,
+  "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "margin": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "marginY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "mb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "ml": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "mr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "mt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "mx": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string]),
+  "my": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__@toStringTag": PropTypes.string.isRequired,
+    "description": PropTypes.string,
+    "toString": PropTypes.func.isRequired,
+    "valueOf": PropTypes.func.isRequired
+  }), PropTypes.string])
 };
 export default Fieldset;

package/esm/components/fieldset/fieldset.style.d.ts

@@ -0,0 +1,8 @@
+export interface StyledFieldsetProps {
+    /** When true, legend is placed in line with the children */
+    inline?: boolean;
+}
+declare const FieldsetStyle: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
+declare const LegendContainerStyle: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;
+declare const FieldsetContentStyle: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;
+export { FieldsetStyle, LegendContainerStyle, FieldsetContentStyle };

package/esm/components/fieldset/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./fieldset";
+export { default } from "./fieldset.component";
+export type { FieldsetProps } from "./fieldset.component";

package/esm/components/grid/grid-container/grid-container.component.js

@@ -1,31 +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 React from "react";
 import PropTypes from "prop-types";
-import invariant from "invariant";
 import StyledGridContainer from "./grid-container.style";
-import GridItem from "../grid-item";
 
-const GridContainer = props => {
-  const {
-    children,
-    ...rest
-  } = props;
-  const hasProperChildren = useMemo(() => {
-    const incorrectChild = React.Children.toArray(children).find(child => {
-      if (! /*#__PURE__*/React.isValidElement(child)) {
-        return true;
-      }
-
-      return child.type.displayName !== GridItem.displayName;
-    });
-    return !incorrectChild;
-  }, [children]);
-  !hasProperChildren ? process.env.NODE_ENV !== "production" ? invariant(false, `GridContainer only accepts children of type ${GridItem.displayName}.`) : invariant(false) : void 0;
-  return /*#__PURE__*/React.createElement(StyledGridContainer, _extends({
-    "data-component": "grid"
-  }, rest), children);
-};
+const GridContainer = props => /*#__PURE__*/React.createElement(StyledGridContainer, _extends({
+  "data-component": "grid"
+}, props));
 
 GridContainer.propTypes = {
   "about": PropTypes.string,

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

@@ -15,8 +15,6 @@ export interface LinkProps extends React.AriaAttributes {
     onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     /** Function called when a mouse down event triggers. */
     onMouseDown?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /** Whether to include the link in the tab order of the page */
-    tabbable?: boolean;
     /** A message to display as a tooltip to the link. */
     tooltipMessage?: string;
     /** Positions the tooltip with the link. */

package/esm/components/link/link.component.js

@@ -22,12 +22,10 @@ const Link = /*#__PURE__*/React.forwardRef(({
   rel,
   tooltipMessage,
   tooltipPosition,
-  tabbable = true,
   target,
   ...rest
 }, ref) => {
   const l = useLocale();
-  const tabIndex = tabbable && !disabled ? "0" : "-1";
 
   const handleOnKeyDown = ev => {
     if (onKeyDown) {
@@ -70,7 +68,6 @@ const Link = /*#__PURE__*/React.forwardRef(({
     onMouseDown,
     onClick,
     disabled,
-    tabIndex,
     target,
     ref,
     href,
@@ -160,7 +157,6 @@ Link.propTypes = {
   "onKeyDown": PropTypes.func,
   "onMouseDown": PropTypes.func,
   "rel": PropTypes.string,
-  "tabbable": PropTypes.bool,
   "target": PropTypes.string,
   "tooltipMessage": PropTypes.string,
   "tooltipPosition": PropTypes.oneOf(["bottom", "left", "right", "top"])

package/esm/components/menu/__internal__/submenu/submenu.component.js

@@ -39,7 +39,6 @@ const Submenu = /*#__PURE__*/React.forwardRef(({
   const [submenuOpen, setSubmenuOpen] = useState(false);
   const [submenuFocusIndex, setSubmenuFocusIndex] = useState(undefined);
   const [characterString, setCharacterString] = useState("");
-  const submenuRef = useRef();
   const formattedChildren = React.Children.map(children, child => {
     if (child.type === ScrollableBlock) {
       return [...child.props.children];
@@ -205,24 +204,23 @@ const Submenu = /*#__PURE__*/React.forwardRef(({
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [characterString]);
-  useClickAwayListener([submenuRef], handleClickAway);
+  const handleClickInside = useClickAwayListener(handleClickAway);
 
   if (inFullscreenView) {
     return /*#__PURE__*/React.createElement(StyledSubmenuWrapper, {
       "data-component": "submenu-wrapper",
-      ref: submenuRef,
       inFullscreenView: inFullscreenView,
       menuType: menuContext.menuType,
-      asPassiveItem: asPassiveItem
+      asPassiveItem: asPassiveItem,
+      onClick: handleClickInside
     }, /*#__PURE__*/React.createElement(StyledMenuItemWrapper, _extends({}, rest, {
       onClick: onClick,
       className: className,
       menuType: menuContext.menuType,
       ref: ref,
       as: asPassiveItem ? "div" : Link,
-      href: !asPassiveItem ? href : undefined,
+      href: href,
       icon: icon,
-      tabIndex: asPassiveItem ? -1 : 0,
       variant: variant,
       inFullscreenView: inFullscreenView
     }), title), /*#__PURE__*/React.createElement(StyledSubmenu, {
@@ -244,8 +242,8 @@ const Submenu = /*#__PURE__*/React.forwardRef(({
     "data-component": "submenu-wrapper",
     onMouseOver: !clickToOpen ? () => openSubmenu() : undefined,
     onMouseLeave: () => closeSubmenu(),
-    ref: submenuRef,
-    isSubmenuOpen: submenuOpen
+    isSubmenuOpen: submenuOpen,
+    onClick: handleClickInside
   }, /*#__PURE__*/React.createElement(StyledMenuItemWrapper, _extends({}, rest, {
     className: className,
     menuType: menuContext.menuType,

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

@@ -115,10 +115,11 @@ const MultiActionButton = ({
     onKeyDown: handleKeyDown
   }, childrenWithProps()));
 
-  useClickAwayListener([ref], hideButtons);
+  const handleClick = useClickAwayListener(hideButtons);
   return /*#__PURE__*/React.createElement(StyledMultiActionButton, _extends({
     "aria-haspopup": "true",
     onMouseLeave: hideButtons,
+    onClick: handleClick,
     ref: ref,
     "data-component": "multi-action-button",
     "data-element": dataElement,

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

@@ -92,7 +92,6 @@ const PopoverContainer = ({
 }) => {
   const isControlled = open !== undefined;
   const [isOpenInternal, setIsOpenInternal] = useState(false);
-  const ref = useRef(null);
   const closeButtonRef = useRef(null);
   const openButtonRef = useRef(null);
   const guid = useRef(createGuid());
@@ -143,12 +142,12 @@ const PopoverContainer = ({
     if (onClose) onClose(e);
   };
 
-  useClickAwayListener([ref], handleClickAway, "mousedown");
+  const handleClick = useClickAwayListener(handleClickAway, "mousedown");
   return /*#__PURE__*/React.createElement(PopoverContainerWrapperStyle, {
     "data-component": "popover-container",
     role: "region",
     "aria-labelledby": popoverContainerId,
-    ref: ref
+    onMouseDown: handleClick
   }, renderOpenComponent(renderOpenComponentProps), /*#__PURE__*/React.createElement(Transition, {
     in: isOpen,
     timeout: {

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

@@ -172,10 +172,11 @@ const SplitButton = ({
     }, childrenWithProps()));
   }
 
-  useClickAwayListener([splitButtonNode], hideButtons);
+  const handleClick = useClickAwayListener(hideButtons);
   return /*#__PURE__*/React.createElement(StyledSplitButton, _extends({
     "aria-haspopup": "true",
     onMouseLeave: hideButtons,
+    onClick: handleClick,
     ref: splitButtonNode
   }, componentTags(), filterStyledSystemMarginProps(rest)), renderMainButton(), renderAdditionalButtons());
 };

package/esm/components/text-editor/__internal__/editor-link/editor-link.component.js

@@ -31,12 +31,11 @@ const EditorLink = ({
 
   }, [validUrl]);
   return /*#__PURE__*/React.createElement(StyledLink, _extends({
-    href: validUrl,
+    href: !editMode ? validUrl : undefined,
     title: validUrl,
-    "aria-label": validUrl,
+    "aria-label": !editMode ? validUrl : undefined,
     target: "_blank",
-    rel: "noopener noreferrer",
-    tabbable: !editMode
+    rel: "noopener noreferrer"
   }, rest), children);
 };
 

package/esm/hooks/__internal__/useClickAwayListener/useClickAwayListener.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
-declare const _default: (targets: React.RefObject<HTMLElement>[], handleClickAway: (ev: Event) => void, eventTypeId?: "mousedown" | "click") => void;
+declare const _default: (handleClickAway: (ev: Event) => void, eventTypeId?: "mousedown" | "click") => () => void;
 export default _default;

package/esm/hooks/__internal__/useClickAwayListener/useClickAwayListener.js

@@ -1,23 +1,25 @@
-import { useEffect, useRef } from "react";
-export default ((targets, handleClickAway, eventTypeId = "click") => {
-  const targetsRef = useRef(targets);
-  targetsRef.current = targets;
-  useEffect(() => {
-    const fnClickAway = ev => {
-      const clickedElements = targetsRef.current.filter(targetRef => {
-        var _targetRef$current;
-
-        return (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.contains(ev === null || ev === void 0 ? void 0 : ev.target);
-      });
+import { useEffect, useRef, useCallback } from "react"; // Needs to also take Portals into account (so can't just check DOM containment), but ideally without using
+// event.stopPropagation() which could have unexpected and frustrating consequences for consumers.
+// Simple approach taken from https://github.com/facebook/react/issues/10962#issuecomment-444622208
 
-      if (!(clickedElements !== null && clickedElements !== void 0 && clickedElements.length)) {
-        handleClickAway(ev);
-      }
-    };
+export default ((handleClickAway, eventTypeId = "click") => {
+  const clickIsInside = useRef(false);
+  const onDocumentClick = useCallback(ev => {
+    if (clickIsInside.current) {
+      clickIsInside.current = false;
+      return;
+    }
 
-    document.addEventListener(eventTypeId, fnClickAway);
+    handleClickAway(ev);
+  }, [handleClickAway]);
+  const onInsideClick = useCallback(() => {
+    clickIsInside.current = true;
+  }, []);
+  useEffect(() => {
+    document.addEventListener(eventTypeId, onDocumentClick);
     return function cleanup() {
-      document.removeEventListener(eventTypeId, fnClickAway);
+      document.removeEventListener(eventTypeId, onDocumentClick);
     };
-  }, [handleClickAway, eventTypeId]);
+  }, [onDocumentClick, eventTypeId]);
+  return onInsideClick;
 });

package/lib/__internal__/checkable-input/checkable-input-svg-wrapper.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledCheckableInputSvgWrapper;
+declare const StyledCheckableInputSvgWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/__internal__/checkable-input/checkable-input.style.d.ts

@@ -0,0 +1,2 @@
+export const StyledCheckableInput: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledCheckableInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/__internal__/checkable-input/hidden-checkable-input.style.d.ts

@@ -0,0 +1,2 @@
+export default HiddenCheckableInputStyle;
+declare const HiddenCheckableInputStyle: import("styled-components").StyledComponent<"input", any, {}, never>;

package/lib/components/checkbox/checkbox.style.d.ts

@@ -0,0 +1,3 @@
+export default CheckboxStyle;
+export const StyledCheckboxGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const CheckboxStyle: import("styled-components").StyledComponent<"div", any, {}, never>;