@atlaskit/editor-common 76.27.9 → 76.28.0

package/dist/types/media-inline/styles.d.ts

@@ -1,3 +1,14 @@
 export declare const INLINE_IMAGE_WRAPPER_CLASS_NAME = "media-inline-image-wrapper";
 export declare const INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY = "--editor-media-inline-image-aspect-ratio";
+export declare const INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY = "--editor-media-inline-image-border-size";
+export declare const INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY = "--editor-media-inline-image-border-color";
+/**
+ * Shifting the mediaInline image component (renders image) to align nicely with
+ * mediaInline (renders text) is a bit of a testing ground. This numbers represent
+ * shift in top and bottom and size adjustments to make up for lack of 1to1 size
+ * mapping
+ */
 export declare const mediaInlineImageStyles: import("@emotion/react").SerializedStyles;
+export declare const wrapperStyle: import("@emotion/react").SerializedStyles;
+export declare const selectedStyle: import("@emotion/react").SerializedStyles;
+export declare const borderStyle: import("@emotion/react").SerializedStyles;

package/dist/types/media-inline/types.d.ts

@@ -3,4 +3,6 @@ export type MediaInlineAttrs = {
     alt?: string;
     width?: number;
     height?: number;
+    borderSize?: number;
+    borderColor?: string;
 };

package/dist/types/styles/shared/annotation.d.ts

@@ -1,12 +1,11 @@
-import { ThemeProps } from '@atlaskit/theme/types';
 export declare const annotationPrefix = "ak-editor-annotation";
 export declare const AnnotationSharedClassNames: {
     focus: string;
     blur: string;
     draft: string;
 };
