@atlaskit/editor-common 76.27.9 → 76.27.10

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.27.10",
   "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;