carbon-react 138.2.2 → 139.0.0

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

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _picklistGroup = require("./picklist-group.style");
-var _duellingPicklist = _interopRequireDefault(require("../duelling-picklist.context"));
+var _duellingPicklist = _interopRequireDefault(require("../__internal__/duelling-picklist.context"));
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 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); }

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

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _picklistItem = require("./picklist-item.style");
-var _duellingPicklist = _interopRequireDefault(require("../duelling-picklist.context"));
+var _duellingPicklist = _interopRequireDefault(require("../__internal__/duelling-picklist.context"));
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 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); }

package/lib/components/fieldset/fieldset.component.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 var _fieldset = require("./fieldset.style");
-var _carbonProvider = require("../carbon-provider/carbon-provider.component");
+var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
 var _formSpacingProvider = _interopRequireDefault(require("../../__internal__/form-spacing-provider"));
 var _useFormSpacing = _interopRequireDefault(require("../../hooks/__internal__/useFormSpacing"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31,7 +31,7 @@ const Fieldset = ({
       });
     }
   }, [ref, required]);
-  return /*#__PURE__*/_react.default.createElement(_carbonProvider.NewValidationContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_newValidation.default.Provider, {
     value: {
       validationRedesignOptIn: false
     }

package/lib/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/lib/components/flat-table/__internal__/flat-table.context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = /*#__PURE__*/_react.default.createContext({
+  getTabStopElementId: () => ""
+});

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _flatTableRowContext = _interopRequireDefault(require("../flat-table-row/__internal__/flat-table-row-context"));
-var _flatTable = require("../flat-table.component");
+var _flatTableRow = _interopRequireDefault(require("../flat-table-row/__internal__/flat-table-row.context"));
+var _flatTable = _interopRequireDefault(require("./flat-table.context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = id => {
   const {
     getTabStopElementId
-  } = (0, _react.useContext)(_flatTable.FlatTableThemeContext);
+  } = (0, _react.useContext)(_flatTable.default);
   const [tabIndex, setTabIndex] = (0, _react.useState)(-1);
   const {
     expandable,
@@ -23,7 +23,7 @@ var _default = id => {
     onKeyDown,
     highlighted,
     selected
-  } = (0, _react.useContext)(_flatTableRowContext.default);
+  } = (0, _react.useContext)(_flatTableRow.default);
   const leftPosition = leftPositions[id];
   const rightPosition = rightPositions[id];
   const makeCellSticky = leftPosition !== undefined || rightPosition !== undefined;

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

@@ -11,7 +11,7 @@ var _checkbox = require("../../checkbox");
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events/events"));
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags"));
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-var _flatTableRowContext = _interopRequireDefault(require("../flat-table-row/__internal__/flat-table-row-context"));
+var _flatTableRow = _interopRequireDefault(require("../flat-table-row/__internal__/flat-table-row.context"));
 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); }
 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; }
