carbon-react 140.1.1 → 140.2.0

package/esm/components/anchor-navigation/anchor-navigation.component.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-export interface AnchorNavigationProps {
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface AnchorNavigationProps extends Omit<TagProps, "data-component"> {
     /** Child elements */
     children?: React.ReactNode;
     /** The AnchorNavigationItems components to be rendered in the sticky navigation.
@@ -8,7 +9,7 @@ export interface AnchorNavigationProps {
     stickyNavigation?: React.ReactNode;
 }
 declare const AnchorNavigation: {
-    ({ children, stickyNavigation, }: AnchorNavigationProps): JSX.Element;
+    ({ children, stickyNavigation, "data-element": dataElement, "data-role": dataRole, }: AnchorNavigationProps): JSX.Element;
     displayName: string;
 };
 export default AnchorNavigation;

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

@@ -11,7 +11,9 @@ const SECTION_VISIBILITY_OFFSET = 200;
 const SCROLL_THROTTLE = 100;
 const AnchorNavigation = ({
   children,
-  stickyNavigation
+  stickyNavigation,
+  "data-element": dataElement,
+  "data-role": dataRole
 }) => {
   !isFragment(stickyNavigation) ? process.env.NODE_ENV !== "production" ? invariant(false, "`stickyNavigation` prop in `AnchorNavigation` should be a React Fragment.") : invariant(false) : void 0;
   const hasCorrectItemStructure = useMemo(() => {
@@ -45,13 +47,14 @@ const AnchorNavigation = ({
     setSelectedIndex(indexOfSmallestNegativeTopOffset);
   }, []);
   const scrollHandler = useMemo(() => throttle(() => {
+    /* istanbul ignore else */
     if (isUserScroll.current) {
       setSelectedAnchorBasedOnScroll();
     } else {
       if (isUserScrollTimer.current !== undefined) {
         window.clearTimeout(isUserScrollTimer.current);
       }
-      isUserScrollTimer.current = setTimeout( /* istanbul ignore next */() => {
+      isUserScrollTimer.current = setTimeout(() => {
         isUserScroll.current = true;
       }, SCROLL_THROTTLE + 50);
     }
@@ -106,7 +109,9 @@ const AnchorNavigation = ({
   };
   return /*#__PURE__*/React.createElement(StyledAnchorNavigation, {
     ref: contentRef,
-    "data-component": "anchor-navigation"
+    "data-component": "anchor-navigation",
+    "data-element": dataElement,
+    "data-role": dataRole
   }, /*#__PURE__*/React.createElement(StyledNavigation, {
     ref: navigationRef,
     "data-element": "anchor-sticky-navigation"
@@ -121,6 +126,8 @@ const AnchorNavigation = ({
 if (process.env.NODE_ENV !== "production") {
   AnchorNavigation.propTypes = {
     "children": PropTypes.node,
+    "data-element": PropTypes.string,
+    "data-role": PropTypes.string,
     "stickyNavigation": PropTypes.node
   };
 }

package/esm/components/draggable/__internal__/drop-target.component.d.ts

@@ -4,5 +4,5 @@ interface DropTargetProps extends Omit<DraggableContainerProps, "getOrder"> {
     children?: React.ReactNode;
     getOrder: (movedItemId?: string | number | undefined) => void;
 }
-declare const DropTarget: ({ children, getOrder, ...rest }: DropTargetProps) => React.JSX.Element;
+declare const DropTarget: ({ "data-element": dataElement, "data-role": dataRole, children, getOrder, ...rest }: DropTargetProps) => React.JSX.Element;
 export default DropTarget;

package/esm/components/draggable/__internal__/drop-target.component.js

@@ -4,6 +4,8 @@ import PropTypes from "prop-types";
 import { useDrop } from "react-dnd";
 import { StyledDraggableContainer } from "../draggable-item/draggable-item.style";
 const DropTarget = ({
+  "data-element": dataElement,
+  "data-role": dataRole,
   children,
   getOrder,
   ...rest
@@ -18,7 +20,10 @@ const DropTarget = ({
     }
   });
   return /*#__PURE__*/React.createElement(StyledDraggableContainer, _extends({
-    ref: drop
+    ref: drop,
+    "data-component": "draggable-container",
+    "data-element": dataElement,
+    "data-role": dataRole
   }, rest), children);
 };
 export default DropTarget;

package/esm/components/draggable/draggable-container.component.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { MarginProps } from "styled-system";
-export interface DraggableContainerProps extends MarginProps {
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface DraggableContainerProps extends MarginProps, Omit<TagProps, "data-component"> {
     /** Callback fired when order is changed */
     getOrder?: (draggableItemIds?: (string | number | undefined)[], movedItemId?: string | number | undefined) => void;
     /**
@@ -11,7 +12,7 @@ export interface DraggableContainerProps extends MarginProps {
     children?: React.ReactNode;
 }
 declare const DraggableContainer: {
-    ({ children, getOrder, ...rest }: DraggableContainerProps): JSX.Element;
+    ({ "data-element": dataElement, "data-role": dataRole, children, getOrder, ...rest }: DraggableContainerProps): JSX.Element;
     displayName: string;
 };
 export default DraggableContainer;

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

@@ -8,6 +8,8 @@ import { filterStyledSystemMarginProps } from "../../style/utils";
 import DraggableItem from "./draggable-item/draggable-item.component";
 import DropTarget from "./__internal__/drop-target.component";
 const DraggableContainer = ({
+  "data-element": dataElement,
+  "data-role": dataRole = "draggable-container",
   children,
   getOrder,
   ...rest
@@ -39,6 +41,8 @@ const DraggableContainer = ({
       draggableItem,
       index
     } = findItem(id);
+
+    // istanbul ignore if
     if (!draggableItem) return;
     const copyOfDraggableItems = [...draggableItems];
     copyOfDraggableItems.splice(index, 1);
@@ -56,6 +60,8 @@ const DraggableContainer = ({
   return /*#__PURE__*/React.createElement(DndProvider, {
     backend: HTML5Backend
   }, /*#__PURE__*/React.createElement(DropTarget, _extends({
+    "data-element": dataElement,
+    "data-role": dataRole,
     getOrder: getItemsId
   }, marginProps), draggableItems.map(item => {
     return /*#__PURE__*/React.isValidElement(item) && /*#__PURE__*/React.cloneElement(item, {
@@ -68,6 +74,8 @@ const DraggableContainer = ({
 if (process.env.NODE_ENV !== "production") {
   DraggableContainer.propTypes = {
     "children": PropTypes.node,
+    "data-element": PropTypes.string,
+    "data-role": PropTypes.string,
     "getOrder": PropTypes.func,
     "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
       "__@toStringTag": PropTypes.string.isRequired,

package/esm/components/draggable/draggable-item/draggable-item.component.js

@@ -57,6 +57,7 @@ const DraggableItem = ({
   const paddingProps = filterStyledSystemPaddingProps(rest);
   return /*#__PURE__*/React.createElement(StyledDraggableItem, _extends({
     "data-element": "draggable",
+    "data-role": "draggable-item",
     isDragging: isDragging,
     ref: node => drag(drop(node)),
     py: py

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

@@ -4,7 +4,7 @@ import { IconType } from "../icon";
 export declare type PortraitShapes = "circle" | "square";
 export declare type PortraitSizes = "XS" | "S" | "M" | "ML" | "L" | "XL" | "XXL";
 export interface PortraitProps extends MarginProps {
-    /** An email address registered with Gravatar. */
+    /** (Deprecated) An email address registered with Gravatar. */
     gravatar?: string;
     /** A custom image URL. */
     src?: string;

package/esm/components/portrait/portrait.component.js

@@ -3,12 +3,14 @@ import React, { useEffect, useState, useContext } from "react";
 import PropTypes from "prop-types";
 import MD5 from "crypto-js/md5";
 import invariant from "invariant";
+import Logger from "../../__internal__/utils/logger";
 import Tooltip from "../tooltip";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { PORTRAIT_SIZE_PARAMS } from "./portrait.config";
 import { StyledCustomImg, StyledIcon, StyledPortraitContainer, StyledPortraitInitials, StyledPortraitGravatar } from "./portrait.style";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import RoundedCornersOptOutContext from "../carbon-provider/__internal__/new-validation.context";
+let deprecatedGravatarWarnTriggered = false;
 const Portrait = ({
   alt,
   name,
@@ -36,6 +38,10 @@ const Portrait = ({
   } = useContext(RoundedCornersOptOutContext);
   const defaultShape = roundedCornersOptOut ? "square" : "circle";
   !!(src && gravatar) ? process.env.NODE_ENV !== "production" ? invariant(false, "The `src` prop cannot be used in conjunction with the `gravatar` prop." + " Please use one or the other.") : invariant(false) : void 0;
+  const logGravatarDeprecationWarning = () => {
+    deprecatedGravatarWarnTriggered = true;
+    Logger.deprecate("The `gravatar` prop has been deprecated and will soon be removed.");
+  };
   useEffect(() => {
     setExternalError(false);
   }, [gravatar, src]);
@@ -74,6 +80,7 @@ const Portrait = ({
       portrait = /*#__PURE__*/React.createElement(StyledPortraitGravatar, {
         src: gravatarSrc(),
         alt: alt || name || "",
+        onLoad: () => !deprecatedGravatarWarnTriggered && logGravatarDeprecationWarning(),
         onError: () => setExternalError(true)
       });
     }

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

@@ -10,7 +10,7 @@ export interface ProfileProps extends MarginProps {
     alt?: string;
     /** Define the name to display. */
     name?: string;
-    /** Define the email to use (will check Gravatar for image). */
+    /** Define the email to use. */
     email?: string;
     /** Define read-only text to display. */
     text?: string;

package/esm/components/profile/profile.component.js

@@ -60,6 +60,7 @@ export const Profile = ({
     }, name), email && /*#__PURE__*/React.createElement(ProfileEmailStyle, {
       href: `mailto: ${email}`,
       size: size,
+      "data-role": "email-link",
       darkBackground: darkBackground,
       "data-element": "email"
     }, email), text && /*#__PURE__*/React.createElement(ProfileTextStyle, {

package/esm/components/vertical-divider/vertical-divider.component.js

@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 { MenuContext } from "../menu/menu.component";
+import MenuContext from "../menu/__internal__/menu.context";
 import { StyledVerticalWrapper, StyledDivider } from "./vertical-divider.style";
 const VerticalDivider = ({
   h,

package/lib/components/anchor-navigation/anchor-navigation.component.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-export interface AnchorNavigationProps {
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface AnchorNavigationProps extends Omit<TagProps, "data-component"> {
     /** Child elements */
     children?: React.ReactNode;
     /** The AnchorNavigationItems components to be rendered in the sticky navigation.
@@ -8,7 +9,7 @@ export interface AnchorNavigationProps {
     stickyNavigation?: React.ReactNode;
 }
 declare const AnchorNavigation: {
-    ({ children, stickyNavigation, }: AnchorNavigationProps): JSX.Element;
+    ({ children, stickyNavigation, "data-element": dataElement, "data-role": dataRole, }: AnchorNavigationProps): JSX.Element;
     displayName: string;
 };
 export default AnchorNavigation;

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

@@ -20,7 +20,9 @@ const SECTION_VISIBILITY_OFFSET = 200;
 const SCROLL_THROTTLE = 100;
 const AnchorNavigation = ({
   children,
-  stickyNavigation
+  stickyNavigation,
+  "data-element": dataElement,
+  "data-role": dataRole
 }) => {
   !(0, _reactIs.isFragment)(stickyNavigation) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "`stickyNavigation` prop in `AnchorNavigation` should be a React Fragment.") : (0, _invariant.default)(false) : void 0;
   const hasCorrectItemStructure = (0, _react.useMemo)(() => {
@@ -54,13 +56,14 @@ const AnchorNavigation = ({
     setSelectedIndex(indexOfSmallestNegativeTopOffset);
   }, []);
   const scrollHandler = (0, _react.useMemo)(() => (0, _throttle.default)(() => {
+    /* istanbul ignore else */
     if (isUserScroll.current) {
       setSelectedAnchorBasedOnScroll();
     } else {
       if (isUserScrollTimer.current !== undefined) {
         window.clearTimeout(isUserScrollTimer.current);
       }
-      isUserScrollTimer.current = setTimeout( /* istanbul ignore next */() => {
+      isUserScrollTimer.current = setTimeout(() => {
         isUserScroll.current = true;
       }, SCROLL_THROTTLE + 50);
     }
@@ -115,7 +118,9 @@ const AnchorNavigation = ({
   };
   return /*#__PURE__*/_react.default.createElement(_anchorNavigation.StyledAnchorNavigation, {
     ref: contentRef,
-    "data-component": "anchor-navigation"
+    "data-component": "anchor-navigation",
+    "data-element": dataElement,
+    "data-role": dataRole
   }, /*#__PURE__*/_react.default.createElement(_anchorNavigation.StyledNavigation, {
     ref: navigationRef,
     "data-element": "anchor-sticky-navigation"
@@ -130,6 +135,8 @@ const AnchorNavigation = ({
 if (process.env.NODE_ENV !== "production") {
   AnchorNavigation.propTypes = {
     "children": _propTypes.default.node,
+    "data-element": _propTypes.default.string,
+    "data-role": _propTypes.default.string,
     "stickyNavigation": _propTypes.default.node
   };
 }

package/lib/components/draggable/__internal__/drop-target.component.d.ts

@@ -4,5 +4,5 @@ interface DropTargetProps extends Omit<DraggableContainerProps, "getOrder"> {
     children?: React.ReactNode;
     getOrder: (movedItemId?: string | number | undefined) => void;
 }
-declare const DropTarget: ({ children, getOrder, ...rest }: DropTargetProps) => React.JSX.Element;
+declare const DropTarget: ({ "data-element": dataElement, "data-role": dataRole, children, getOrder, ...rest }: DropTargetProps) => React.JSX.Element;
 export default DropTarget;

package/lib/components/draggable/__internal__/drop-target.component.js

@@ -11,6 +11,8 @@ var _draggableItem = require("../draggable-item/draggable-item.style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 const DropTarget = ({
+  "data-element": dataElement,
+  "data-role": dataRole,
   children,
   getOrder,
   ...rest
@@ -25,7 +27,10 @@ const DropTarget = ({
     }
   });
   return /*#__PURE__*/_react.default.createElement(_draggableItem.StyledDraggableContainer, _extends({
-    ref: drop
+    ref: drop,
+    "data-component": "draggable-container",
+    "data-element": dataElement,
+    "data-role": dataRole
   }, rest), children);
 };
 var _default = exports.default = DropTarget;

package/lib/components/draggable/draggable-container.component.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { MarginProps } from "styled-system";
-export interface DraggableContainerProps extends MarginProps {
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface DraggableContainerProps extends MarginProps, Omit<TagProps, "data-component"> {
     /** Callback fired when order is changed */
     getOrder?: (draggableItemIds?: (string | number | undefined)[], movedItemId?: string | number | undefined) => void;
     /**
@@ -11,7 +12,7 @@ export interface DraggableContainerProps extends MarginProps {
     children?: React.ReactNode;
 }
 declare const DraggableContainer: {
-    ({ children, getOrder, ...rest }: DraggableContainerProps): JSX.Element;
+    ({ "data-element": dataElement, "data-role": dataRole, children, getOrder, ...rest }: DraggableContainerProps): JSX.Element;
     displayName: string;
 };
 export default DraggableContainer;

package/lib/components/draggable/draggable-container.component.js

@@ -17,6 +17,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 const DraggableContainer = ({
+  "data-element": dataElement,
+  "data-role": dataRole = "draggable-container",
   children,
   getOrder,
   ...rest
@@ -48,6 +50,8 @@ const DraggableContainer = ({
       draggableItem,
       index
     } = findItem(id);
+
+    // istanbul ignore if
     if (!draggableItem) return;
     const copyOfDraggableItems = [...draggableItems];
     copyOfDraggableItems.splice(index, 1);
@@ -65,6 +69,8 @@ const DraggableContainer = ({
   return /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
     backend: _reactDndHtml5Backend.HTML5Backend
   }, /*#__PURE__*/_react.default.createElement(_dropTarget.default, _extends({
+    "data-element": dataElement,
+    "data-role": dataRole,
     getOrder: getItemsId
   }, marginProps), draggableItems.map(item => {
     return /*#__PURE__*/_react.default.isValidElement(item) && /*#__PURE__*/_react.default.cloneElement(item, {
@@ -77,6 +83,8 @@ const DraggableContainer = ({
 if (process.env.NODE_ENV !== "production") {
   DraggableContainer.propTypes = {
     "children": _propTypes.default.node,
+    "data-element": _propTypes.default.string,
+    "data-role": _propTypes.default.string,
     "getOrder": _propTypes.default.func,
     "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
       "__@toStringTag": _propTypes.default.string.isRequired,

package/lib/components/draggable/draggable-item/draggable-item.component.js

@@ -64,6 +64,7 @@ const DraggableItem = ({
   const paddingProps = (0, _utils.filterStyledSystemPaddingProps)(rest);
   return /*#__PURE__*/_react.default.createElement(_draggableItem.StyledDraggableItem, _extends({
     "data-element": "draggable",
+    "data-role": "draggable-item",
     isDragging: isDragging,
     ref: node => drag(drop(node)),
     py: py

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

@@ -4,7 +4,7 @@ import { IconType } from "../icon";
 export declare type PortraitShapes = "circle" | "square";
 export declare type PortraitSizes = "XS" | "S" | "M" | "ML" | "L" | "XL" | "XXL";
 export interface PortraitProps extends MarginProps {
-    /** An email address registered with Gravatar. */
+    /** (Deprecated) An email address registered with Gravatar. */
     gravatar?: string;
     /** A custom image URL. */
     src?: string;

package/lib/components/portrait/portrait.component.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _md = _interopRequireDefault(require("crypto-js/md5"));
 var _invariant = _interopRequireDefault(require("invariant"));
+var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 var _tooltip = _interopRequireDefault(require("../tooltip"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 var _portrait = require("./portrait.config");
@@ -18,6 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+let deprecatedGravatarWarnTriggered = false;
 const Portrait = ({
   alt,
   name,
@@ -45,6 +47,10 @@ const Portrait = ({
   } = (0, _react.useContext)(_newValidation.default);
   const defaultShape = roundedCornersOptOut ? "square" : "circle";
   !!(src && gravatar) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "The `src` prop cannot be used in conjunction with the `gravatar` prop." + " Please use one or the other.") : (0, _invariant.default)(false) : void 0;
+  const logGravatarDeprecationWarning = () => {
+    deprecatedGravatarWarnTriggered = true;
+    _logger.default.deprecate("The `gravatar` prop has been deprecated and will soon be removed.");
+  };
   (0, _react.useEffect)(() => {
     setExternalError(false);
   }, [gravatar, src]);
@@ -83,6 +89,7 @@ const Portrait = ({
       portrait = /*#__PURE__*/_react.default.createElement(_portrait2.StyledPortraitGravatar, {
         src: gravatarSrc(),
         alt: alt || name || "",
+        onLoad: () => !deprecatedGravatarWarnTriggered && logGravatarDeprecationWarning(),
         onError: () => setExternalError(true)
       });
     }

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

@@ -10,7 +10,7 @@ export interface ProfileProps extends MarginProps {
     alt?: string;
     /** Define the name to display. */
     name?: string;
-    /** Define the email to use (will check Gravatar for image). */
+    /** Define the email to use. */
     email?: string;
     /** Define read-only text to display. */
     text?: string;

package/lib/components/profile/profile.component.js

@@ -67,6 +67,7 @@ const Profile = ({
     }, name), email && /*#__PURE__*/_react.default.createElement(_profile.ProfileEmailStyle, {
       href: `mailto: ${email}`,
       size: size,
+      "data-role": "email-link",
       darkBackground: darkBackground,
       "data-element": "email"
     }, email), text && /*#__PURE__*/_react.default.createElement(_profile.ProfileTextStyle, {

package/lib/components/vertical-divider/vertical-divider.component.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.VerticalDivider = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _menu = require("../menu/menu.component");
+var _menu = _interopRequireDefault(require("../menu/__internal__/menu.context"));
 var _verticalDivider = require("./vertical-divider.style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -21,7 +21,7 @@ const VerticalDivider = ({
 }) => {
   const {
     inMenu
-  } = (0, _react.useContext)(_menu.MenuContext);
+  } = (0, _react.useContext)(_menu.default);
   return /*#__PURE__*/_react.default.createElement(_verticalDivider.StyledVerticalWrapper, _extends({
     "data-component": "vertical-divider",
     "data-role": "vertical-divider",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "140.1.1",
+  "version": "140.2.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",