carbon-react 138.2.2 → 139.0.0

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

@@ -11,15 +11,15 @@ import Events from "../../__internal__/utils/helpers/events";
 import guid from "../../__internal__/utils/helpers/guid";
 import LabelWrapper from "./__internal__/label-wrapper";
 import { BOLD, ITALIC, UNORDERED_LIST, ORDERED_LIST } from "./types";
-import { NewValidationContext } from "../carbon-provider/carbon-provider.component";
+import NewValidationContext from "../carbon-provider/__internal__/new-validation.context";
 import { ErrorBorder, StyledHintText } from "../textbox/textbox.style";
 import ValidationMessage from "../../__internal__/validation-message";
 import useInputAccessibility from "../../hooks/__internal__/useInputAccessibility";
 import Box from "../box";
 import useCharacterCount from "../../hooks/__internal__/useCharacterCount";
+import EditorContext from "./__internal__/editor.context";
 const NUMBERS = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
 const INLINE_STYLES = [BOLD, ITALIC];
-export const EditorContext = /*#__PURE__*/React.createContext({});
 const TextEditor = /*#__PURE__*/React.forwardRef(({
   characterLimit = 3000,
   labelText,

package/esm/components/textarea/textarea.component.js

@@ -11,7 +11,7 @@ import guid from "../../__internal__/utils/helpers/guid";
 import StyledTextarea, { MIN_HEIGHT } from "./textarea.style";
 import { TooltipProvider } from "../../__internal__/tooltip-provider";
 import useInputAccessibility from "../../hooks/__internal__/useInputAccessibility";
-import { NewValidationContext } from "../carbon-provider/carbon-provider.component";
+import NewValidationContext from "../carbon-provider/__internal__/new-validation.context";
 import { ErrorBorder, StyledHintText } from "../textbox/textbox.style";
 import ValidationMessage from "../../__internal__/validation-message";
 import Box from "../box";

package/esm/components/textbox/textbox.component.js

@@ -13,8 +13,8 @@ import useCharacterCount from "../../hooks/__internal__/useCharacterCount";
 import useInputAccessibility from "../../hooks/__internal__/useInputAccessibility/useInputAccessibility";
 import { ErrorBorder, StyledHintText } from "./textbox.style";
 import ValidationMessage from "../../__internal__/validation-message";
-import { NewValidationContext } from "../carbon-provider/carbon-provider.component";
-import NumeralDateContext from "../numeral-date/numeral-date-context";
+import NewValidationContext from "../carbon-provider/__internal__/new-validation.context";
+import NumeralDateContext from "../numeral-date/__internal__/numeral-date.context";
 import Box from "../box";
 import Logger from "../../__internal__/utils/logger";
 import guid from "../../__internal__/utils/helpers/guid";

package/esm/components/tile/tile-content/tile-content.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 StyledTileContent from "./tile-content.style";
-import TileContext from "../__internal__/tile-context";
+import TileContext from "../__internal__/tile.context";
 import tagComponent from "../../../__internal__/utils/helpers/tags";
 import filterStyledSystemPaddingProps from "../../../style/utils/filter-styled-system-padding-props";
 import filterStyledSystemMarginProps from "../../../style/utils/filter-styled-system-margin-props";

package/esm/components/tile/tile.component.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React from "react";
 import PropTypes from "prop-types";
 import StyledTile from "./tile.style";
-import TileContext from "./__internal__/tile-context";
+import TileContext from "./__internal__/tile.context";
 import filterStyledSystemPaddingProps from "../../style/utils/filter-styled-system-padding-props";
 import filterStyledSystemMarginProps from "../../style/utils/filter-styled-system-margin-props";
 import computeContentPadding from "./__internal__/compute-content-padding";

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

@@ -15,6 +15,7 @@ const VerticalDivider = ({
   } = useContext(MenuContext);
   return /*#__PURE__*/React.createElement(StyledVerticalWrapper, _extends({
     "data-component": "vertical-divider",
+    "data-role": "vertical-divider",
     p: props.p || 3,
     height: h || height,
     displayInline: displayInline
@@ -22,6 +23,7 @@ const VerticalDivider = ({
     as: inMenu ? "li" : "div",
     "aria-hidden": !!inMenu
   }), /*#__PURE__*/React.createElement(StyledDivider, {
+    "data-role": "divider",
     tint: tint
   }));
 };

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

@@ -9,7 +9,7 @@ import IconButton from "../../icon-button";
 import Icon from "../../icon";
 import Box from "../../box";
 import { StyledList, StyledVerticalMenuFullScreen } from "../vertical-menu.style";
-import VerticalMenuFullScreenContext from "../vertical-menu-full-screen/vertical-menu-full-screen.context";
+import VerticalMenuFullScreenContext from "./__internal__/vertical-menu-full-screen.context";
 import Events from "../../../__internal__/utils/helpers/events/events";
 export const VerticalMenuFullScreen = ({
   "aria-label": ariaLabel,

package/esm/components/vertical-menu/vertical-menu-item/__internal__/menu-item.context.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const _default: React.Context<{
+    level: number;
+}>;
+export default _default;

package/esm/components/vertical-menu/vertical-menu-item/__internal__/menu-item.context.js

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

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

@@ -3,11 +3,9 @@ import React, { useState, useContext } from "react";
 import PropTypes from "prop-types";
 import tagComponent from "../../../__internal__/utils/helpers/tags";
 import { filterStyledSystemPaddingProps } from "../../../style/utils";
-import VerticalMenuFullScreenContext from "../vertical-menu-full-screen/vertical-menu-full-screen.context";
+import VerticalMenuFullScreenContext from "../vertical-menu-full-screen/__internal__/vertical-menu-full-screen.context";
 import { StyledVerticalMenuItem, StyledTitle, StyledAdornment, StyledList, StyledChevronIcon, StyledTitleIcon } from "../vertical-menu.style";
-const MenuItemContext = /*#__PURE__*/React.createContext({
-  level: 0
-});
+import MenuItemContext from "./__internal__/menu-item.context";
 export const VerticalMenuItem = ({
   defaultOpen = false,
   title,

package/esm/hooks/__internal__/useModalAria/useModalAria.js

@@ -1,5 +1,5 @@
 import { useContext, useEffect } from "react";
-import TopModalContext from "../../../components/carbon-provider/top-modal-context";
+import TopModalContext from "../../../components/carbon-provider/__internal__/top-modal.context";
 export default function useModalAria(containerRef) {
   const {
     topModal

package/lib/__internal__/fieldset/fieldset.component.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _fieldset = require("./fieldset.style");
 var _validationIcon = _interopRequireDefault(require("../validations/validation-icon.component"));
-var _carbonProvider = require("../../components/carbon-provider/carbon-provider.component");
+var _newValidation = _interopRequireDefault(require("../../components/carbon-provider/__internal__/new-validation.context"));
 var _inputBehaviour = require("../input-behaviour");
 var _useFormSpacing = _interopRequireDefault(require("../../hooks/__internal__/useFormSpacing"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -34,7 +34,7 @@ const Fieldset = ({
 }) => {
   const {
     validationRedesignOptIn
-  } = (0, _react.useContext)(_carbonProvider.NewValidationContext);
+  } = (0, _react.useContext)(_newValidation.default);
   const marginProps = (0, _useFormSpacing.default)(rest);
   const [ref, setRef] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {

package/lib/__internal__/focus-trap/focus-trap.component.js

@@ -7,9 +7,9 @@ exports.default = exports.TAB_GUARD_TOP = exports.TAB_GUARD_BOTTOM = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _focusTrapUtils = require("./focus-trap-utils");
-var _modal = require("../../components/modal/modal.component");
+var _modal = _interopRequireDefault(require("../../components/modal/__internal__/modal.context"));
 var _usePrevious = _interopRequireDefault(require("../../hooks/__internal__/usePrevious"));
-var _topModalContext = _interopRequireDefault(require("../../components/carbon-provider/top-modal-context"));
+var _topModal = _interopRequireDefault(require("../../components/carbon-provider/__internal__/top-modal.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; }
@@ -33,10 +33,10 @@ const FocusTrap = ({
   const {
     isAnimationComplete = true,
     triggerRefocusFlag
-  } = (0, _react.useContext)(_modal.ModalContext);
+  } = (0, _react.useContext)(_modal.default);
   const {
     topModal
-  } = (0, _react.useContext)(_topModalContext.default);
+  } = (0, _react.useContext)(_topModal.default);
   // we ensure that isTopModal is true if there is no TopModalContext, so that consumers who have not
   // wrapped their app in CarbonProvider do not have all FocusTrap behaviour broken
   const isTopModal = !topModal || wrapperRef.current && topModal.contains(wrapperRef.current);

package/lib/__internal__/form-field/form-field.component.js

@@ -11,7 +11,7 @@ var _formField = _interopRequireWildcard(require("./form-field.style"));
 var _label = _interopRequireDefault(require("../label"));
 var _fieldHelp = _interopRequireDefault(require("../field-help"));
 var _tags = _interopRequireDefault(require("../utils/helpers/tags/tags"));
-var _tab = require("../../components/tabs/tab");
+var _tab = _interopRequireDefault(require("../../components/tabs/tab/__internal__/tab.context"));
 var _useIsAboveBreakpoint = _interopRequireDefault(require("../../hooks/__internal__/useIsAboveBreakpoint"));
 var _useFormSpacing = _interopRequireDefault(require("../../hooks/__internal__/useFormSpacing"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -69,7 +69,7 @@ const FormField = ({
     setError,
     setWarning,
     setInfo
-  } = (0, _react.useContext)(_tab.TabContext);
+  } = (0, _react.useContext)(_tab.default);
   const marginProps = (0, _useFormSpacing.default)(rest);
   const isMounted = (0, _react.useRef)(false);
   (0, _react.useLayoutEffect)(() => {

package/lib/__internal__/form-spacing-provider/form-spacing-provider.component.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { FormSpacingContextProps } from "./form-spacing-context";
+import { FormSpacingContextProps } from "./form-spacing.context";
 interface FormSpacingProviderProps extends FormSpacingContextProps {
     children: React.ReactNode;
 }

package/lib/__internal__/form-spacing-provider/form-spacing-provider.component.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _formSpacingContext = require("./form-spacing-context");
+var _formSpacing = require("./form-spacing.context");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const FormSpacingProvider = ({
   marginBottom,
   children
-}) => /*#__PURE__*/_react.default.createElement(_formSpacingContext.FormSpacingContext.Provider, {
+}) => /*#__PURE__*/_react.default.createElement(_formSpacing.FormSpacingContext.Provider, {
   value: {
     marginBottom
   }

package/lib/__internal__/form-spacing-provider/index.d.ts

@@ -1,3 +1,3 @@
-export { FormSpacingContext } from "./form-spacing-context";
-export type { FormSpacingContextProps } from "./form-spacing-context";
+export { FormSpacingContext } from "./form-spacing.context";
+export type { FormSpacingContextProps } from "./form-spacing.context";
 export { default } from "./form-spacing-provider.component";

package/lib/__internal__/form-spacing-provider/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "FormSpacingContext", {
   enumerable: true,
   get: function () {
-    return _formSpacingContext.FormSpacingContext;
+    return _formSpacing.FormSpacingContext;
   }
 });
 Object.defineProperty(exports, "default", {
@@ -15,6 +15,6 @@ Object.defineProperty(exports, "default", {
     return _formSpacingProvider.default;
   }
 });
-var _formSpacingContext = require("./form-spacing-context");
+var _formSpacing = require("./form-spacing.context");
 var _formSpacingProvider = _interopRequireDefault(require("./form-spacing-provider.component"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__internal__/input/input-presentation.component.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _inputPresentation = _interopRequireWildcard(require("./input-presentation.style"));
 var _inputBehaviour = require("../input-behaviour");
-var _carbonProvider = require("../../components/carbon-provider/carbon-provider.component");
+var _newValidation = _interopRequireDefault(require("../../components/carbon-provider/__internal__/new-validation.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; }
@@ -37,7 +37,7 @@ const InputPresentation = ({
   } = (0, _react.useContext)(_inputBehaviour.InputContext);
   const {
     validationRedesignOptIn
-  } = (0, _react.useContext)(_carbonProvider.NewValidationContext);
+  } = (0, _react.useContext)(_newValidation.default);
   const {
     onMouseEnter: onGroupMouseEnter,
     onMouseLeave: onGroupMouseLeave

package/lib/__internal__/input/input.component.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _input = _interopRequireDefault(require("./input.style"));
 var _inputBehaviour = require("../input-behaviour");
-var _selectTextboxContext = require("../../components/select/select-textbox/select-textbox-context");
+var _selectTextbox = require("../../components/select/__internal__/select-textbox/select-textbox.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; }
@@ -60,7 +60,7 @@ const Input = /*#__PURE__*/_react.default.forwardRef(({
   const groupContext = (0, _react.useContext)(_inputBehaviour.InputGroupContext);
   const {
     isInputInSelect
-  } = (0, _react.useContext)(_selectTextboxContext.SelectTextboxContext);
+  } = (0, _react.useContext)(_selectTextbox.SelectTextboxContext);
   const deferredTimeout = (0, _react.useRef)(null);
   let input = (0, _react.useRef)(null);
   if (ref && "current" in ref) {

package/lib/__internal__/popover/popover.component.js

@@ -11,7 +11,7 @@ var _dom = require("@floating-ui/dom");
 var _useFloating = _interopRequireDefault(require("../../hooks/__internal__/useFloating"));
 var _popover = require("./popover.style");
 var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component"));
-var _modal = require("../../components/modal/modal.component");
+var _modal = _interopRequireDefault(require("../../components/modal/__internal__/modal.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; }
@@ -33,7 +33,7 @@ const Popover = ({
   const elementDOM = (0, _react.useRef)(null);
   const {
     isInModal
-  } = (0, _react.useContext)(_modal.ModalContext);
+  } = (0, _react.useContext)(_modal.default);
   const candidateNode = reference.current?.closest("[role='dialog']");
   const mountNode = isInModal && candidateNode ? candidateNode : document.body;
   if (!elementDOM.current && !disablePortal) {

package/lib/__internal__/utils/helpers/events/events.d.ts

@@ -17,7 +17,7 @@ declare const Events: {
     /**
      * Determines if event is a keyboard event
      */
-    isKeyboardEvent: (ev: React.SyntheticEvent | Event) => ev is KeyboardEvent | React.KeyboardEvent<Element>;
+    isKeyboardEvent: (ev: React.SyntheticEvent | Event) => ev is React.KeyboardEvent<Element> | KeyboardEvent;
     /**
      * Determines if a number key along the top of the keyboard or a number key on the
      * keypad is pressed

package/lib/components/action-popover/action-popover-item/action-popover-item.component.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Alignment } from "../action-popover-context";
+import { Alignment } from "../__internal__/action-popover.context";
 import { IconType } from "../../icon";
 export interface ActionPopoverItemProps {
     /** The text label to display for this Item */

package/lib/components/action-popover/action-popover-item/action-popover-item.component.js

@@ -10,7 +10,7 @@ var _invariant = _interopRequireDefault(require("invariant"));
 var _actionPopover = require("../action-popover.style");
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
-var _actionPopoverContext = _interopRequireDefault(require("../action-popover-context"));
+var _actionPopover2 = _interopRequireDefault(require("../__internal__/action-popover.context"));
 var _actionPopoverMenu = _interopRequireDefault(require("../action-popover-menu/action-popover-menu.component"));
 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); }
@@ -57,7 +57,7 @@ const ActionPopoverItem = ({
   isASubmenu = false,
   ...rest
 }) => {
-  const context = (0, _react.useContext)(_actionPopoverContext.default);
+  const context = (0, _react.useContext)(_actionPopover2.default);
   !context ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "ActionPopoverItem must be used within an ActionPopover component") : (0, _invariant.default)(false) : void 0;
   !( /*#__PURE__*/_react.default.isValidElement(submenu) ? submenu.type === _actionPopoverMenu.default : true) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "ActionPopoverItem only accepts submenu of type `ActionPopoverMenu`") : (0, _invariant.default)(false) : void 0;
   const {

package/lib/components/action-popover/action-popover-menu/action-popover-menu.component.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Alignment } from "../action-popover-context";
+import { Alignment } from "../__internal__/action-popover.context";
 export interface ActionPopoverMenuBaseProps {
     /** Children for the menu */
     children?: React.ReactNode;

package/lib/components/action-popover/action-popover-menu/action-popover-menu.component.js

@@ -11,7 +11,7 @@ var _actionPopover = require("../action-popover.style");
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
 var _actionPopoverItem = _interopRequireDefault(require("../action-popover-item/action-popover-item.component"));
 var _actionPopoverDivider = _interopRequireDefault(require("../action-popover-divider/action-popover-divider.component"));
-var _actionPopoverContext = _interopRequireDefault(require("../action-popover-context"));
+var _actionPopover2 = _interopRequireDefault(require("../__internal__/action-popover.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; }
@@ -29,7 +29,7 @@ const ActionPopoverMenu = /*#__PURE__*/_react.default.forwardRef(({
   isASubmenu,
   ...rest
 }, ref) => {
-  const context = (0, _react.useContext)(_actionPopoverContext.default);
+  const context = (0, _react.useContext)(_actionPopover2.default);
   !context ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "ActionPopoverMenu must be used within an ActionPopover component") : (0, _invariant.default)(false) : void 0;
   const {
     focusButton,

package/lib/components/action-popover/action-popover.component.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { MarginProps } from "styled-system";
-import { Alignment } from "./action-popover-context";
+import { Alignment } from "./__internal__/action-popover.context";
 export interface RenderButtonProps {
     tabIndex: number;
     "data-element": string;

package/lib/components/action-popover/action-popover.component.js

@@ -15,7 +15,7 @@ var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLoc
 var _actionPopoverMenu = _interopRequireDefault(require("./action-popover-menu/action-popover-menu.component"));
 var _actionPopoverItem = _interopRequireDefault(require("./action-popover-item/action-popover-item.component"));
 var _actionPopoverDivider = _interopRequireDefault(require("./action-popover-divider/action-popover-divider.component"));
-var _actionPopoverContext = _interopRequireDefault(require("./action-popover-context"));
+var _actionPopover2 = _interopRequireDefault(require("./__internal__/action-popover.context"));
 var _useModalManager = _interopRequireDefault(require("../../hooks/__internal__/useModalManager"));
 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); }
@@ -190,7 +190,7 @@ const ActionPopover = ({
     onClick: onButtonClick,
     isOpen,
     ref: buttonRef
-  }, rest), menuButton(menuID), /*#__PURE__*/_react.default.createElement(_actionPopoverContext.default.Provider, {
+  }, rest), menuButton(menuID), /*#__PURE__*/_react.default.createElement(_actionPopover2.default.Provider, {
     value: {
       setOpenPopover: setOpen,
       focusButton,

package/lib/components/button/button.component.js

@@ -11,7 +11,7 @@ var _icon = _interopRequireDefault(require("../icon"));
 var _button = _interopRequireWildcard(require("./button.style"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
-var _buttonBar = require("../button-bar/button-bar.component");
+var _buttonBar = _interopRequireDefault(require("../button-bar/__internal__/button-bar.context"));
 var _splitButton = _interopRequireDefault(require("../split-button/__internal__/split-button.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); }
@@ -95,7 +95,7 @@ const Button = /*#__PURE__*/_react.default.forwardRef(({
     size: sizeContext,
     iconPosition: iconPositionContext,
     fullWidth: fullWidthContext
-  } = (0, _react.useContext)(_buttonBar.ButtonBarContext);
+  } = (0, _react.useContext)(_buttonBar.default);
   const buttonType = buttonTypeContext || buttonTypeProp;
   const size = sizeContext || sizeProp;
   const iconPosition = iconPositionContext || iconPositionProp;

package/lib/components/button-bar/__internal__/button-bar.context.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface ButtonBarContextProps {
+    /** Apply fullWidth style to the button bar */
+    fullWidth?: boolean;
+    /** Defines an Icon position for buttons: "before" | "after" */
+    iconPosition?: "before" | "after";
+    /** Assigns a size to the buttons: "small" | "medium" | "large" */
+    size?: "small" | "medium" | "large";
+    /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "darkBackground" */
+    buttonType?: "primary" | "secondary" | "primary";
+}
+declare const _default: React.Context<ButtonBarContextProps>;
+export default _default;

package/lib/components/button-bar/button-bar.component.d.ts

@@ -1,20 +1,10 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
-export interface ButtonBarContextProps {
-    /** Apply fullWidth style to the button bar */
-    fullWidth?: boolean;
-    /** Defines an Icon position for buttons: "before" | "after" */
-    iconPosition?: "before" | "after";
-    /** Assigns a size to the buttons: "small" | "medium" | "large" */
-    size?: "small" | "medium" | "large";
-    /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "darkBackground" */
-    buttonType?: "primary" | "secondary" | "primary";
-}
+import { ButtonBarContextProps } from "./__internal__/button-bar.context";
 export interface ButtonBarProps extends ButtonBarContextProps, SpaceProps {
     /** Button or IconButton Elements, to be rendered inside the component */
     children: React.ReactNode;
 }
-export declare const ButtonBarContext: React.Context<ButtonBarContextProps>;
 export declare const ButtonBar: {
     ({ children, size, iconPosition, fullWidth, ...rest }: ButtonBarProps): React.JSX.Element;
     displayName: string;

package/lib/components/button-bar/button-bar.component.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ButtonBarContext = exports.ButtonBar = void 0;
+exports.default = exports.ButtonBar = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _buttonBar = _interopRequireDefault(require("./button-bar.style"));
+var _buttonBar2 = _interopRequireDefault(require("./__internal__/button-bar.context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const ButtonBarContext = exports.ButtonBarContext = /*#__PURE__*/_react.default.createContext({});
 const ButtonBar = ({
   children,
   size = "medium",
@@ -19,7 +19,7 @@ const ButtonBar = ({
 }) => /*#__PURE__*/_react.default.createElement(_buttonBar.default, _extends({}, rest, {
   fullWidth: fullWidth,
   size: size
-}), /*#__PURE__*/_react.default.createElement(ButtonBarContext.Provider, {
+}), /*#__PURE__*/_react.default.createElement(_buttonBar2.default.Provider, {
   value: {
     buttonType: "secondary",
     size,

package/lib/components/button-minor/button-minor.component.js

@@ -7,7 +7,7 @@ exports.default = exports.ButtonMinor = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _buttonMinor = _interopRequireDefault(require("./button-minor.style"));
-var _buttonBar = require("../button-bar/button-bar.component");
+var _buttonBar = _interopRequireDefault(require("../button-bar/__internal__/button-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; }
@@ -26,7 +26,7 @@ const ButtonMinor = exports.ButtonMinor = /*#__PURE__*/_react.default.forwardRef
     size: sizeContext,
     iconPosition: iconPositionContext,
     fullWidth: fullWidthContext
-  } = (0, _react.useContext)(_buttonBar.ButtonBarContext);
+  } = (0, _react.useContext)(_buttonBar.default);
   const buttonType = buttonTypeContext || buttonTypeProp;
   const size = sizeContext || sizeProp;
   const iconPosition = iconPositionContext || iconPositionProp;

package/lib/components/button-toggle/button-toggle-group/__internal__/button-toggle-group.context.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+declare type ButtonToggleGroupContextType = {
+    onButtonClick: (value: string) => void;
+    handleKeyDown: (ev: React.KeyboardEvent<HTMLButtonElement>) => void;
+    pressedButtonValue?: string;
+    onChange?: (ev: React.MouseEvent<HTMLButtonElement>, value?: string) => void;
+    allowDeselect?: boolean;
+    isInGroup: boolean;
+    isDisabled?: boolean;
+    firstButton?: HTMLButtonElement;
+    childButtonCallbackRef?: (button: HTMLButtonElement | null) => void;
+    /** Identifier for the hint text, if it exists, that is rendered by ButtonToggleGroup */
+    hintTextId?: string;
+};
+declare const _default: React.Context<ButtonToggleGroupContextType>;
+export default _default;

package/lib/components/button-toggle/button-toggle-group/__internal__/button-toggle-group.context.js

@@ -0,0 +1,16 @@
+"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({
+  onButtonClick: /* istanbul ignore next */() => {},
+  handleKeyDown: /* istanbul ignore next */() => {},
+  pressedButtonValue: undefined,
+  allowDeselect: false,
+  isInGroup: false,
+  isDisabled: false
+});

package/lib/components/button-toggle/button-toggle-group/button-toggle-group.component.d.ts

@@ -44,20 +44,6 @@ export interface ButtonToggleGroupProps extends MarginProps, TagProps {
      */
     className?: string;
 }
-declare type ButtonToggleGroupContextType = {
-    onButtonClick: (value: string) => void;
-    handleKeyDown: (ev: React.KeyboardEvent<HTMLButtonElement>) => void;
-    pressedButtonValue?: string;
-    onChange?: (ev: React.MouseEvent<HTMLButtonElement>, value?: string) => void;
-    allowDeselect?: boolean;
-    isInGroup: boolean;
-    isDisabled?: boolean;
-    firstButton?: HTMLButtonElement;
-    childButtonCallbackRef?: (button: HTMLButtonElement | null) => void;
-    /** Identifier for the hint text, if it exists, that is rendered by ButtonToggleGroup */
-    hintTextId?: string;
-};
-export declare const ButtonToggleGroupContext: React.Context<ButtonToggleGroupContextType>;
 declare const ButtonToggleGroup: {
     ({ children, fieldHelp, fieldHelpInline, "aria-label": ariaLabel, label, labelHelp, labelSpacing, inputHint, inputWidth, fullWidth, labelInline, labelWidth, onChange, value, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, id, allowDeselect, disabled, className, ...props }: ButtonToggleGroupProps): React.JSX.Element;
     displayName: string;

package/lib/components/button-toggle/button-toggle-group/button-toggle-group.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ButtonToggleGroupContext = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _invariant = _interopRequireDefault(require("invariant"));
@@ -15,20 +15,13 @@ var _utils = require("../../../style/utils");
 var _tooltipProvider = require("../../../__internal__/tooltip-provider");
 var _inputBehaviour = require("../../../__internal__/input-behaviour");
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
-var _carbonProvider = require("../../carbon-provider/carbon-provider.component");
+var _newValidation = _interopRequireDefault(require("../../carbon-provider/__internal__/new-validation.context"));
+var _buttonToggleGroup2 = _interopRequireDefault(require("./__internal__/button-toggle-group.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 BUTTON_TOGGLE_SELECTOR = '[data-element="button-toggle-button"]';
-const ButtonToggleGroupContext = exports.ButtonToggleGroupContext = /*#__PURE__*/(0, _react.createContext)({
-  onButtonClick: /* istanbul ignore next */() => {},
-  handleKeyDown: /* istanbul ignore next */() => {},
-  pressedButtonValue: undefined,
-  allowDeselect: false,
-  isInGroup: false,
-  isDisabled: false
-});
 const ButtonToggleGroup = ({
   children,
   fieldHelp,
@@ -67,7 +60,7 @@ const ButtonToggleGroup = ({
   const [pressedButtonValue, setPressedButtonValue] = (0, _react.useState)();
   const {
     validationRedesignOptIn
-  } = (0, _react.useContext)(_carbonProvider.NewValidationContext);
+  } = (0, _react.useContext)(_newValidation.default);
   const computeLabelPropValues = prop => validationRedesignOptIn ? undefined : prop;
   const onButtonClick = buttonValue => {
     let newValue = buttonValue;
@@ -135,7 +128,7 @@ const ButtonToggleGroup = ({
     id: id,
     labelAs: "span",
     disabled: disabled
-  }, (0, _utils.filterStyledSystemMarginProps)(props)), /*#__PURE__*/_react.default.createElement(ButtonToggleGroupContext.Provider, {
+  }, (0, _utils.filterStyledSystemMarginProps)(props)), /*#__PURE__*/_react.default.createElement(_buttonToggleGroup2.default.Provider, {
     value: {
       onButtonClick,
       handleKeyDown,