@@ -31,7 +31,7 @@ const FlatTableCheckbox = ({
   const {
     leftPositions,
     rightPositions
-  } = (0, _react.useContext)(_flatTableRowContext.default);
+  } = (0, _react.useContext)(_flatTableRow.default);
   const leftPosition = leftPositions[internalId.current];
   const rightPosition = rightPositions[internalId.current];
   const makeCellSticky = leftPosition !== undefined || rightPosition !== undefined;

package/lib/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/lib/components/flat-table/flat-table-head/__internal__/flat-table-head.context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = /*#__PURE__*/_react.default.createContext({
+  stickyOffsets: {}
+});

package/lib/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/lib/components/flat-table/flat-table-head/flat-table-head.component.js

@@ -3,18 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.FlatTableHeadContext = exports.FlatTableHead = void 0;
+exports.default = exports.FlatTableHead = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _flatTableHead = _interopRequireDefault(require("./flat-table-head.style"));
 var _internal__ = require("../__internal__");
+var _flatTableHead2 = _interopRequireDefault(require("./__internal__/flat-table-head.context"));
 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); }
 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 FlatTableHeadContext = exports.FlatTableHeadContext = /*#__PURE__*/_react.default.createContext({
-  stickyOffsets: {}
-});
 const FlatTableHead = ({
   children,
   ...rest
@@ -33,7 +31,7 @@ const FlatTableHead = ({
   }, [children]);
   return /*#__PURE__*/_react.default.createElement(_flatTableHead.default, _extends({
     ref: ref
-  }, rest), /*#__PURE__*/_react.default.createElement(FlatTableHeadContext.Provider, {
+  }, rest), /*#__PURE__*/_react.default.createElement(_flatTableHead2.default.Provider, {
     value: {
       stickyOffsets
     }

package/lib/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/lib/components/flat-table/flat-table-header/flat-table-header.component.js

@@ -7,7 +7,7 @@ exports.default = exports.FlatTableHeader = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _flatTableHeader = _interopRequireDefault(require("./flat-table-header.style"));
-var _flatTable = require("../flat-table.component");
+var _flatTable = _interopRequireDefault(require("../__internal__/flat-table.context"));
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 var _useTableCell = _interopRequireDefault(require("../__internal__/use-table-cell"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -29,7 +29,7 @@ const FlatTableHeader = ({
   const internalId = (0, _react.useRef)(id || (0, _guid.default)());
   const {
     colorTheme
-  } = (0, _react.useContext)(_flatTable.FlatTableThemeContext);
+  } = (0, _react.useContext)(_flatTable.default);
   const {
     leftPosition,
     rightPosition,

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

@@ -9,15 +9,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _invariant = _interopRequireDefault(require("invariant"));
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 var _flatTableRow = _interopRequireDefault(require("./flat-table-row.style"));
-var _drawer = require("../../drawer");
+var _drawerSidebar = _interopRequireDefault(require("../../drawer/__internal__/drawer-sidebar.context"));
 var _flatTableRowHeader = _interopRequireDefault(require("../flat-table-row-header"));
 var _flatTableRowDraggable = _interopRequireDefault(require("./__internal__/flat-table-row-draggable.component"));
-var _flatTable = require("../flat-table.component");
+var _flatTable = _interopRequireDefault(require("../__internal__/flat-table.context"));
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-var _flatTableRowContext = _interopRequireDefault(require("./__internal__/flat-table-row-context"));
+var _flatTableRow2 = _interopRequireDefault(require("./__internal__/flat-table-row.context"));
 var _subRowProvider = _interopRequireWildcard(require("./__internal__/sub-row-provider"));
 var _internal__ = require("../__internal__");
-var _flatTableHead = require("../flat-table-head/flat-table-head.component");
+var _flatTableHead = _interopRequireDefault(require("../flat-table-head/__internal__/flat-table-head.context"));
 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); }
 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; }
@@ -103,13 +103,13 @@ const FlatTableRow = exports.FlatTableRow = /*#__PURE__*/_react.default.forwardR
     colorTheme,
     size,
     getTabStopElementId
-  } = (0, _react.useContext)(_flatTable.FlatTableThemeContext);
+  } = (0, _react.useContext)(_flatTable.default);
   const {
     isInSidebar
-  } = (0, _react.useContext)(_drawer.DrawerSidebarContext);
+  } = (0, _react.useContext)(_drawerSidebar.default);
   const {
     stickyOffsets
-  } = (0, _react.useContext)(_flatTableHead.FlatTableHeadContext);
+  } = (0, _react.useContext)(_flatTableHead.default);
   const toggleExpanded = () => setIsExpanded(!isExpanded);
   function onKeyDown(ev) {
     const isEnterOrSpaceKey = _events.default.isEnterKey(ev) || _events.default.isSpaceKey(ev);
@@ -190,7 +190,7 @@ const FlatTableRow = exports.FlatTableRow = /*#__PURE__*/_react.default.forwardR
     "data-selected": selected && expandableArea === "wholeRow",
     "data-highlighted": highlighted && expandableArea === "wholeRow",
     rowHeight: rowRef?.current?.offsetHeight
-  }, interactiveRowProps, rest), /*#__PURE__*/_react.default.createElement(_flatTableRowContext.default.Provider, {
+  }, interactiveRowProps, rest), /*#__PURE__*/_react.default.createElement(_flatTableRow2.default.Provider, {
     value: {
       firstCellId,
       expandable,

package/lib/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/lib/components/flat-table/flat-table.component.js

@@ -3,19 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.FlatTableThemeContext = exports.FlatTable = void 0;
+exports.default = exports.FlatTable = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _flatTable = require("./flat-table.style");
-var _drawer = require("../drawer");
+var _drawerSidebar = _interopRequireDefault(require("../drawer/__internal__/drawer-sidebar.context"));
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events/events"));
+var _flatTable2 = _interopRequireDefault(require("./__internal__/flat-table.context"));
 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); }
 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 FlatTableThemeContext = exports.FlatTableThemeContext = /*#__PURE__*/_react.default.createContext({
-  getTabStopElementId: () => ""
-});
 const FOCUSABLE_ROW_AND_CELL_QUERY = "tbody tr[tabindex], tbody tr td[tabindex], tbody tr th[tabindex]";
 const FlatTable = ({
   caption,
@@ -51,7 +49,7 @@ const FlatTable = ({
   };
   const {
     isInSidebar
-  } = (0, _react.useContext)(_drawer.DrawerSidebarContext);
+  } = (0, _react.useContext)(_drawerSidebar.default);
   (0, _react.useLayoutEffect)(() => {
     const findRow = (rows, isFirstCol) => rows.find((row, index) => {
       const cells = Array.from(row.querySelectorAll("td, th"));
@@ -180,7 +178,7 @@ const FlatTable = ({
   }, /*#__PURE__*/_react.default.createElement(_flatTable.StyledFlatTable, _extends({
     ref: tableRef,
     "data-component": "flat-table"
-  }, tableStylingProps), caption ? /*#__PURE__*/_react.default.createElement("caption", null, caption) : null, /*#__PURE__*/_react.default.createElement(FlatTableThemeContext.Provider, {
+  }, tableStylingProps), caption ? /*#__PURE__*/_react.default.createElement("caption", null, caption) : null, /*#__PURE__*/_react.default.createElement(_flatTable2.default.Provider, {
     value: {
       colorTheme,
       size,

package/lib/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/lib/components/flat-table/sort/sort.component.js

@@ -11,7 +11,7 @@ var _typography = _interopRequireDefault(require("../../typography"));
 var _sort = require("./sort.style");
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
-var _flatTable = require("../flat-table.component");
+var _flatTable = _interopRequireDefault(require("../__internal__/flat-table.context"));
 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); }
 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; }
@@ -32,7 +32,7 @@ const Sort = ({
   };
   const {
     colorTheme
-  } = (0, _react.useContext)(_flatTable.FlatTableThemeContext);
+  } = (0, _react.useContext)(_flatTable.default);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_typography.default, {
     screenReaderOnly: true,
     id: id.current

package/lib/components/form/form.component.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Form = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _sidebar = require("../sidebar/sidebar.component");
-var _modal = require("../modal/modal.component");
+var _sidebar = _interopRequireDefault(require("../sidebar/__internal__/sidebar.context"));
+var _modal = _interopRequireDefault(require("../modal/__internal__/modal.context"));
 var _formSummary = _interopRequireDefault(require("./__internal__/form-summary.component"));
 var _form = require("./form.style");
 var _form2 = require("./form.config");
@@ -35,10 +35,10 @@ const Form = ({
 }) => {
   const {
     isInSidebar
-  } = (0, _react.useContext)(_sidebar.SidebarContext);
+  } = (0, _react.useContext)(_sidebar.default);
   const {
     isInModal
-  } = (0, _react.useContext)(_modal.ModalContext);
+  } = (0, _react.useContext)(_modal.default);
   const formRef = (0, _react.useRef)(null);
   const formFooterRef = (0, _react.useRef)(null);
   const hasPadding = !!Object.keys(footerPadding).length;

package/lib/components/icon/icon.component.js

@@ -12,7 +12,7 @@ var _utils = require("../../style/utils");
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
 var _icon = _interopRequireDefault(require("./icon.style"));
 var _iconConfig = require("./icon-config");
-var _tabTitle = require("../tabs/__internal__/tab-title");
+var _tabTitle = _interopRequireDefault(require("../tabs/__internal__/tab-title/tab-title.context"));
 var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
 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); }
@@ -64,7 +64,7 @@ const Icon = /*#__PURE__*/_react.default.forwardRef(({
   } = (0, _react.useContext)(_tooltipProvider.TooltipContext);
   const {
     isInTab
-  } = (0, _react.useContext)(_tabTitle.TabTitleContext);
+  } = (0, _react.useContext)(_tabTitle.default);
 
   /** Return Icon type with overrides */
   const iconType = (0, _react.useMemo)(() => {

package/lib/components/link/link.component.js

@@ -7,7 +7,7 @@ exports.default = exports.Link = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _icon = _interopRequireDefault(require("../icon"));
-var _menu = _interopRequireDefault(require("../menu/menu.context"));
+var _menu = _interopRequireDefault(require("../menu/__internal__/menu.context"));
 var _link = require("./link.style");
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));

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

@@ -9,14 +9,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _menuItem = _interopRequireDefault(require("../../menu-item/menu-item.style"));
 var _submenu = require("./submenu.style");
 var _events = _interopRequireDefault(require("../../../../__internal__/utils/helpers/events"));
-var _menu = _interopRequireDefault(require("../../menu.context"));
+var _menu = _interopRequireDefault(require("../menu.context"));
 var _keyboardNavigation = require("../keyboard-navigation");
 var _submenu2 = _interopRequireDefault(require("./submenu.context"));
 var _useClickAwayListener = _interopRequireDefault(require("../../../../hooks/__internal__/useClickAwayListener"));
 var _guid = _interopRequireDefault(require("../../../../__internal__/utils/helpers/guid"));
 var _locators = require("../locators");
 var _useStableCallback = _interopRequireDefault(require("../../../../hooks/__internal__/useStableCallback/useStableCallback"));
-var _fixedNavigationBar = _interopRequireDefault(require("../../../navigation-bar/fixed-navigation-bar.context"));
+var _fixedNavigationBar = _interopRequireDefault(require("../../../navigation-bar/__internal__/fixed-navigation-bar.context"));
 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); }
 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; }

package/lib/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/lib/components/menu/menu-divider/menu-divider.component.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _menuDivider = _interopRequireDefault(require("./menu-divider.style"));
-var _menu = _interopRequireDefault(require("../menu.context"));
+var _menu = _interopRequireDefault(require("../__internal__/menu.context"));
 var _menu2 = require("../menu.style");
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/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/lib/components/menu/menu-full-screen/menu-full-screen.component.js

@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _menuFullScreen = require("./menu-full-screen.style");
 var _menu = require("../menu.style");
-var _menu2 = _interopRequireDefault(require("../menu.context"));
+var _menu2 = _interopRequireDefault(require("../__internal__/menu.context"));
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 var _box = _interopRequireDefault(require("../../box"));
 var _iconButton = _interopRequireDefault(require("../../icon-button"));

package/lib/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/lib/components/menu/menu-item/menu-item.component.js

@@ -10,7 +10,7 @@ var _invariant = _interopRequireDefault(require("invariant"));
 var _utils = require("../../../style/utils");
 var _menuItem = _interopRequireDefault(require("./menu-item.style"));
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
-var _menu = _interopRequireDefault(require("../menu.context"));
+var _menu = _interopRequireDefault(require("../__internal__/menu.context"));
 var _submenu = _interopRequireDefault(require("../__internal__/submenu/submenu.component"));
 var _submenu2 = _interopRequireDefault(require("../__internal__/submenu/submenu.context"));
 var _menu2 = require("../menu.style");

package/lib/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/lib/components/menu/menu-segment-title/menu-segment-title.component.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _menuSegmentTitle = require("./menu-segment-title.style");
-var _menu = _interopRequireDefault(require("../menu.context"));
+var _menu = _interopRequireDefault(require("../__internal__/menu.context"));
 var _menu2 = require("../menu.style");
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/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/lib/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/lib/components/menu/menu.component.js

@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _menu = require("./menu.style");
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-var _menu2 = _interopRequireDefault(require("./menu.context"));
+var _menu2 = _interopRequireDefault(require("./__internal__/menu.context"));
 var _keyboardNavigation = require("./__internal__/keyboard-navigation");
 var _locators = require("./__internal__/locators");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/menu/scrollable-block/scrollable-block.component.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ScrollableBlock = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _menu = _interopRequireDefault(require("../menu.context"));
+var _menu = _interopRequireDefault(require("../__internal__/menu.context"));
 var _menuItem = _interopRequireDefault(require("../menu-item"));
 var _scrollableBlock = _interopRequireDefault(require("./scrollable-block.style"));
 var _box = _interopRequireDefault(require("../../box"));

package/lib/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/lib/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/lib/components/modal/__internal__/modal.context.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = /*#__PURE__*/_react.default.createContext({});

package/lib/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/lib/components/modal/index.js

@@ -3,18 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ModalContext", {
-  enumerable: true,
-  get: function () {
-    return _modal.ModalContext;
-  }
-});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
     return _modal.default;
   }
 });
-var _modal = _interopRequireWildcard(require("./modal.component"));
-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; }
+var _modal = _interopRequireDefault(require("./modal.component"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/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;