carbon-react 138.2.2 → 140.0.0

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

@@ -1,12 +1,6 @@
 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 {
+export interface ModalProps extends Omit<TagProps, "data-component"> {
     /** Custom class name  */
     className?: string;
     /** Modal content */
@@ -28,5 +22,5 @@ export interface ModalProps extends TagProps {
     /** Manually override the internal modal stacking order to set this as top */
     topModalOverride?: boolean;
 }
-declare const Modal: ({ children, open, onCancel, disableEscKey, disableClose, enableBackgroundUI, timeout, topModalOverride, ...rest }: ModalProps) => React.JSX.Element;
+declare const Modal: ({ children, "data-element": dataElement, "data-role": dataRole, open, onCancel, disableEscKey, disableClose, enableBackgroundUI, timeout, topModalOverride, ...rest }: ModalProps) => React.JSX.Element;
 export default Modal;

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

@@ -7,9 +7,11 @@ import Portal from "../portal";
 import Events from "../../__internal__/utils/helpers/events";
 import useModalManager from "../../hooks/__internal__/useModalManager";
 import { StyledModal, StyledModalBackground } from "./modal.style";
-export const ModalContext = /*#__PURE__*/React.createContext({});
+import ModalContext from "./__internal__/modal.context";
 const Modal = ({
   children,
+  "data-element": dataElement,
+  "data-role": dataRole = "modal",
   open,
   onCancel,
   disableEscKey = false,
@@ -70,6 +72,9 @@ const Modal = ({
     content = children;
   }
   return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(StyledModal, _extends({
+    "data-component": "modal",
+    "data-element": dataElement,
+    "data-role": dataRole,
     "data-state": open ? "open" : "closed",
     transitionName: "modal",
     transitionTime: timeout,

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

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

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

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

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

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

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

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

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

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

package/esm/components/numeral-date/numeral-date.component.js

@@ -15,8 +15,8 @@ import useLocale from "../../hooks/__internal__/useLocale";
 import FormField from "../../__internal__/form-field";
 import { InputGroupBehaviour } from "../../__internal__/input-behaviour";
 import { TooltipProvider } from "../../__internal__/tooltip-provider";
-import { NewValidationContext } from "../carbon-provider/carbon-provider.component";
-import NumeralDateContext from "./numeral-date-context";
+import NewValidationContext from "../carbon-provider/__internal__/new-validation.context";
+import NumeralDateContext from "./__internal__/numeral-date.context";
 import FormSpacingProvider from "../../__internal__/form-spacing-provider";
 import Logger from "../../__internal__/utils/logger";
 let deprecateUncontrolledWarnTriggered = false;

package/esm/components/pill/pill.style.js

@@ -4,6 +4,7 @@ import { margin } from "styled-system";
 import styleConfig from "./pill.style.config";
 import { baseTheme } from "../../style/themes";
 import StyledIcon from "../icon/icon.style";
+import StyledIconButton from "../icon-button/icon-button.style";
 import { toColor } from "../../style/utils/color";
 import getColorValue from "../../style/utils/get-color-value";
 const StyledPill = styled.span`
@@ -45,7 +46,7 @@ const StyledPill = styled.span`
     }
   } catch (e) {
     // eslint-disable-next-line no-console
-    console.error(e);
+    console.error(`Error: [Pill] - Could not parse the string '${borderColor}', please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.`);
   }
   return css`
       font-size: 12px;
@@ -126,7 +127,7 @@ const StyledPill = styled.span`
       `}
 
       ${isDeletable && css`
-        button {
+        ${StyledIconButton} {
           -webkit-appearance: none;
           ${!theme.roundedCornersOptOut && css`
             border-radius: var(--borderRadius000);
@@ -187,7 +188,7 @@ const StyledPill = styled.span`
         ${size === "S" && css`
           padding: 0 22px 0 8px;
 
-          button {
+          ${StyledIconButton} {
             padding: 0;
             line-height: 16px;
 
@@ -207,7 +208,7 @@ const StyledPill = styled.span`
         ${size === "M" && css`
           padding: 0 28px 0 8px;
 
-          button {
+          ${StyledIconButton} {
             width: 24px;
             padding: 0;
             line-height: 15px;
@@ -221,7 +222,7 @@ const StyledPill = styled.span`
         ${size === "L" && css`
           padding: 0 32px 0 8px;
 
-          button {
+          ${StyledIconButton} {
             width: 28px;
             padding: 0;
             line-height: 16px;
@@ -235,7 +236,7 @@ const StyledPill = styled.span`
         ${size === "XL" && css`
           padding: 0 36px 0 12px;
 
-          button {
+          ${StyledIconButton} {
             width: 32px;
             padding: 0;
             line-height: 18px;

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

@@ -12,7 +12,7 @@ import { filterStyledSystemPaddingProps } from "../../style/utils";
 import useClickAwayListener from "../../hooks/__internal__/useClickAwayListener";
 import Events from "../../__internal__/utils/helpers/events";
 import FocusTrap from "../../__internal__/focus-trap";
-import { ModalContext } from "../modal";
+import ModalContext from "../modal/__internal__/modal.context";
 import useFocusPortalContent from "../../hooks/__internal__/useFocusPortalContent";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 export const renderOpen = ({

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

@@ -0,0 +1,6 @@
+import React from "react";
+export interface PortalContextProps {
+    renderInRoot?: boolean;
+}
+declare const _default: React.Context<PortalContextProps>;
+export default _default;

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

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

package/esm/components/portal/portal.d.ts

@@ -1,8 +1,4 @@
 import React from "react";
-interface PortalContextProps {
-    renderInRoot?: boolean;
-}
-export declare const PortalContext: React.Context<PortalContextProps>;
 export interface PortalProps {
     /** The content of the portal. */
     children?: React.ReactNode;

package/esm/components/portal/portal.js

@@ -4,7 +4,7 @@ import styled, { css } from "styled-components";
 import guid from "../../__internal__/utils/helpers/guid";
 import CarbonScopedTokensProvider from "../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component";
 import StyledPortalEntrance from "./portal.style";
-export const PortalContext = /*#__PURE__*/React.createContext({});
+import PortalContext from "./__internal__/portal.context";
 const Container = styled.div`
   ${({
   theme

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

@@ -8,7 +8,7 @@ import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { PORTRAIT_SIZE_PARAMS } from "./portrait.config";
 import { StyledCustomImg, StyledIcon, StyledPortraitContainer, StyledPortraitInitials, StyledPortraitGravatar } from "./portrait.style";
 import { filterStyledSystemMarginProps } from "../../style/utils";
-import { NewValidationContext as RoundedCornersOptOutContext } from "../carbon-provider/carbon-provider.component";
+import RoundedCornersOptOutContext from "../carbon-provider/__internal__/new-validation.context";
 const Portrait = ({
   alt,
   name,

package/esm/components/radio-button/radio-button-group/radio-button-group.component.js

@@ -9,7 +9,7 @@ import useIsAboveBreakpoint from "../../../hooks/__internal__/useIsAboveBreakpoi
 import { filterStyledSystemMarginProps } from "../../../style/utils";
 import { TooltipProvider } from "../../../__internal__/tooltip-provider";
 import Logger from "../../../__internal__/utils/logger";
-import { NewValidationContext } from "../../carbon-provider/carbon-provider.component";
+import NewValidationContext from "../../carbon-provider/__internal__/new-validation.context";
 import ValidationMessage from "../../../__internal__/validation-message/validation-message.component";
 import Box from "../../box";
 import { ErrorBorder } from "../../textbox/textbox.style";

package/esm/components/radio-button/radio-button.component.js

@@ -7,7 +7,7 @@ import CheckableInput from "../../__internal__/checkable-input/checkable-input.c
 import RadioButtonSvg from "./radio-button-svg.component";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import { TooltipProvider } from "../../__internal__/tooltip-provider";
-import { NewValidationContext } from "../carbon-provider/carbon-provider.component";
+import NewValidationContext from "../carbon-provider/__internal__/new-validation.context";
 const RadioButton = /*#__PURE__*/React.forwardRef(({
   autoFocus,
   checked,

package/esm/components/select/{list-action-button → __internal__/list-action-button}/list-action-button.component.js

@@ -1,8 +1,8 @@
 import React from "react";
 import PropTypes from "prop-types";
 import StyledListActionButtonWrapper from "./list-action-button.style";
-import useLocale from "../../../hooks/__internal__/useLocale";
-import Button from "../../button";
+import useLocale from "../../../../hooks/__internal__/useLocale";
+import Button from "../../../button";
 const ListActionButton = /*#__PURE__*/React.forwardRef(({
   listActionButton,
   onListAction

package/esm/components/select/{list-action-button → __internal__/list-action-button}/list-action-button.style.js

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import StyledButton from "../../button/button.style";
+import StyledButton from "../../../button/button.style";
 const StyledListActionButtonWrapper = styled.div`
   padding-top: var(--spacing100);
   padding-bottom: var(--spacing100);

package/esm/components/select/{select-list → __internal__/select-list}/select-list.component.js

@@ -4,19 +4,19 @@ import PropTypes from "prop-types";
 import { flip, offset, size } from "@floating-ui/dom";
 import { useVirtualizer, defaultRangeExtractor } from "@tanstack/react-virtual";
 import findLastIndex from "lodash/findLastIndex";
-import usePrevious from "../../../hooks/__internal__/usePrevious";
-import useScrollBlock from "../../../hooks/__internal__/useScrollBlock";
-import useModalManager from "../../../hooks/__internal__/useModalManager";
+import usePrevious from "../../../../hooks/__internal__/usePrevious";
+import useScrollBlock from "../../../../hooks/__internal__/useScrollBlock";
+import useModalManager from "../../../../hooks/__internal__/useModalManager";
 import { StyledSelectList, StyledSelectLoaderContainer, StyledSelectListTable, StyledSelectListTableHeader, StyledSelectListTableBody, StyledSelectListContainer, StyledScrollableContainer } from "./select-list.style";
-import Popover from "../../../__internal__/popover";
-import OptionRow from "../option-row/option-row.component";
+import Popover from "../../../../__internal__/popover";
+import OptionRow from "../../option-row/option-row.component";
 import getNextChildByText from "../utils/get-next-child-by-text";
 import getNextIndexByKey from "../utils/get-next-index-by-key";
 import isNavigationKey from "../utils/is-navigation-key";
 import ListActionButton from "../list-action-button";
-import Loader from "../../loader";
-import Option from "../option";
-import SelectListContext from "../__internal__/select-list-context";
+import Loader from "../../../loader";
+import Option from "../../option";
+import SelectListContext from "./select-list.context";
 const TABLE_HEADER_HEIGHT = 48;
 const SCROLL_OPTIONS = {
   behavior: "auto",

package/esm/components/select/{select-list → __internal__/select-list}/select-list.style.js

@@ -1,5 +1,5 @@
 import styled, { css } from "styled-components";
-import { baseTheme } from "../../../style/themes";
+import { baseTheme } from "../../../../style/themes";
 const StyledSelectList = styled.ul`
   ${({
   listHeight

package/esm/components/select/__internal__/select-text/select-text.component.d.ts

@@ -4,16 +4,8 @@ export interface SelectTextProps {
     disabled?: boolean;
     /** Value to be displayed */
     formattedValue?: string;
-    /** Label id passed from Select component  */
-    labelId?: string;
-    /** If true, the list is displayed */
-    isOpen?: boolean;
-    /** Callback function for when the Select Textbox loses it's focus. */
-    onBlur?: (ev: React.FocusEvent<HTMLElement>) => void;
     /** Callback function for when the component is clicked. */
     onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
-    /** Callback function for when the Select Textbox is focused. */
-    onFocus?: (ev: React.FocusEvent<HTMLElement>) => void;
     /** Callback function for when the key is pressed when focused on Select Text. */
     /** Callback function for when the left mouse key is pressed when focused on Select Text. */
     onMouseDown?: (ev: React.MouseEvent<HTMLElement>) => void;

package/{lib/components/select → esm/components/select/__internal__}/select-textbox/select-textbox.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { CommonTextboxProps } from "../../textbox";
-import { ValidationProps } from "../../../__internal__/validations";
-import { CustomSelectChangeEvent } from "../simple-select/simple-select.component";
+import { CommonTextboxProps } from "../../../textbox";
+import { ValidationProps } from "../../../../__internal__/validations";
+import { CustomSelectChangeEvent } from "../../simple-select/simple-select.component";
 export interface FormInputPropTypes extends ValidationProps, Omit<CommonTextboxProps, "onClick" | "onChange"> {
     /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
     adaptiveLabelBreakpoint?: number;

package/esm/components/select/{select-textbox → __internal__/select-textbox}/select-textbox.component.js

@@ -2,11 +2,11 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useMemo } from "react";
 import PropTypes from "prop-types";
 import { offset, size as sizeMiddleware } from "@floating-ui/dom";
-import useFloating from "../../../hooks/__internal__/useFloating";
-import Textbox from "../../textbox";
-import SelectText from "../__internal__/select-text";
-import useLocale from "../../../hooks/__internal__/useLocale";
-import { SelectTextboxContext } from "./select-textbox-context";
+import useFloating from "../../../../hooks/__internal__/useFloating";
+import Textbox from "../../../textbox";
+import SelectText from "../select-text";
+import useLocale from "../../../../hooks/__internal__/useLocale";
+import { SelectTextboxContext } from "./select-textbox.context";
 const floatingMiddleware = [offset(({
   rects
 }) => ({

package/esm/components/select/{utils → __internal__/utils}/is-expected-option.js

@@ -1,5 +1,5 @@
-import Option from "../option";
-import OptionRow from "../option-row/option-row.component";
+import Option from "../../option";
+import OptionRow from "../../option-row/option-row.component";
 import isExpectedValue from "./is-expected-value";
 export default function isExpectedOption(element, expectedValue) {
   if (element.type !== Option && element.type !== OptionRow) {

package/esm/components/select/{utils → __internal__/utils}/with-filter.hoc.js

@@ -1,10 +1,10 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useCallback } from "react";
-import useLocale from "../../../hooks/__internal__/useLocale";
-import StyledOptionRow from "../option-row/option-row.style";
-import StyledOption from "../option/option.style";
-import Option from "../option";
-import OptionRow from "../option-row/option-row.component";
+import useLocale from "../../../../hooks/__internal__/useLocale";
+import StyledOptionRow from "../../option-row/option-row.style";
+import StyledOption from "../../option/option.style";
+import Option from "../../option";
+import OptionRow from "../../option-row/option-row.component";
 import highlightPartOfText from "./highlight-part-of-text";
 const filterOptions = (option, filterText) => {
   const processedText = option.props.text?.toLowerCase();

package/esm/components/select/filterable-select/filterable-select.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { Side } from "@floating-ui/dom";
 import { ButtonProps } from "../../button";
-import { FormInputPropTypes } from "../select-textbox";
+import { FormInputPropTypes } from "../__internal__/select-textbox";
 export interface FilterableSelectProps extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
     /** Prop to specify the aria-label attribute of the component input */
     "aria-label"?: string;

package/esm/components/select/filterable-select/filterable-select.component.js

@@ -3,13 +3,13 @@ import React, { useState, useEffect, useRef, useCallback } from "react";
 import PropTypes from "prop-types";
 import invariant from "invariant";
 import { filterOutStyledSystemSpacingProps } from "../../../style/utils";
-import SelectTextbox from "../select-textbox";
+import SelectTextbox from "../__internal__/select-textbox";
 import guid from "../../../__internal__/utils/helpers/guid";
-import withFilter from "../utils/with-filter.hoc";
+import withFilter from "../__internal__/utils/with-filter.hoc";
 import StyledSelect from "../select.style";
-import SelectList from "../select-list/select-list.component";
-import isExpectedOption from "../utils/is-expected-option";
-import isNavigationKey from "../utils/is-navigation-key";
+import SelectList from "../__internal__/select-list/select-list.component";
+import isExpectedOption from "../__internal__/utils/is-expected-option";
+import isNavigationKey from "../__internal__/utils/is-navigation-key";
 import Logger from "../../../__internal__/utils/logger";
 import useStableCallback from "../../../hooks/__internal__/useStableCallback";
 import useFormSpacing from "../../../hooks/__internal__/useFormSpacing";

package/esm/components/select/multi-select/multi-select.component.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Side } from "@floating-ui/dom";
-import { FormInputPropTypes } from "../select-textbox";
+import { FormInputPropTypes } from "../__internal__/select-textbox";
 export interface MultiSelectProps extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
     /** Prop to specify the aria-label attribute of the component input */
     "aria-label"?: string;

package/esm/components/select/multi-select/multi-select.component.js

@@ -3,15 +3,15 @@ import React, { useState, useEffect, useRef, useCallback, useMemo } from "react"
 import PropTypes from "prop-types";
 import invariant from "invariant";
 import { filterOutStyledSystemSpacingProps } from "../../../style/utils";
-import SelectTextbox from "../select-textbox";
+import SelectTextbox from "../__internal__/select-textbox";
 import guid from "../../../__internal__/utils/helpers/guid";
-import withFilter from "../utils/with-filter.hoc";
-import SelectList from "../select-list/select-list.component";
+import withFilter from "../__internal__/utils/with-filter.hoc";
+import SelectList from "../__internal__/select-list/select-list.component";
 import { StyledSelectPillContainer, StyledSelectMultiSelect, StyledAccessibilityLabelContainer } from "./multi-select.style";
 import Pill from "../../pill";
-import isExpectedOption from "../utils/is-expected-option";
-import isExpectedValue from "../utils/is-expected-value";
-import isNavigationKey from "../utils/is-navigation-key";
+import isExpectedOption from "../__internal__/utils/is-expected-option";
+import isExpectedValue from "../__internal__/utils/is-expected-value";
+import isNavigationKey from "../__internal__/utils/is-navigation-key";
 import Logger from "../../../__internal__/utils/logger";
 import useStableCallback from "../../../hooks/__internal__/useStableCallback";
 import useFormSpacing from "../../../hooks/__internal__/useFormSpacing";

package/esm/components/select/option/option.component.js

@@ -3,7 +3,7 @@ import React, { useContext, useRef } from "react";
 import PropTypes from "prop-types";
 import guid from "../../../__internal__/utils/helpers/guid";
 import StyledOption from "./option.style";
-import SelectListContext from "../__internal__/select-list-context";
+import SelectListContext from "../__internal__/select-list/select-list.context";
 const Option = /*#__PURE__*/React.forwardRef(({
   text,
   children,

package/esm/components/select/option-row/option-row.component.js

@@ -3,7 +3,7 @@ import React, { useContext, useRef } from "react";
 import PropTypes from "prop-types";
 import guid from "../../../__internal__/utils/helpers/guid";
 import StyledOptionRow from "./option-row.style";
-import SelectListContext from "../__internal__/select-list-context";
+import SelectListContext from "../__internal__/select-list/select-list.context";
 const OptionRow = /*#__PURE__*/React.forwardRef(({
   id,
   text,

package/esm/components/select/simple-select/simple-select.component.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Side } from "@floating-ui/dom";
-import { FormInputPropTypes } from "../select-textbox";
+import { FormInputPropTypes } from "../__internal__/select-textbox";
 export interface OptionData {
     text?: string;
     value?: string | Record<string, unknown>;

package/esm/components/select/simple-select/simple-select.component.js

@@ -4,12 +4,12 @@ import PropTypes from "prop-types";
 import invariant from "invariant";
 import { filterOutStyledSystemSpacingProps } from "../../../style/utils";
 import StyledSelect from "../select.style";
-import SelectTextbox from "../select-textbox";
-import SelectList from "../select-list/select-list.component";
+import SelectTextbox from "../__internal__/select-textbox";
+import SelectList from "../__internal__/select-list/select-list.component";
 import guid from "../../../__internal__/utils/helpers/guid";
-import getNextChildByText from "../utils/get-next-child-by-text";
-import isExpectedOption from "../utils/is-expected-option";
-import isNavigationKey from "../utils/is-navigation-key";
+import getNextChildByText from "../__internal__/utils/get-next-child-by-text";
+import isExpectedOption from "../__internal__/utils/is-expected-option";
+import isNavigationKey from "../__internal__/utils/is-navigation-key";
 import Logger from "../../../__internal__/utils/logger";
 import useFormSpacing from "../../../hooks/__internal__/useFormSpacing";
 import useInputAccessibility from "../../../hooks/__internal__/useInputAccessibility/useInputAccessibility";

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

@@ -0,0 +1,6 @@
+import React from "react";
+export interface SidebarContextProps {
+    isInSidebar?: boolean;
+}
+declare const _default: React.Context<SidebarContextProps>;
+export default _default;

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

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

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

@@ -1,2 +1,2 @@
-export { default, SidebarContext } from "./sidebar.component";
+export { default } from "./sidebar.component";
 export type { SidebarProps } from "./sidebar.component";

package/esm/components/sidebar/index.js

@@ -1 +1 @@
-export { default, SidebarContext } from "./sidebar.component";
+export { default } from "./sidebar.component";

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

@@ -5,10 +5,6 @@ import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 declare type CustomRefObject<T> = {
     current?: T | null;
 };
-export interface SidebarContextProps {
-    isInSidebar?: boolean;
-}
-export declare const SidebarContext: React.Context<SidebarContextProps>;
 export interface SidebarProps extends PaddingProps, TagProps, WidthProps, Pick<ModalProps, "topModalOverride"> {
     /** Prop to specify the aria-describedby property of the component */
     "aria-describedby"?: string;

package/esm/components/sidebar/sidebar.component.js

@@ -12,10 +12,10 @@ import createGuid from "../../__internal__/utils/helpers/guid";
 import useLocale from "../../hooks/__internal__/useLocale";
 import { filterStyledSystemPaddingProps } from "../../style/utils";
 import useModalAria from "../../hooks/__internal__/useModalAria/useModalAria";
+import SidebarContext from "./__internal__/sidebar.context";
 
 // TODO FE-5408 will investigate why React.RefObject<T> produces a failed prop type when current = null
 
-export const SidebarContext = /*#__PURE__*/React.createContext({});
 const Sidebar = /*#__PURE__*/React.forwardRef(({
   "aria-describedby": ariaDescribedBy,
   "aria-label": ariaLabel,

package/esm/components/switch/switch.component.js

@@ -7,7 +7,7 @@ import useIsAboveBreakpoint from "../../hooks/__internal__/useIsAboveBreakpoint"
 import { TooltipProvider } from "../../__internal__/tooltip-provider";
 import Logger from "../../__internal__/utils/logger";
 import useFormSpacing from "../../hooks/__internal__/useFormSpacing";
-import { NewValidationContext } from "../carbon-provider/carbon-provider.component";
+import NewValidationContext from "../carbon-provider/__internal__/new-validation.context";
 import ValidationMessage from "../../__internal__/validation-message/validation-message.component";
 import Box from "../box";
 import Label from "../../__internal__/label";

package/esm/components/tabs/__internal__/tab-title/index.d.ts

@@ -1,2 +1,2 @@
-export { default, TabTitleContext } from "./tab-title.component";
+export { default } from "./tab-title.component";
 export type { TabTitleProps } from "./tab-title.component";

package/esm/components/tabs/__internal__/tab-title/index.js

@@ -1 +1 @@
-export { default, TabTitleContext } from "./tab-title.component";
+export { default } from "./tab-title.component";

package/esm/components/tabs/__internal__/tab-title/tab-title.component.d.ts

@@ -1,7 +1,4 @@
 import React from "react";
-interface TabTitleContextProps {
-    isInTab?: boolean;
-}
 export interface TabTitleProps {
     /** Identifier used for testing purposes */
     "data-role"?: string;
@@ -33,6 +30,5 @@ export interface TabTitleProps {
     onClick: (ev: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
     onKeyDown: (ev: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
 }
-export declare const TabTitleContext: React.Context<TabTitleContextProps>;
 declare const TabTitle: React.ForwardRefExoticComponent<TabTitleProps & React.RefAttributes<HTMLElement>>;
 export default TabTitle;

package/esm/components/tabs/__internal__/tab-title/tab-title.component.js

@@ -7,7 +7,7 @@ import ValidationIcon from "../../../../__internal__/validations/validation-icon
 import Icon from "../../../icon";
 import Events from "../../../../__internal__/utils/helpers/events";
 import { TooltipProvider } from "../../../../__internal__/tooltip-provider";
-export const TabTitleContext = /*#__PURE__*/React.createContext({});
+import TabTitleContext from "./tab-title.context";
 const TabTitle = /*#__PURE__*/React.forwardRef(({
   isTabSelected,
   dataTabId,

package/esm/components/tabs/__internal__/tab-title/tab-title.context.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface TabTitleContextProps {
+    isInTab?: boolean;
+}
+declare const _default: React.Context<TabTitleContextProps>;
+export default _default;

package/esm/components/tabs/__internal__/tab-title/tab-title.context.js

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

package/esm/components/tabs/tab/__internal__/tab.context.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface TabContextProps {
+    setError?: (childId: string, error?: boolean | string) => void;
+    setWarning?: (childId: string, warning?: boolean | string) => void;
+    setInfo?: (childId: string, info?: boolean | string) => void;
+}
+declare const _default: React.Context<TabContextProps>;
+export default _default;

package/esm/components/tabs/tab/__internal__/tab.context.js

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

package/esm/components/tabs/tab/index.d.ts

@@ -1,2 +1,2 @@
-export { default, TabContext } from "./tab.component";
-export type { TabProps, TabContextProps } from "./tab.component";
+export { default } from "./tab.component";
+export type { TabProps } from "./tab.component";