carbon-react 138.2.2 → 139.0.0

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

@@ -1,8 +1,7 @@
 import React from "react";
-export interface DrawerSidebarContextProps {
-    isInSidebar: boolean;
-}
-export interface DrawerProps {
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+import DrawerSidebarContext from "./__internal__/drawer-sidebar.context";
+export interface DrawerProps extends Omit<TagProps, "data-component"> {
     /** Duration of a animation */
     animationDuration?: string;
     /** Specify an aria-label for the Drawer component */
@@ -31,7 +30,6 @@ export interface DrawerProps {
     /** Makes the footer of the drawer sticky. Footer prop must also be set. */
     stickyFooter?: boolean;
 }
-declare const DrawerSidebarContext: React.Context<Partial<DrawerSidebarContextProps>>;
-export declare const Drawer: ({ defaultExpanded, expanded, onChange, children, expandedWidth, sidebar, animationDuration, backgroundColor, title, footer, showControls, height, stickyHeader, stickyFooter, ...rest }: DrawerProps) => React.JSX.Element;
+export declare const Drawer: ({ "aria-label": ariaLabel, "data-element": dataElement, "data-role": dataRole, defaultExpanded, expanded, onChange, children, expandedWidth, sidebar, animationDuration, backgroundColor, title, footer, showControls, height, stickyHeader, stickyFooter, }: DrawerProps) => React.JSX.Element;
 export { DrawerSidebarContext };
 export default Drawer;

package/esm/components/drawer/drawer.component.js

@@ -1,4 +1,3 @@
-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, { useState, useCallback, useRef, useEffect } from "react";
 import PropTypes from "prop-types";
 import invariant from "invariant";
@@ -7,8 +6,11 @@ import usePrevious from "../../hooks/__internal__/usePrevious";
 import Icon from "../icon";
 import { StyledSidebarHeader, StyledDrawerWrapper, StyledDrawerContent, StyledSidebarToggleButton, StyledDrawerChildren, StyledDrawerSidebar, StyledSidebarTitle } from "./drawer.style";
 import StickyFooter from "../../__internal__/sticky-footer";
-const DrawerSidebarContext = /*#__PURE__*/React.createContext({});
+import DrawerSidebarContext from "./__internal__/drawer-sidebar.context";
 export const Drawer = ({
+  "aria-label": ariaLabel,
+  "data-element": dataElement,
+  "data-role": dataRole = "drawer",
   defaultExpanded = true,
   expanded,
   onChange,
@@ -22,8 +24,7 @@ export const Drawer = ({
   showControls,
   height = "100%",
   stickyHeader,
-  stickyFooter,
-  ...rest
+  stickyFooter
 }) => {
   const drawerSidebarContentRef = useRef(null);
   const scrollableContentRef = useRef(null);
@@ -114,17 +115,22 @@ export const Drawer = ({
       type: "chevron_right"
     }));
   };
-  return /*#__PURE__*/React.createElement(StyledDrawerWrapper, _extends({
+  return /*#__PURE__*/React.createElement(StyledDrawerWrapper, {
+    "aria-label": ariaLabel,
     "data-component": "drawer",
+    "data-element": dataElement,
+    "data-role": dataRole,
     height: height
-  }, rest), /*#__PURE__*/React.createElement(StyledDrawerContent, {
+  }, /*#__PURE__*/React.createElement(StyledDrawerContent, {
     expandedWidth: expandedWidth,
     animationDuration: animationDuration,
     className: getClassNames(),
     ref: drawerSidebarContentRef,
     backgroundColor: backgroundColor,
-    "data-element": "drawer-content"
+    "data-element": "drawer-content",
+    "data-role": "drawer-content"
   }, stickyHeader && /*#__PURE__*/React.createElement(StyledSidebarHeader, {
+    "data-role": "drawer-sidebar-header",
     isExpanded: isExpanded
   }, title && /*#__PURE__*/React.createElement(StyledSidebarTitle, null, title), getControls()), !stickyHeader && /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement(StyledSidebarTitle, null, title), getControls()), /*#__PURE__*/React.createElement(StyledDrawerSidebar, {
     hasControls: !!showControls,

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

@@ -1,2 +1,2 @@
-export { default, DrawerSidebarContext } from "./drawer.component";
-export type { DrawerSidebarContextProps, DrawerProps, } from "./drawer.component";
+export { default } from "./drawer.component";
+export type { DrawerProps } from "./drawer.component";

package/esm/components/drawer/index.js

@@ -1 +1 @@
-export { default, DrawerSidebarContext } from "./drawer.component";
+export { default } from "./drawer.component";

package/esm/components/duelling-picklist/duelling-picklist.component.js

@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import { StyledDuellingPicklistOverlay, StyledDuellingPicklist, StyledLabelContainer, StyledLabel, StyledControlsContainer, StyledControl } from "./duelling-picklist.style";
 import { Picklist } from "./picklist/picklist.component";
-import FocusContext from "./duelling-picklist.context";
+import FocusContext from "./__internal__/duelling-picklist.context";
 export const DuellingPicklist = ({
   children,
   disabled,

package/esm/components/duelling-picklist/picklist/picklist.component.js

@@ -2,7 +2,7 @@ import React, { useCallback, useContext, useEffect, useMemo } from "react";
 import PropTypes from "prop-types";
 import { TransitionGroup } from "react-transition-group";
 import { StyledPicklist, StyledEmptyContainer } from "./picklist.style";
-import FocusContext from "../duelling-picklist.context";
+import FocusContext from "../__internal__/duelling-picklist.context";
 import Events from "../../../__internal__/utils/helpers/events";
 import PicklistGroup from "../picklist-group/picklist-group.component";
 export const Picklist = ({

package/esm/components/duelling-picklist/picklist-group/picklist-group.component.js

@@ -3,7 +3,7 @@ import React, { useCallback, useContext, useEffect, useMemo, useState } from "re
 import PropTypes from "prop-types";
 import { CSSTransition, TransitionGroup } from "react-transition-group";
 import { StyledGroupWrapper, StyledPicklistGroupUl, StyledPicklistGroup, StyledGroupButton } from "./picklist-group.style";
-import FocusContext from "../duelling-picklist.context";
+import FocusContext from "../__internal__/duelling-picklist.context";
 import Events from "../../../__internal__/utils/helpers/events";
 const PicklistGroup = /*#__PURE__*/React.forwardRef(({
   title,

package/esm/components/duelling-picklist/picklist-item/picklist-item.component.js

@@ -3,7 +3,7 @@ import React, { useCallback, useContext, useRef } from "react";
 import PropTypes from "prop-types";
 import { CSSTransition } from "react-transition-group";
 import { StyledPicklistItem, StyledButton, StyledLockIcon } from "./picklist-item.style";
-import FocusContext from "../duelling-picklist.context";
+import FocusContext from "../__internal__/duelling-picklist.context";
 import Events from "../../../__internal__/utils/helpers/events";
 const PicklistItem = /*#__PURE__*/React.forwardRef(({
   children,

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

@@ -3,7 +3,7 @@ import React, { useState, useEffect } from "react";
 import PropTypes from "prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { FieldsetStyle, StyledLegend } from "./fieldset.style";
-import { NewValidationContext } from "../carbon-provider/carbon-provider.component";
+import NewValidationContext from "../carbon-provider/__internal__/new-validation.context";
 import FormSpacingProvider from "../../__internal__/form-spacing-provider";
 import useFormSpacing from "../../hooks/__internal__/useFormSpacing";
 export const Fieldset = ({

package/esm/components/flat-table/__internal__/flat-table.context.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FlatTableProps } from "../flat-table.component";
+export interface FlatTableContextProps extends Pick<FlatTableProps, "colorTheme" | "size"> {
+    getTabStopElementId: () => string;
+}
+declare const _default: React.Context<FlatTableContextProps>;
+export default _default;

package/esm/components/flat-table/__internal__/flat-table.context.js

@@ -0,0 +1,4 @@
+import React from "react";
+export default /*#__PURE__*/React.createContext({
+  getTabStopElementId: () => ""
+});

package/esm/components/flat-table/__internal__/use-table-cell.js

@@ -1,10 +1,10 @@
 import { useContext, useEffect, useState } from "react";
-import FlatTableRowContext from "../flat-table-row/__internal__/flat-table-row-context";
-import { FlatTableThemeContext } from "../flat-table.component";
+import FlatTableRowContext from "../flat-table-row/__internal__/flat-table-row.context";
+import FlatTableContext from "./flat-table.context";
 export default (id => {
   const {
     getTabStopElementId
-  } = useContext(FlatTableThemeContext);
+  } = useContext(FlatTableContext);
   const [tabIndex, setTabIndex] = useState(-1);
   const {
     expandable,

package/esm/components/flat-table/flat-table-checkbox/flat-table-checkbox.component.js

@@ -6,7 +6,7 @@ import { Checkbox } from "../../checkbox";
 import Events from "../../../__internal__/utils/helpers/events/events";
 import tagComponent from "../../../__internal__/utils/helpers/tags";
 import guid from "../../../__internal__/utils/helpers/guid";
-import FlatTableRowContext from "../flat-table-row/__internal__/flat-table-row-context";
+import FlatTableRowContext from "../flat-table-row/__internal__/flat-table-row.context";
 export const FlatTableCheckbox = ({
   as = "td",
   checked,

package/esm/components/flat-table/flat-table-head/__internal__/flat-table-head.context.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface FlatTableHeadContextProps {
+    stickyOffsets: Record<string, number>;
+}
+declare const _default: React.Context<FlatTableHeadContextProps>;
+export default _default;

package/esm/components/flat-table/flat-table-head/__internal__/flat-table-head.context.js

@@ -0,0 +1,4 @@
+import React from "react";
+export default /*#__PURE__*/React.createContext({
+  stickyOffsets: {}
+});

package/esm/components/flat-table/flat-table-head/flat-table-head.component.d.ts

@@ -3,9 +3,5 @@ export interface FlatTableHeadProps {
     /** Array of FlatTableRow. */
     children: React.ReactNode;
 }
-interface FlatTableHeadContextProps {
-    stickyOffsets: Record<string, number>;
-}
-export declare const FlatTableHeadContext: React.Context<FlatTableHeadContextProps>;
 export declare const FlatTableHead: ({ children, ...rest }: FlatTableHeadProps) => React.JSX.Element;
 export default FlatTableHead;

package/esm/components/flat-table/flat-table-head/flat-table-head.component.js

@@ -3,9 +3,7 @@ import React, { useEffect, useState, useRef } from "react";
 import PropTypes from "prop-types";
 import StyledFlatTableHead from "./flat-table-head.style";
 import { buildPositionMap } from "../__internal__";
-export const FlatTableHeadContext = /*#__PURE__*/React.createContext({
-  stickyOffsets: {}
-});
+import FlatTableHeadContext from "./__internal__/flat-table-head.context";
 export const FlatTableHead = ({
   children,
   ...rest

package/esm/components/flat-table/flat-table-header/flat-table-header-utils.d.ts

@@ -1,3 +1,3 @@
 import { FlatTableProps } from "..";
-declare const getAlternativeBackgroundColor: (colorTheme: FlatTableProps["colorTheme"]) => "var(--colorsActionMinor100)" | "var(--colorsUtilityYang100)" | "var(--colorsUtilityMajor025)" | "var(--colorsActionMinor550)";
+declare const getAlternativeBackgroundColor: (colorTheme: FlatTableProps["colorTheme"]) => "var(--colorsUtilityYang100)" | "var(--colorsActionMinor100)" | "var(--colorsUtilityMajor025)" | "var(--colorsActionMinor550)";
 export default getAlternativeBackgroundColor;

package/esm/components/flat-table/flat-table-header/flat-table-header.component.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useRef, useContext } from "react";
 import PropTypes from "prop-types";
 import StyledFlatTableHeader from "./flat-table-header.style";
-import { FlatTableThemeContext } from "../flat-table.component";
+import FlatTableContext from "../__internal__/flat-table.context";
 import guid from "../../../__internal__/utils/helpers/guid";
 import useTableCell from "../__internal__/use-table-cell";
 export const FlatTableHeader = ({
@@ -20,7 +20,7 @@ export const FlatTableHeader = ({
   const internalId = useRef(id || guid());
   const {
     colorTheme
-  } = useContext(FlatTableThemeContext);
+  } = useContext(FlatTableContext);
   const {
     leftPosition,
     rightPosition,

package/esm/components/flat-table/flat-table-row/flat-table-row.component.js

@@ -4,15 +4,15 @@ import PropTypes from "prop-types";
 import invariant from "invariant";
 import Event from "../../../__internal__/utils/helpers/events";
 import StyledFlatTableRow from "./flat-table-row.style";
-import { DrawerSidebarContext } from "../../drawer";
+import DrawerSidebarContext from "../../drawer/__internal__/drawer-sidebar.context";
 import FlatTableRowHeader from "../flat-table-row-header";
 import FlatTableRowDraggable from "./__internal__/flat-table-row-draggable.component";
-import { FlatTableThemeContext } from "../flat-table.component";
+import FlatTableContext from "../__internal__/flat-table.context";
 import guid from "../../../__internal__/utils/helpers/guid";
-import FlatTableRowContext from "./__internal__/flat-table-row-context";
+import FlatTableRowContext from "./__internal__/flat-table-row.context";
 import SubRowProvider, { SubRowContext } from "./__internal__/sub-row-provider";
 import { buildPositionMap } from "../__internal__";
-import { FlatTableHeadContext } from "../flat-table-head/flat-table-head.component";
+import FlatTableHeadContext from "../flat-table-head/__internal__/flat-table-head.context";
 const FlatTableRow = /*#__PURE__*/React.forwardRef(({
   children,
   onClick,
@@ -94,7 +94,7 @@ const FlatTableRow = /*#__PURE__*/React.forwardRef(({
     colorTheme,
     size,
     getTabStopElementId
-  } = useContext(FlatTableThemeContext);
+  } = useContext(FlatTableContext);
   const {
     isInSidebar
   } = useContext(DrawerSidebarContext);

package/esm/components/flat-table/flat-table.component.d.ts

@@ -30,10 +30,6 @@ export interface FlatTableProps extends MarginProps {
     /** Width of the table. Any valid CSS string */
     width?: string;
 }
-export interface FlatTableThemeContextProps extends Pick<FlatTableProps, "colorTheme" | "size"> {
-    getTabStopElementId: () => string;
-}
-export declare const FlatTableThemeContext: React.Context<FlatTableThemeContextProps>;
 export declare const FlatTable: {
     ({ caption, children, hasStickyHead, colorTheme, footer, hasStickyFooter, height, isZebra, size, hasMaxHeight, ariaDescribedby, minHeight, overflowX, width, ...rest }: FlatTableProps): React.JSX.Element;
     displayName: string;

package/esm/components/flat-table/flat-table.component.js

@@ -2,11 +2,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useLayoutEffect, useRef, useState, useContext } from "react";
 import PropTypes from "prop-types";
 import { StyledFlatTableWrapper, StyledFlatTable, StyledFlatTableFooter, StyledTableContainer } from "./flat-table.style";
-import { DrawerSidebarContext } from "../drawer";
+import DrawerSidebarContext from "../drawer/__internal__/drawer-sidebar.context";
 import Events from "../../__internal__/utils/helpers/events/events";
-export const FlatTableThemeContext = /*#__PURE__*/React.createContext({
-  getTabStopElementId: () => ""
-});
+import FlatTableContext from "./__internal__/flat-table.context";
 const FOCUSABLE_ROW_AND_CELL_QUERY = "tbody tr[tabindex], tbody tr td[tabindex], tbody tr th[tabindex]";
 export const FlatTable = ({
   caption,
@@ -171,7 +169,7 @@ export const FlatTable = ({
   }, /*#__PURE__*/React.createElement(StyledFlatTable, _extends({
     ref: tableRef,
     "data-component": "flat-table"
-  }, tableStylingProps), caption ? /*#__PURE__*/React.createElement("caption", null, caption) : null, /*#__PURE__*/React.createElement(FlatTableThemeContext.Provider, {
+  }, tableStylingProps), caption ? /*#__PURE__*/React.createElement("caption", null, caption) : null, /*#__PURE__*/React.createElement(FlatTableContext.Provider, {
     value: {
       colorTheme,
       size,

package/esm/components/flat-table/flat-table.style.d.ts

@@ -1,5 +1,5 @@
 import { FlatTableProps } from "./flat-table.component";
-import { DrawerSidebarContextProps } from "../drawer";
+import { DrawerSidebarContextProps } from "../drawer/__internal__/drawer-sidebar.context";
 declare const StyledTableContainer: import("styled-components").StyledComponent<"div", any, Pick<FlatTableProps, "width" | "overflowX">, never>;
 declare const StyledFlatTable: import("styled-components").StyledComponent<"table", any, Pick<FlatTableProps, "caption" | "isZebra"> & {
     size: NonNullable<FlatTableProps["size"]>;

package/esm/components/flat-table/sort/sort.component.js

@@ -5,7 +5,7 @@ import Typography from "../../typography";
 import { StyledSort, StyledSpaceHolder, StyledSortIcon } from "./sort.style";
 import guid from "../../../__internal__/utils/helpers/guid";
 import useLocale from "../../../hooks/__internal__/useLocale";
-import { FlatTableThemeContext } from "../flat-table.component";
+import FlatTableContext from "../__internal__/flat-table.context";
 export const Sort = ({
   children,
   onClick,
@@ -23,7 +23,7 @@ export const Sort = ({
   };
   const {
     colorTheme
-  } = useContext(FlatTableThemeContext);
+  } = useContext(FlatTableContext);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
     screenReaderOnly: true,
     id: id.current

package/esm/components/form/form.component.js

@@ -1,8 +1,8 @@
 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, { useRef, useContext } from "react";
 import PropTypes from "prop-types";
-import { SidebarContext } from "../sidebar/sidebar.component";
-import { ModalContext } from "../modal/modal.component";
+import SidebarContext from "../sidebar/__internal__/sidebar.context";
+import ModalContext from "../modal/__internal__/modal.context";
 import FormSummary from "./__internal__/form-summary.component";
 import { StyledForm, StyledFormContent, StyledFormFooter, StyledLeftButtons, StyledRightButtons, StyledFullWidthButtons } from "./form.style";
 import { formSpacing } from "./form.config";

package/esm/components/icon/icon.component.js

@@ -6,7 +6,7 @@ import { filterStyledSystemMarginProps } from "../../style/utils";
 import { TooltipContext } from "../../__internal__/tooltip-provider";
 import StyledIcon from "./icon.style";
 import { ICON_TOOLTIP_POSITIONS } from "./icon-config";
-import { TabTitleContext } from "../tabs/__internal__/tab-title";
+import TabTitleContext from "../tabs/__internal__/tab-title/tab-title.context";
 import Logger from "../../__internal__/utils/logger";
 let deprecatedExtraSmallBgSizeTriggered = false;
 const Icon = /*#__PURE__*/React.forwardRef(({

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

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useContext, useMemo, useState } from "react";
 import PropTypes from "prop-types";
 import Icon from "../icon";
-import MenuContext from "../menu/menu.context";
+import MenuContext from "../menu/__internal__/menu.context";
 import { StyledLink, StyledContent } from "./link.style";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import useLocale from "../../hooks/__internal__/useLocale";

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

@@ -4,14 +4,14 @@ import PropTypes from "prop-types";
 import StyledMenuItemWrapper from "../../menu-item/menu-item.style";
 import { StyledSubmenu, StyledSubmenuWrapper } from "./submenu.style";
 import Events from "../../../../__internal__/utils/helpers/events";
-import MenuContext from "../../menu.context";
+import MenuContext from "../menu.context";
 import { characterNavigation } from "../keyboard-navigation";
 import SubmenuContext from "./submenu.context";
 import useClickAwayListener from "../../../../hooks/__internal__/useClickAwayListener";
 import guid from "../../../../__internal__/utils/helpers/guid";
 import { SCROLLABLE_BLOCK, SCROLLABLE_BLOCK_PARENT, BLOCK_INDEX_SELECTOR, ALL_CHILDREN_SELECTOR } from "../locators";
 import useStableCallback from "../../../../hooks/__internal__/useStableCallback/useStableCallback";
-import FixedNavigationBarContext from "../../../navigation-bar/fixed-navigation-bar.context";
+import FixedNavigationBarContext from "../../../navigation-bar/__internal__/fixed-navigation-bar.context";
 const Submenu = /*#__PURE__*/React.forwardRef(({
   children,
   className,

package/esm/components/menu/__internal__/submenu/submenu.style.d.ts

@@ -1,5 +1,5 @@
 import { SubmenuProps } from "./submenu.component";
-import { MenuType } from "../../menu.context";
+import { MenuType } from "../menu.context";
 interface SharedStyleProps {
     inFullscreenView?: boolean;
     menuType?: MenuType;

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

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useContext } from "react";
 import PropTypes from "prop-types";
 import StyledDivider from "./menu-divider.style";
-import MenuContext from "../menu.context";
+import MenuContext from "../__internal__/menu.context";
 import { StyledMenuItem } from "../menu.style";
 import tagComponent from "../../../__internal__/utils/helpers/tags";
 const MenuDivider = /*#__PURE__*/React.forwardRef(({

package/esm/components/menu/menu-divider/menu-divider.style.d.ts

@@ -1,5 +1,5 @@
 import { MenuDividerProps } from "./menu-divider.component";
-import { MenuType } from "../menu.context";
+import { MenuType } from "../__internal__/menu.context";
 declare const StyledDivider: import("styled-components").StyledComponent<"div", any, MenuDividerProps & {
     menuType: MenuType;
 }, never>;

package/esm/components/menu/menu-full-screen/menu-full-screen.component.js

@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 import { CSSTransition } from "react-transition-group";
 import { StyledMenuFullscreen, StyledMenuModal, StyledMenuFullscreenHeader } from "./menu-full-screen.style";
 import { StyledMenuWrapper } from "../menu.style";
-import MenuContext from "../menu.context";
+import MenuContext from "../__internal__/menu.context";
 import Events from "../../../__internal__/utils/helpers/events";
 import Box from "../../box";
 import IconButton from "../../icon-button";

package/esm/components/menu/menu-full-screen/menu-full-screen.style.d.ts

@@ -1,4 +1,4 @@
-import { MenuType } from "../menu.context";
+import { MenuType } from "../__internal__/menu.context";
 declare const StyledMenuFullscreen: import("styled-components").StyledComponent<"div", any, {
     transitionDuration: number;
     startPosition: "left" | "right";

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

@@ -5,7 +5,7 @@ import invariant from "invariant";
 import { filterStyledSystemPaddingProps } from "../../../style/utils";
 import StyledMenuItemWrapper from "./menu-item.style";
 import Events from "../../../__internal__/utils/helpers/events";
-import MenuContext from "../menu.context";
+import MenuContext from "../__internal__/menu.context";
 import Submenu from "../__internal__/submenu/submenu.component";
 import SubmenuContext from "../__internal__/submenu/submenu.context";
 import { StyledMenuItem } from "../menu.style";

package/esm/components/menu/menu-item/menu-item.style.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { PaddingProps } from "styled-system";
-import { MenuType } from "../menu.context";
+import { MenuType } from "../__internal__/menu.context";
 import { MenuWithChildren } from "./menu-item.component";
 interface StyledMenuItemWrapperProps extends Pick<MenuWithChildren, "href" | "variant" | "showDropdownArrow" | "overrideColor" | "clickToOpen" | "maxWidth">, PaddingProps {
     menuType: MenuType;

package/esm/components/menu/menu-segment-title/menu-segment-title.component.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useContext } from "react";
 import PropTypes from "prop-types";
 import { StyledTitle, StyledSegmentChildren } from "./menu-segment-title.style";
-import MenuContext from "../menu.context";
+import MenuContext from "../__internal__/menu.context";
 import { StyledMenuItem } from "../menu.style";
 import tagComponent from "../../../__internal__/utils/helpers/tags";
 const AS_VALUES = ["h2", "h3", "h4", "h5", "h6"];

package/esm/components/menu/menu-segment-title/menu-segment-title.style.d.ts

@@ -1,5 +1,5 @@
 import { VariantType } from "../menu-item";
-import { MenuType } from "../menu.context";
+import { MenuType } from "../__internal__/menu.context";
 interface StyledTitleProps {
     variant?: VariantType;
     menuType: MenuType;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { LayoutProps, FlexboxProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
-import MenuContext, { MenuType } from "./menu.context";
+import MenuContext, { MenuType } from "./__internal__/menu.context";
 export interface MenuProps extends TagProps, LayoutProps, FlexboxProps {
     /** Children elements */
     children: React.ReactNode;

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

@@ -3,7 +3,7 @@ import React, { useCallback, useState, useRef } from "react";
 import PropTypes from "prop-types";
 import { StyledMenuWrapper } from "./menu.style";
 import tagComponent from "../../__internal__/utils/helpers/tags";
-import MenuContext from "./menu.context";
+import MenuContext from "./__internal__/menu.context";
 import { menuKeyboardNavigation } from "./__internal__/keyboard-navigation";
 import { MENU_ITEM_CHILDREN_LOCATOR } from "./__internal__/locators";
 export const Menu = ({

package/esm/components/menu/scrollable-block/scrollable-block.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.context";
+import MenuContext from "../__internal__/menu.context";
 import MenuItem from "../menu-item";
 import StyledScrollableBlock from "./scrollable-block.style";
 import Box from "../../box";

package/esm/components/menu/scrollable-block/scrollable-block.style.d.ts

@@ -1,4 +1,4 @@
-import { MenuType } from "../menu.context";
+import { MenuType } from "../__internal__/menu.context";
 import { VariantType } from "../menu-item";
 interface StyledScrollableBlockProps {
     menuType: MenuType;

package/esm/components/modal/__internal__/modal.context.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ModalContextProps {
+    isInModal?: boolean;
+    isAnimationComplete?: boolean;
+    triggerRefocusFlag?: boolean;
+}
+declare const _default: React.Context<ModalContextProps>;
+export default _default;

package/esm/components/modal/__internal__/modal.context.js

@@ -0,0 +1,2 @@
+import React from "react";
+export default /*#__PURE__*/React.createContext({});

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

@@ -1,2 +1,2 @@
-export { default, ModalContext } from "./modal.component";
-export type { ModalProps, ModalContextProps } from "./modal.component";
+export { default } from "./modal.component";
+export type { ModalProps } from "./modal.component";

package/esm/components/modal/index.js

@@ -1 +1 @@
-export { default, ModalContext } from "./modal.component";
+export { default } from "./modal.component";

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

@@ -1,11 +1,5 @@
 import React from "react";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
-export interface ModalContextProps {
-    isInModal?: boolean;
-    isAnimationComplete?: boolean;
-    triggerRefocusFlag?: boolean;
-}
-export declare const ModalContext: React.Context<ModalContextProps>;
 export interface ModalProps extends TagProps {
     /** Custom class name  */
     className?: string;

package/esm/components/modal/modal.component.js

@@ -7,7 +7,7 @@ import Portal from "../portal";
 import Events from "../../__internal__/utils/helpers/events";
 import useModalManager from "../../hooks/__internal__/useModalManager";
 import { StyledModal, StyledModalBackground } from "./modal.style";
-export const ModalContext = /*#__PURE__*/React.createContext({});
+import ModalContext from "./__internal__/modal.context";
 const Modal = ({
   children,
   open,

package/{lib/components/navigation-bar → esm/components/navigation-bar/__internal__}/fixed-navigation-bar.context.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { NavigationBarProps } from ".";
+import { NavigationBarProps } from "..";
 declare type FixedNavigationBarContextProps = {
     submenuMaxHeight?: string;
 };

package/esm/components/navigation-bar/{fixed-navigation-bar.context.js → __internal__/fixed-navigation-bar.context.js}

@@ -1,5 +1,5 @@
 import React, { createContext, useState, useCallback, useEffect } from "react";
-import useResizeObserver from "../../hooks/__internal__/useResizeObserver/useResizeObserver";
+import useResizeObserver from "../../../hooks/__internal__/useResizeObserver/useResizeObserver";
 const FixedNavigationBarContext = /*#__PURE__*/createContext({});
 export const FixedNavigationBarContextProvider = ({
   position,

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

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useRef } from "react";
 import PropTypes from "prop-types";
 import StyledNavigationBar from "./navigation-bar.style";
-import { FixedNavigationBarContextProvider } from "./fixed-navigation-bar.context";
+import { FixedNavigationBarContextProvider } from "./__internal__/fixed-navigation-bar.context";
 const NavigationBar = ({
   navigationType = "light",
   isLoading = false,

package/esm/components/note/note.component.js

@@ -7,7 +7,7 @@ import { StyledNote, StyledNoteContent, StyledNoteMain, StyledInlineControl, Sty
 import StatusIcon from "./__internal__/status-icon";
 import { ActionPopover } from "../action-popover";
 import { getDecoratedValue } from "../text-editor/__internal__/utils";
-import { EditorContext } from "../text-editor/text-editor.component";
+import EditorContext from "../text-editor/__internal__/editor.context";
 import LinkPreview from "../link-preview";
 function hasExpectedDisplayName(child, displayName) {
   return child.type.displayName === displayName;

package/esm/components/numeral-date/__internal__/numeral-date.context.js

@@ -0,0 +1,2 @@
+import React from "react";
+export default /*#__PURE__*/React.createContext({});