-export declare const AnnotationSharedCSSByState: (props: ThemeProps) => {
+export declare const AnnotationSharedCSSByState: () => {
     focus: import("@emotion/react").SerializedStyles;
     blur: import("@emotion/react").SerializedStyles;
 };
-export declare const annotationSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const annotationSharedStyles: () => import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/code-block.d.ts

@@ -1,4 +1,3 @@
-import { ThemeProps } from '@atlaskit/theme/types';
 export declare const CodeBlockSharedCssClassName: {
     CODEBLOCK_CONTAINER: string;
     CODEBLOCK_START: string;
@@ -8,5 +7,5 @@ export declare const CodeBlockSharedCssClassName: {
     CODEBLOCK_CONTENT: string;
     DS_CODEBLOCK: string;
 };
-export declare const codeBlockSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const codeBlockSharedStyles: () => import("@emotion/react").SerializedStyles;
 export declare const codeBlockInListSafariFix: import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/code-mark.d.ts

@@ -1,2 +1 @@
-import type { ThemeProps } from '@atlaskit/theme/types';
-export declare const codeMarkSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const codeMarkSharedStyles: () => import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/panel.d.ts

@@ -1,5 +1,4 @@
 import { PanelType } from '@atlaskit/adf-schema';
-import type { ThemeProps } from '@atlaskit/theme/types';
 export declare const darkPanelColors: {
     info: string;
     error: string;
@@ -79,7 +78,7 @@ export declare const PanelSharedSelectors: {
     yellowWarningIcon: string;
     copyButton: string;
 };
-export declare const getPanelTypeBackgroundNoTokens: (panelType: Exclude<PanelType, PanelType.CUSTOM>, props?: ThemeProps) => string;
-export declare const getPanelTypeBackground: (panelType: Exclude<PanelType, PanelType.CUSTOM>, props?: ThemeProps) => string;
-export declare const panelSharedStylesWithoutPrefix: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const panelSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const getPanelTypeBackgroundNoTokens: (panelType: Exclude<PanelType, PanelType.CUSTOM>) => string;
+export declare const getPanelTypeBackground: (panelType: Exclude<PanelType, PanelType.CUSTOM>) => string;
+export declare const panelSharedStylesWithoutPrefix: () => import("@emotion/react").SerializedStyles;
+export declare const panelSharedStyles: () => import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/rule.d.ts

@@ -1,2 +1 @@
-import { ThemeProps } from '@atlaskit/theme/types';
-export declare const ruleSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const ruleSharedStyles: () => import("@emotion/react").SerializedStyles;

package/dist/types/ui/BaseTheme/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Breakpoints } from '../WidthProvider';
+import type { Breakpoints } from '../WidthProvider';
 export declare function mapBreakpointToLayoutMaxWidth(breakpoint: Breakpoints): 760 | 680;
 type BaseThemeWrapperProps = {
     breakpoint: Breakpoints;

package/dist/types/ui/Expand/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { ThemeProps } from '@atlaskit/theme/types';
 export declare const messages: {
     collapseNode: {
         id: string;
@@ -35,8 +34,8 @@ export declare const ExpandIconWrapper: ({ children, expanded, }: React.HTMLAttr
 export declare const expandLayoutWrapperStyle: import("@emotion/react").SerializedStyles;
 export declare const ExpandLayoutWrapperWithRef: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<any>>;
 export declare const sharedExpandStyles: {
-    titleInputStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-    titleContainerStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-    containerStyles: (styleProps: StyleProps) => (themeProps: ThemeProps) => import("@emotion/react").SerializedStyles;
-    contentStyles: (styleProps: StyleProps) => (themeProps: ThemeProps) => import("@emotion/react").SerializedStyles;
+    titleInputStyles: () => import("@emotion/react").SerializedStyles;
+    titleContainerStyles: () => import("@emotion/react").SerializedStyles;
+    containerStyles: (styleProps: StyleProps) => () => import("@emotion/react").SerializedStyles;
+    contentStyles: (styleProps: StyleProps) => () => import("@emotion/react").SerializedStyles;
 };

package/dist/types/ui/Messages/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 interface Props {
     /** The content of the message */

package/dist/types/ui/PortalProvider/index.d.ts

@@ -1,13 +1,11 @@
 import React from 'react';
-import { IntlShape, WrappedComponentProps } from 'react-intl-next';
-import type { ThemeModes } from '@atlaskit/theme/types';
-import { FireAnalyticsCallback } from '../../analytics';
+import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
+import type { FireAnalyticsCallback } from '../../analytics';
 import { EventDispatcher } from '../../event-dispatcher';
 export type BasePortalProviderProps = {
     render: (portalProviderAPI: PortalProviderAPI) => React.ReactChild | JSX.Element | null;
     onAnalyticsEvent?: FireAnalyticsCallback;
     useAnalyticsContext?: boolean;
-    themeMode?: ThemeModes;
 } & WrappedComponentProps;
 export type Portals = Map<HTMLElement, React.ReactChild>;
 export type PortalRendererState = {
@@ -24,13 +22,11 @@ export declare class PortalProviderAPI extends EventDispatcher {
     intl: IntlShape;
     onAnalyticsEvent?: FireAnalyticsCallback;
     useAnalyticsContext?: boolean;
-    themeMode?: ThemeModes;
-    constructor(intl: IntlShape, onAnalyticsEvent?: FireAnalyticsCallback, analyticsContext?: boolean, themeMode?: ThemeModes);
+    constructor(intl: IntlShape, onAnalyticsEvent?: FireAnalyticsCallback, analyticsContext?: boolean);
     setContext: (context: any) => void;
     render(children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, hasAnalyticsContext?: boolean, hasIntlContext?: boolean): void;
-    forceUpdate({ intl, themeMode, }: {
+    forceUpdate({ intl }: {
         intl: IntlShape;
-        themeMode: ThemeModes | undefined;
     }): void;
     remove(container: HTMLElement): void;
 }

package/dist/types/utils/getModeFromTheme.d.ts

@@ -1 +1 @@
-export declare function getModeFromTheme(theme: string): "light" | "dark";
+export declare function getModeFromTheme(theme: string): "dark" | "light";

package/dist/types-ts4.5/media-inline/constants.d.ts

@@ -1,3 +1,22 @@
 export declare const DEFAULT_IMAGE_WIDTH = 250;
 export declare const DEFAULT_IMAGE_HEIGHT = 200;
 export declare const DEFAULT_INLINE_IMAGE_ASPECT_RATIO: number;
+export declare const DEFAULT_INLINE_IMAGE_BORDER_SIZE = 0;
+/**
+ * Reference Heights
+ *
+ * These heights enforce consistent sizes with media inline nodes due to
+ * inconsistencies with center aligned inline nodes and text.
+ *
+ * There is conversation about refactoring media inline nodes to conform to
+ * aligning correctly with the surrounding text.
+ */
+export declare const referenceHeights: {
+    p: number;
+    h1: number;
+    h2: number;
+    h3: number;
+    h4: number;
+    h5: number;
+    h6: number;
+};

package/dist/types-ts4.5/media-inline/inline-image-wrapper.d.ts

@@ -4,6 +4,8 @@ type Props = {
     children: ReactElement;
     isSelected?: boolean;
     aspectRatio?: number | string;
+    borderSize?: number;
+    borderColor?: string;
 };
 export declare const InlineImageWrapper: FC<Props>;
 export {};

package/dist/types-ts4.5/media-inline/media-inline-image-card.d.ts

@@ -8,6 +8,10 @@ export interface MediaInlineImageCardProps {
     mediaClient: MediaClient;
     isSelected?: boolean;
     isLazy?: boolean;
+    border?: {
+        borderSize?: number;
+        borderColor?: string;
+    };
 }
 export declare const MediaInlineImageCardInternal: FC<MediaInlineImageCardProps & WrappedComponentProps & MediaInlineAttrs>;
 export declare const MediaInlineImageCard: FC<MediaInlineImageCardProps & MediaInlineAttrs>;

package/dist/types-ts4.5/media-inline/styles.d.ts

@@ -1,3 +1,14 @@
 export declare const INLINE_IMAGE_WRAPPER_CLASS_NAME = "media-inline-image-wrapper";
 export declare const INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY = "--editor-media-inline-image-aspect-ratio";
+export declare const INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY = "--editor-media-inline-image-border-size";
+export declare const INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY = "--editor-media-inline-image-border-color";
+/**
+ * Shifting the mediaInline image component (renders image) to align nicely with
+ * mediaInline (renders text) is a bit of a testing ground. This numbers represent
+ * shift in top and bottom and size adjustments to make up for lack of 1to1 size
+ * mapping
+ */
 export declare const mediaInlineImageStyles: import("@emotion/react").SerializedStyles;
+export declare const wrapperStyle: import("@emotion/react").SerializedStyles;
+export declare const selectedStyle: import("@emotion/react").SerializedStyles;
+export declare const borderStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/media-inline/types.d.ts

@@ -3,4 +3,6 @@ export type MediaInlineAttrs = {
     alt?: string;
     width?: number;
     height?: number;
+    borderSize?: number;
+    borderColor?: string;
 };

package/dist/types-ts4.5/styles/shared/annotation.d.ts

@@ -1,12 +1,11 @@
-import { ThemeProps } from '@atlaskit/theme/types';
 export declare const annotationPrefix = "ak-editor-annotation";
 export declare const AnnotationSharedClassNames: {
     focus: string;
     blur: string;
     draft: string;
 };
-export declare const AnnotationSharedCSSByState: (props: ThemeProps) => {
+export declare const AnnotationSharedCSSByState: () => {
     focus: import("@emotion/react").SerializedStyles;
     blur: import("@emotion/react").SerializedStyles;
 };
-export declare const annotationSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const annotationSharedStyles: () => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/styles/shared/code-block.d.ts

@@ -1,4 +1,3 @@
-import { ThemeProps } from '@atlaskit/theme/types';
 export declare const CodeBlockSharedCssClassName: {
     CODEBLOCK_CONTAINER: string;
     CODEBLOCK_START: string;
@@ -8,5 +7,5 @@ export declare const CodeBlockSharedCssClassName: {
     CODEBLOCK_CONTENT: string;
     DS_CODEBLOCK: string;
 };
-export declare const codeBlockSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const codeBlockSharedStyles: () => import("@emotion/react").SerializedStyles;
 export declare const codeBlockInListSafariFix: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/styles/shared/code-mark.d.ts

@@ -1,2 +1 @@
-import type { ThemeProps } from '@atlaskit/theme/types';
-export declare const codeMarkSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const codeMarkSharedStyles: () => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/styles/shared/panel.d.ts

@@ -1,5 +1,4 @@
 import { PanelType } from '@atlaskit/adf-schema';
-import type { ThemeProps } from '@atlaskit/theme/types';
 export declare const darkPanelColors: {
     info: string;
     error: string;
@@ -79,7 +78,7 @@ export declare const PanelSharedSelectors: {
     yellowWarningIcon: string;
     copyButton: string;
 };
-export declare const getPanelTypeBackgroundNoTokens: (panelType: Exclude<PanelType, PanelType.CUSTOM>, props?: ThemeProps) => string;
-export declare const getPanelTypeBackground: (panelType: Exclude<PanelType, PanelType.CUSTOM>, props?: ThemeProps) => string;
-export declare const panelSharedStylesWithoutPrefix: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const panelSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const getPanelTypeBackgroundNoTokens: (panelType: Exclude<PanelType, PanelType.CUSTOM>) => string;
+export declare const getPanelTypeBackground: (panelType: Exclude<PanelType, PanelType.CUSTOM>) => string;
+export declare const panelSharedStylesWithoutPrefix: () => import("@emotion/react").SerializedStyles;
+export declare const panelSharedStyles: () => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/styles/shared/rule.d.ts

@@ -1,2 +1 @@
-import { ThemeProps } from '@atlaskit/theme/types';
-export declare const ruleSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const ruleSharedStyles: () => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/BaseTheme/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Breakpoints } from '../WidthProvider';
+import type { Breakpoints } from '../WidthProvider';
 export declare function mapBreakpointToLayoutMaxWidth(breakpoint: Breakpoints): 760 | 680;
 type BaseThemeWrapperProps = {
     breakpoint: Breakpoints;

package/dist/types-ts4.5/ui/Expand/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
-import type { ThemeProps } from '@atlaskit/theme/types';
 export declare const messages: {
     collapseNode: {
         id: string;
@@ -35,8 +34,8 @@ export declare const ExpandIconWrapper: ({ children, expanded, }: React.HTMLAttr
 export declare const expandLayoutWrapperStyle: import("@emotion/react").SerializedStyles;
 export declare const ExpandLayoutWrapperWithRef: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<any>>;
 export declare const sharedExpandStyles: {
-    titleInputStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-    titleContainerStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-    containerStyles: (styleProps: StyleProps) => (themeProps: ThemeProps) => import("@emotion/react").SerializedStyles;
-    contentStyles: (styleProps: StyleProps) => (themeProps: ThemeProps) => import("@emotion/react").SerializedStyles;
+    titleInputStyles: () => import("@emotion/react").SerializedStyles;
+    titleContainerStyles: () => import("@emotion/react").SerializedStyles;
+    containerStyles: (styleProps: StyleProps) => () => import("@emotion/react").SerializedStyles;
+    contentStyles: (styleProps: StyleProps) => () => import("@emotion/react").SerializedStyles;
 };

package/dist/types-ts4.5/ui/Messages/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 interface Props {
     /** The content of the message */

package/dist/types-ts4.5/ui/PortalProvider/index.d.ts

@@ -1,13 +1,11 @@
 import React from 'react';
-import { IntlShape, WrappedComponentProps } from 'react-intl-next';
-import type { ThemeModes } from '@atlaskit/theme/types';
-import { FireAnalyticsCallback } from '../../analytics';
+import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
+import type { FireAnalyticsCallback } from '../../analytics';
 import { EventDispatcher } from '../../event-dispatcher';
 export type BasePortalProviderProps = {
     render: (portalProviderAPI: PortalProviderAPI) => React.ReactChild | JSX.Element | null;
     onAnalyticsEvent?: FireAnalyticsCallback;
     useAnalyticsContext?: boolean;
-    themeMode?: ThemeModes;
 } & WrappedComponentProps;
 export type Portals = Map<HTMLElement, React.ReactChild>;
 export type PortalRendererState = {
@@ -24,13 +22,11 @@ export declare class PortalProviderAPI extends EventDispatcher {
     intl: IntlShape;
     onAnalyticsEvent?: FireAnalyticsCallback;
     useAnalyticsContext?: boolean;
-    themeMode?: ThemeModes;
-    constructor(intl: IntlShape, onAnalyticsEvent?: FireAnalyticsCallback, analyticsContext?: boolean, themeMode?: ThemeModes);
+    constructor(intl: IntlShape, onAnalyticsEvent?: FireAnalyticsCallback, analyticsContext?: boolean);
     setContext: (context: any) => void;
     render(children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, hasAnalyticsContext?: boolean, hasIntlContext?: boolean): void;
-    forceUpdate({ intl, themeMode, }: {
+    forceUpdate({ intl }: {
         intl: IntlShape;
-        themeMode: ThemeModes | undefined;
     }): void;
     remove(container: HTMLElement): void;
 }

package/dist/types-ts4.5/utils/getModeFromTheme.d.ts

@@ -1 +1 @@
-export declare function getModeFromTheme(theme: string): "light" | "dark";
+export declare function getModeFromTheme(theme: string): "dark" | "light";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "76.27.9",
+  "version": "76.28.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -122,7 +122,7 @@
     "@atlaskit/task-decision": "^17.9.0",
     "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.30.0",
+    "@atlaskit/tokens": "^1.31.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.1.0",

package/dist/cjs/ui/PortalProvider/PortalProviderThemesProvider.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PortalProviderThemeProviders = PortalProviderThemeProviders;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _components = _interopRequireDefault(require("@atlaskit/theme/components"));
-var _constants = require("@atlaskit/theme/constants");
-function PortalProviderThemeProviders(props) {
-  var children = props.children,
-    mode = props.mode;
-  var styledComponentsAndEmotionTheme = _react.default.useMemo(
-  // This return value should only be one of the following
-  // - { [CHANNEL]: { mode },
-  // - { theme: { [CHANNEL]: { mode } }
-  // However, it appears that consumers have inconsistent expectations
-  // regarding the shape.
-  // This can be revisited in future work, and for the purposes of
-  // fixing https://product-fabric.atlassian.net/browse/ED-14956
-  // we are merging the two shapes consumers expect.
-  function () {
-    var _ref;
-    return _ref = {}, (0, _defineProperty2.default)(_ref, _constants.CHANNEL, {
-      mode: mode
-    }), (0, _defineProperty2.default)(_ref, "theme", (0, _defineProperty2.default)({}, _constants.CHANNEL, {
-      mode: mode
-    })), _ref;
-  }, [mode]);
-  var atlaskitTheme = _react.default.useCallback(function () {
-    return {
-      mode: mode
-    };
-  }, [mode]);
-  return /*#__PURE__*/_react.default.createElement(_react2.ThemeProvider, {
-    theme: styledComponentsAndEmotionTheme
-  }, /*#__PURE__*/_react.default.createElement(_components.default.Provider, {
-    value: atlaskitTheme
-  }, children));
-}

package/dist/es2019/ui/PortalProvider/PortalProviderThemesProvider.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { ThemeProvider } from '@emotion/react';
-import AtlaskitTheme from '@atlaskit/theme/components';
-import { CHANNEL } from '@atlaskit/theme/constants';
-export function PortalProviderThemeProviders(props) {
-  const {
-    children,
-    mode
-  } = props;
-  const styledComponentsAndEmotionTheme = React.useMemo(
-  // This return value should only be one of the following
-  // - { [CHANNEL]: { mode },
-  // - { theme: { [CHANNEL]: { mode } }
-  // However, it appears that consumers have inconsistent expectations
-  // regarding the shape.
-  // This can be revisited in future work, and for the purposes of
-  // fixing https://product-fabric.atlassian.net/browse/ED-14956
-  // we are merging the two shapes consumers expect.
-  () => ({
-    [CHANNEL]: {
-      mode
-    },
-    theme: {
-      [CHANNEL]: {
-        mode
-      }
-    }
-  }), [mode]);
-  const atlaskitTheme = React.useCallback(() => ({
-    mode
-  }), [mode]);
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: styledComponentsAndEmotionTheme
-  }, /*#__PURE__*/React.createElement(AtlaskitTheme.Provider, {
-    value: atlaskitTheme
-  }, children));
-}

package/dist/esm/ui/PortalProvider/PortalProviderThemesProvider.js

@@ -1,36 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import { ThemeProvider } from '@emotion/react';
-import AtlaskitTheme from '@atlaskit/theme/components';
-import { CHANNEL } from '@atlaskit/theme/constants';
-export function PortalProviderThemeProviders(props) {
-  var children = props.children,
-    mode = props.mode;
-  var styledComponentsAndEmotionTheme = React.useMemo(
-  // This return value should only be one of the following
-  // - { [CHANNEL]: { mode },
-  // - { theme: { [CHANNEL]: { mode } }
-  // However, it appears that consumers have inconsistent expectations
-  // regarding the shape.
-  // This can be revisited in future work, and for the purposes of
-  // fixing https://product-fabric.atlassian.net/browse/ED-14956
-  // we are merging the two shapes consumers expect.
-  function () {
-    var _ref;
-    return _ref = {}, _defineProperty(_ref, CHANNEL, {
-      mode: mode
-    }), _defineProperty(_ref, "theme", _defineProperty({}, CHANNEL, {
-      mode: mode
-    })), _ref;
-  }, [mode]);
-  var atlaskitTheme = React.useCallback(function () {
-    return {
-      mode: mode
-    };
-  }, [mode]);
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: styledComponentsAndEmotionTheme
-  }, /*#__PURE__*/React.createElement(AtlaskitTheme.Provider, {
-    value: atlaskitTheme
-  }, children));
-}

package/dist/types/ui/PortalProvider/PortalProviderThemesProvider.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { ThemeModes } from '@atlaskit/theme/types';
-export declare function PortalProviderThemeProviders(props: {
-    mode: ThemeModes;
-    children: React.ReactNode;
-}): JSX.Element;

package/dist/types-ts4.5/ui/PortalProvider/PortalProviderThemesProvider.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { ThemeModes } from '@atlaskit/theme/types';
-export declare function PortalProviderThemeProviders(props: {
-    mode: ThemeModes;
-    children: React.ReactNode;
-}): JSX.Element;