carbon-react 138.2.2 → 140.0.0

package/lib/components/drawer/__internal__/drawer-sidebar.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({
+  isInSidebar: false
+});

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

@@ -3,7 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.DrawerSidebarContext = exports.Drawer = void 0;
+exports.Drawer = void 0;
+Object.defineProperty(exports, "DrawerSidebarContext", {
+  enumerable: true,
+  get: function () {
+    return _drawerSidebar.default;
+  }
+});
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _invariant = _interopRequireDefault(require("invariant"));
@@ -12,12 +19,14 @@ var _usePrevious = _interopRequireDefault(require("../../hooks/__internal__/useP
 var _icon = _interopRequireDefault(require("../icon"));
 var _drawer = require("./drawer.style");
 var _stickyFooter = _interopRequireDefault(require("../../__internal__/sticky-footer"));
+var _drawerSidebar = _interopRequireDefault(require("./__internal__/drawer-sidebar.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 DrawerSidebarContext = exports.DrawerSidebarContext = /*#__PURE__*/_react.default.createContext({});
 const Drawer = ({
+  "aria-label": ariaLabel,
+  "data-element": dataElement,
+  "data-role": dataRole = "drawer",
   defaultExpanded = true,
   expanded,
   onChange,
@@ -31,8 +40,7 @@ const Drawer = ({
   showControls,
   height = "100%",
   stickyHeader,
-  stickyFooter,
-  ...rest
+  stickyFooter
 }) => {
   const drawerSidebarContentRef = (0, _react.useRef)(null);
   const scrollableContentRef = (0, _react.useRef)(null);
@@ -123,17 +131,22 @@ const Drawer = ({
       type: "chevron_right"
     }));
   };
-  return /*#__PURE__*/_react.default.createElement(_drawer.StyledDrawerWrapper, _extends({
+  return /*#__PURE__*/_react.default.createElement(_drawer.StyledDrawerWrapper, {
+    "aria-label": ariaLabel,
     "data-component": "drawer",
+    "data-element": dataElement,
+    "data-role": dataRole,
     height: height
-  }, rest), /*#__PURE__*/_react.default.createElement(_drawer.StyledDrawerContent, {
+  }, /*#__PURE__*/_react.default.createElement(_drawer.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.default.createElement(_drawer.StyledSidebarHeader, {
+    "data-role": "drawer-sidebar-header",
     isExpanded: isExpanded
   }, title && /*#__PURE__*/_react.default.createElement(_drawer.StyledSidebarTitle, null, title), getControls()), !stickyHeader && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, title && /*#__PURE__*/_react.default.createElement(_drawer.StyledSidebarTitle, null, title), getControls()), /*#__PURE__*/_react.default.createElement(_drawer.StyledDrawerSidebar, {
     hasControls: !!showControls,
@@ -143,7 +156,7 @@ const Drawer = ({
     overflowY: isExpanded ? "auto" : undefined,
     scrollVariant: "light",
     ref: scrollableContentRef
-  }, /*#__PURE__*/_react.default.createElement(DrawerSidebarContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_drawerSidebar.default.Provider, {
     value: {
       isInSidebar: true
     }

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

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

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

@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../../style/utils");
 var _duellingPicklist = require("./duelling-picklist.style");
 var _picklist = require("./picklist/picklist.component");
-var _duellingPicklist2 = _interopRequireDefault(require("./duelling-picklist.context"));
+var _duellingPicklist2 = _interopRequireDefault(require("./__internal__/duelling-picklist.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/duelling-picklist/picklist/picklist.component.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactTransitionGroup = require("react-transition-group");
 var _picklist = require("./picklist.style");
-var _duellingPicklist = _interopRequireDefault(require("../duelling-picklist.context"));
+var _duellingPicklist = _interopRequireDefault(require("../__internal__/duelling-picklist.context"));
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 var _picklistGroup = _interopRequireDefault(require("../picklist-group/picklist-group.component"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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";