@atlaskit/editor-core 162.0.2 → 164.0.1

package/dist/types/plugins/extension/ui/Extension/Extension/index.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { Node as PmNode } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
@@ -33,7 +34,7 @@ declare const _default: {
         handleContainer: (container: HTMLElement | null) => void;
         render(): JSX.Element;
         context: any;
-        setState<K extends "showLeftShadow" | "showRightShadow">(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
         readonly props: Readonly<Props> & Readonly<{
             children?: React.ReactNode;
@@ -71,7 +72,7 @@ declare const _default: {
         handleContainer: (container: HTMLElement | null) => void;
         render(): JSX.Element;
         context: any;
-        setState<K_1 extends "showLeftShadow" | "showRightShadow">(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;
+        setState<K_1 extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
         readonly props: Readonly<Props> & Readonly<{
             children?: React.ReactNode;

package/dist/types/plugins/extension/ui/Extension/Extension/styles.d.ts

@@ -1,12 +1,6 @@
-/// <reference types="react" />
+import { ThemeProps } from '@atlaskit/theme/types';
 export declare const widerLayoutClassName = "wider-layout";
-export declare const Wrapper: import("styled-components").StyledComponentClass<import("react").HTMLAttributes<{}> & {
-    extensionWidth: String;
-}, any, Pick<import("react").HTMLAttributes<{}>, "dir" | "slot" | "style" | "title" | "aria-label" | "aria-haspopup" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css"> & {
-    theme?: any;
-} & {
-    extensionWidth: String;
-}>;
-export declare const Header: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const Content: import("styled-components").StyledComponentClass<(import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").CustomThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").NoThemeProps), any, (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").CustomThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme").NoThemeProps)>;
-export declare const ContentWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const wrapperStyle: (theme: ThemeProps, extensionWidth: string) => import("@emotion/react").SerializedStyles;
+export declare const header: import("@emotion/react").SerializedStyles;
+export declare const content: (theme: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const contentWrapper: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/extension/ui/Extension/InlineExtension/index.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { Component } from 'react';
 import { Node as PmNode } from 'prosemirror-model';
 export interface Props {
@@ -6,5 +8,5 @@ export interface Props {
     children?: React.ReactNode;
 }
 export default class InlineExtension extends Component<Props, any> {
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

package/dist/types/plugins/extension/ui/Extension/InlineExtension/styles.d.ts

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

package/dist/types/plugins/extension/ui/Extension/Lozenge.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { Component } from 'react';
 import { Node as PmNode } from 'prosemirror-model';
 export declare const capitalizeFirstLetter: (str: string) => string;
@@ -6,7 +8,7 @@ export interface Props {
 }
 export declare const ICON_SIZE = 24;
 export default class ExtensionLozenge extends Component<Props, any> {
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     private renderImage;
     private renderFallback;
 }

package/dist/types/plugins/extension/ui/Extension/styles.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes, ComponentClass, ImgHTMLAttributes } from 'react';
+import { ThemeProps } from '@atlaskit/theme/types';
 export declare const padding: number;
 export declare const BODIED_EXT_PADDING: number;
-export declare const Wrapper: ComponentClass<HTMLAttributes<{}>>;
-export declare const Overlay: ComponentClass<HTMLAttributes<{}>>;
-export declare const PlaceholderFallback: ComponentClass<HTMLAttributes<{}>>;
-export declare const PlaceholderFallbackParams: ComponentClass<HTMLAttributes<{}>>;
-export declare const StyledImage: ComponentClass<ImgHTMLAttributes<{}>>;
+export declare const wrapperDefault: (theme: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const overlay: import("@emotion/react").SerializedStyles;
+export declare const placeholderFallback: import("@emotion/react").SerializedStyles;
+export declare const placeholderFallbackParams: import("@emotion/react").SerializedStyles;
+export declare const styledImage: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/extension/ui/SaveIndicator/SaveIndicator.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import { FunctionComponent } from 'react';
 import { SaveIndicatorProps } from './types';
 export declare const SaveIndicator: FunctionComponent<SaveIndicatorProps>;

package/dist/types/plugins/extension/ui/styles.d.ts

@@ -1 +1 @@
-export declare const extensionStyles: import("styled-components").InterpolationValue[];
+export declare const extensionStyles: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/fake-text-cursor/styles.d.ts

@@ -1 +1 @@
-export declare const fakeCursorStyles: import("styled-components").InterpolationValue[];
+export declare const fakeCursorStyles: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/feature-flags-context/get-enabled-feature-flag-keys.d.ts

@@ -4,4 +4,4 @@ import type { FeatureFlags } from '../../types/feature-flags';
  *
  * Useful for analytics and analysis purposes.
  */
-export declare function getEnabledFeatureFlagKeys(featureFlags: FeatureFlags): ("singleLayout" | "newInsertionBehaviour" | "interactiveExpand" | "placeholderBracketHint" | "placeholderHints" | "moreTextColors" | "findReplace" | "findReplaceMatchCase" | "extensionLocalIdGeneration" | "keyboardAccessibleDatepicker" | "addColumnWithCustomStep" | "undoRedoButtons" | "catchAllTracking" | "nextEmojiNodeView" | "stickyHeadersOptimization" | "initialRenderOptimization" | "mouseMoveOptimization" | "tableRenderOptimization" | "tableOverflowShadowsOptimization" | "codeBlockSyntaxHighlighting" | "codeBidiWarnings" | "queueAnalytics" | "extendFloatingToolbar" | "displayInlineBlockForInlineNodes" | "useUnpredictableInputRule" | "showAvatarGroupAsPlugin" | "errorBoundaryDocStructure" | "synchronyErrorDocStructure" | "enableViewUpdateSubscription" | "collabAvatarScroll" | "ufo" | "twoLineEditorToolbar" | "saferDispatchedTransactions" | "maxUnsafeChromeSpellcheckingVersion" | "plainTextPasteLinkification" | "useNativeCollabPlugin" | "chromeCursorHandlerFixedVersion" | "viewChangingExperimentToolbarStyle")[];
+export declare function getEnabledFeatureFlagKeys(featureFlags: FeatureFlags): (keyof FeatureFlags)[];

package/dist/types/plugins/find-replace/styles.d.ts

@@ -2,4 +2,4 @@ export declare const searchMatchBgColour = "#B3D4FF";
 export declare const selectedSearchMatchBgColour = "#2684FF";
 export declare const searchMatchClass = "search-match";
 export declare const selectedSearchMatchClass = "selected-search-match";
-export declare const findReplaceStyles: import("styled-components").InterpolationValue[];
+export declare const findReplaceStyles: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/find-replace/ui/FindReplaceToolbarButton.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { FindReplaceProps } from './FindReplace';

package/dist/types/plugins/floating-toolbar/index.d.ts

@@ -16,4 +16,4 @@ export default floatingToolbarPlugin;
  * ProseMirror Plugin
  *
  */
-export declare const pluginKey: PluginKey<Record<"getConfigWithNodeInfo", (state: EditorState) => ConfigWithNodeInfo | null | undefined>, any>;
+export declare const pluginKey: PluginKey<FloatingToolbarPluginState, any>;

package/dist/types/plugins/floating-toolbar/ui/Dropdown.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import { Component, ReactElement } from 'react';
+import { jsx } from '@emotion/react';
 import { DropdownOptions } from './types';
 export interface Props {
     title: string;
@@ -18,7 +20,7 @@ export interface State {
 }
 export default class Dropdown extends Component<Props, State> {
     state: State;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     private renderArrayOptions;
     private toggleOpen;
     private hide;

package/dist/types/plugins/floating-toolbar/ui/DropdownMenu.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { DropdownOptionT } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
 export declare const menuItemDimensions: {
@@ -11,7 +11,7 @@ export interface Props {
     dispatchCommand: Function;
     items: Array<DropdownOptionT<Function>>;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/floating-toolbar/ui/Input.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { Component } from 'react';
 export interface Props {
     mountPoint?: HTMLElement;
@@ -17,5 +19,5 @@ export default class TextField extends Component<Props, State> {
     handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleSubmit: (e: React.FormEvent) => void;
     handleBlur: (e: React.FocusEvent<{}>) => void;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
 }

package/dist/types/plugins/floating-toolbar/ui/Separator.d.ts

@@ -1,3 +1,4 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+declare const _default: () => jsx.JSX.Element;
 export default _default;

package/dist/types/plugins/floating-toolbar/ui/Toolbar.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { EditorView } from 'prosemirror-view';
 import { Node } from 'prosemirror-model';
@@ -23,7 +24,7 @@ export interface Props {
     extensionsProvider?: ExtensionProvider;
 }
 export declare const isSameItem: (leftItem: Item, rightItem: Item) => boolean;
-export declare const areSameItems: (leftArr?: FloatingToolbarItem<Function>[] | undefined, rightArr?: FloatingToolbarItem<Function>[] | undefined) => boolean;
+export declare const areSameItems: (leftArr?: Item[] | undefined, rightArr?: Item[] | undefined) => boolean;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };

package/dist/types/plugins/floating-toolbar/ui/ToolbarLoader.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import Loadable from 'react-loadable';
 import type { Props } from './Toolbar';
-export declare const ToolbarLoader: (import("react").ComponentClass<Props, any> & Loadable.LoadableComponent) | (import("react").FunctionComponent<Props> & Loadable.LoadableComponent);
+export declare const ToolbarLoader: import("react").ComponentType<Props> & Loadable.LoadableComponent;

package/dist/types/plugins/floating-toolbar/ui/styles.d.ts

@@ -1,7 +1,12 @@
 export declare const iconOnlySpacing: {
     '&&': {
         padding: string;
-        '&[href]': {
+        /**
+          Increased specificity here because css for .hyperlink-open-link defined in
+          packages/editor/editor-core/src/ui/ContentStyles/index.tsx file
+          overrides padding left-right 2px with 4px.
+        */
+        '&&[href]': {
             padding: string;
         };
     };

package/dist/types/plugins/grid/styles.d.ts

@@ -1,2 +1,2 @@
 export declare const GRID_GUTTER = 12;
-export declare const gridStyles: import("styled-components").InterpolationValue[];
+export declare const gridStyles: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/help-dialog/ui/HelpDialogLoader.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import Loadable from 'react-loadable';
 import type { Props as HelpDialogProps } from './index';
-export declare const HelpDialogLoader: (import("react").ComponentClass<HelpDialogProps, any> & Loadable.LoadableComponent) | (import("react").FunctionComponent<HelpDialogProps> & Loadable.LoadableComponent);
+export declare const HelpDialogLoader: import("react").ComponentType<HelpDialogProps> & Loadable.LoadableComponent;

package/dist/types/plugins/help-dialog/ui/index.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { IntlShape, WrappedComponentProps } from 'react-intl-next';
 import { Schema } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
@@ -12,7 +14,7 @@ export interface Format {
 }
 export declare const formatting: (intl: IntlShape) => Format[];
 export declare const getSupportedFormatting: (schema: Schema, intl: IntlShape, imageEnabled?: boolean | undefined, quickInsertEnabled?: boolean | undefined) => Format[];
-export declare const getComponentFromKeymap: (keymap: keymaps.Keymap) => JSX.Element;
+export declare const getComponentFromKeymap: (keymap: keymaps.Keymap) => jsx.JSX.Element;
 export interface Props {
     editorView: EditorView;
     isVisible: boolean;

package/dist/types/plugins/help-dialog/ui/styles.d.ts

@@ -1,13 +1,12 @@
-import { ComponentClass } from 'react';
-export declare const Header: any;
-export declare const Footer: any;
-export declare const ContentWrapper: ComponentClass;
-export declare const Line: ComponentClass;
-export declare const Content: ComponentClass;
-export declare const ColumnLeft: ComponentClass;
-export declare const ColumnRight: ComponentClass;
-export declare const Row: ComponentClass;
-export declare const Title: ComponentClass;
-export declare const CodeSm: ComponentClass;
-export declare const CodeMd: ComponentClass;
-export declare const CodeLg: ComponentClass;
+export declare const header: import("@emotion/react").SerializedStyles;
+export declare const footer: import("@emotion/react").SerializedStyles;
+export declare const contentWrapper: import("@emotion/react").SerializedStyles;
+export declare const line: import("@emotion/react").SerializedStyles;
+export declare const content: import("@emotion/react").SerializedStyles;
+export declare const columnLeft: import("@emotion/react").SerializedStyles;
+export declare const columnRight: import("@emotion/react").SerializedStyles;
+export declare const row: import("@emotion/react").SerializedStyles;
+export declare const title: import("@emotion/react").SerializedStyles;
+export declare const codeSm: import("@emotion/react").SerializedStyles;
+export declare const codeMd: import("@emotion/react").SerializedStyles;
+export declare const codeLg: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/hyperlink/styles.d.ts

@@ -1,8 +1,6 @@
-/// <reference types="react" />
-export declare const linkStyles: import("styled-components").InterpolationValue[];
+export declare const linkStyles: import("@emotion/react").SerializedStyles;
 /**
  * Visible only to screenreaders. Use when there is a need
  * to provide more context to a non-sighted user.
  */
-export declare const visuallyHiddenStyles: import("styled-components").InterpolationValue[];
-export declare const ScreenReaderText: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const visuallyHiddenStyles: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { ActivityProvider } from '@atlaskit/activity-provider';
 import type { SearchProvider } from '@atlaskit/editor-common/provider-factory';
 import { PureComponent } from 'react';
@@ -88,7 +90,7 @@ export declare class HyperlinkLinkAddToolbar extends PureComponent<Props, State>
     private createClearHandler;
     private handleClickOutside;
     private getScreenReaderText;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     private isUrlPopulatedWithSelectedItem;
     private handleSelected;
     private handleInsert;
@@ -103,5 +105,5 @@ export declare class HyperlinkLinkAddToolbar extends PureComponent<Props, State>
 export declare const HyperlinkLinkAddToolbarWithIntl: React.FC<import("react-intl-next").WithIntlProps<HyperlinkLinkAddToolbarProps>> & {
     WrappedComponent: React.ComponentType<HyperlinkLinkAddToolbarProps>;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<HyperlinkLinkAddToolbarProps>>, "searchProvider" | "activityProvider" | "children" | "view" | "onSubmit" | "autoFocus" | "popupsMountPoint" | "popupsBoundariesElement" | "forwardedRef" | "pluginState" | "displayText" | "displayUrl"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<HyperlinkLinkAddToolbarProps>>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/dropdown-button.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { ToolbarButtonRef } from '../../../../ui/ToolbarButton';
 export interface DropDownButtonProps {

package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/index.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { Props, State } from './types';
 export declare class ToolbarInsertBlock extends React.PureComponent<Props & WrappedComponentProps, State> {
@@ -17,7 +19,7 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private handleEmojiButtonRef;
     private handlePlusButtonRef;
     private handleDropDownButtonRef;
-    render(): JSX.Element | null;
+    render(): jsx.JSX.Element | null;
     private toggleLinkPanel;
     private insertMention;
     private insertTable;

package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/item.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { MenuItem } from '../../../../ui/DropdownMenu/types';
 export interface CreateInit {

package/dist/types/plugins/insert-block/ui/ToolbarInsertBlock/styles.d.ts

@@ -1,2 +1 @@
-import { HTMLAttributes, ComponentClass } from 'react';
-export declare const TriggerWrapper: ComponentClass<HTMLAttributes<{}>>;
+export declare const triggerWrapper: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/jira-issue/nodeviews/jira-issue.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { Node as PMNode } from 'prosemirror-model';
 export interface Props {
     node: PMNode;
 }
-export default function JIRAIssueNode(props: Props): JSX.Element;
+export default function JIRAIssueNode(props: Props): jsx.JSX.Element;

package/dist/types/plugins/list/actions/wrap-and-join-lists.d.ts

@@ -1,4 +1,4 @@
-import { Node, NodeType } from 'prosemirror-model';
+import { NodeType } from 'prosemirror-model';
 import { Transaction } from 'prosemirror-state';
 /**
  * Wraps the selection in a list with the given type. If this results in
@@ -13,13 +13,3 @@ export declare function wrapInListAndJoin(nodeType: NodeType, tr: Transaction):
 export declare function wrapInList(listType: NodeType, attrs?: {
     [key: string]: any;
 }): (tr: Transaction) => boolean;
-/**
- * Checks whether two adjacent nodes can be joined. If so, the document
- * will be updated to join those nodes. If not, the original transaction
- * remains untouched.
- *
- * Nodes are considered joinable if the `isJoinable` predicate returns true.
- *
- * Adapted from https://github.com/ProseMirror/prosemirror-commands/blob/master/src/commands.js#L597-L610
- */
-export declare function autoJoin(tr: Transaction, isJoinable: (before: Node, after: Node) => boolean): void;

package/dist/types/plugins/list/styles.d.ts

@@ -1 +1 @@
-export declare const listsStyles: import("styled-components").InterpolationValue[];
+export declare const listsStyles: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/list/ui/ToolbarLists/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { WrappedComponentProps } from 'react-intl-next';
 import { EditorView } from 'prosemirror-view';
 export interface Props {
@@ -18,7 +18,7 @@ export interface Props {
 export interface State {
     isDropdownOpen: boolean;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/plugins/list/utils/node.d.ts

@@ -18,7 +18,6 @@ declare type JoinSiblingListsProps = {
 declare type ListsJoined = {
     orderedList: number;
     bulletList: number;
-    [key: string]: number;
 };
 export declare const joinSiblingLists: ({ tr, direction, forceListType, }: JoinSiblingListsProps) => ListsJoined;
 export {};

package/dist/types/plugins/media/commands/helpers.d.ts

@@ -1,5 +1,5 @@
-import { Command } from '../../../types/command';
-import { MediaNodeWithPosHandler, MediaPluginState } from '../pm-plugins/types';
+import type { Command } from '../../../types/command';
+import type { MediaNodeWithPosHandler, MediaPluginState } from '../pm-plugins/types';
 export declare const findMediaSingleNode: (mediaPluginState: MediaPluginState, id: string) => MediaNodeWithPosHandler | null;
 /**
  * Finds the media inline node with the given id.

package/dist/types/plugins/media/nodeviews/mediaSingle.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { Component } from 'react';
 import { Node as PMNode } from 'prosemirror-model';
 import { EditorView, Decoration } from 'prosemirror-view';
@@ -32,7 +34,7 @@ export default class MediaSingleNode extends Component<MediaSingleNodeProps, Med
     componentDidMount(): Promise<void>;
     selectMediaSingle: ({ event }: CardEvent) => void;
     updateSize: (width: number | null, layout: MediaSingleLayout) => void;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     private clickPlaceholder;
     private getLineLength;
 }
@@ -49,7 +51,7 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     isNodeSelected: () => boolean;
     getNodeMediaId(node: PMNode): string | undefined;
     update(node: PMNode, decorations: Decoration[], _innerDecorations?: Decoration[], isValidUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
-    render(props: MediaSingleNodeViewProps, forwardRef?: ForwardRef): JSX.Element;
+    render(props: MediaSingleNodeViewProps, forwardRef?: ForwardRef): jsx.JSX.Element;
     ignoreMutation(): boolean;
 }
 export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, dispatchAnalyticsEvent?: DispatchAnalyticsEvent | undefined, mediaOptions?: MediaOptions) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;

package/dist/types/plugins/media/nodeviews/styles.d.ts

@@ -1,12 +1,14 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { NumericalCardDimensions } from '@atlaskit/media-card';
 export declare const MediaInlineNodeSelector = "media-inline-node";
 export declare const MediaSingleNodeSelector = "media-single-node";
-export declare const FigureWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>>;
+export declare const figureWrapper: import("@emotion/react").SerializedStyles;
 declare type MediaCardWrapperProps = {
     dimensions: NumericalCardDimensions;
     children: React.ReactNode;
     onContextMenu?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 };
-export declare const MediaCardWrapper: ({ dimensions, children, onContextMenu, }: MediaCardWrapperProps) => JSX.Element;
+export declare const MediaCardWrapper: ({ dimensions, children, onContextMenu, }: MediaCardWrapperProps) => jsx.JSX.Element;
 export {};

package/dist/types/plugins/media/picker-facade.d.ts

@@ -1,12 +1,10 @@
-import { MediaPicker } from '@atlaskit/media-picker';
-import { Popup, PopupConfig, UploadPreviewUpdateEventPayload, UploadParams, UploadErrorEventPayload, UploadEndEventPayload } from '@atlaskit/media-picker/types';
+import { UploadPreviewUpdateEventPayload, UploadParams, UploadErrorEventPayload, UploadEndEventPayload } from '@atlaskit/media-picker/types';
 import { MediaClientConfig } from '@atlaskit/media-core';
 import type { ErrorReportingHandler } from '@atlaskit/editor-common/utils';
 import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
 import { MediaState, CustomMediaPicker, MobileUploadEndEventPayload } from './types';
-export declare type PickerType = 'popup' | 'clipboard' | 'dropzone' | 'customMediaPicker';
+export declare type PickerType = 'clipboard' | 'dropzone' | 'customMediaPicker';
 export declare type ExtendedComponentConfigs = {
-    popup: PopupConfig;
     customMediaPicker: CustomMediaPicker;
     dropzone: null;
     clipboard: null;
@@ -22,25 +20,20 @@ export declare type MediaStateEventSubscriber = (listener: MediaStateEventListen
 export declare type NewMediaEvent = (state: MediaState, onStateChanged: MediaStateEventSubscriber, pickerType?: string) => void;
 export default class PickerFacade {
     readonly config: PickerFacadeConfig;
-    readonly pickerConfig?: CustomMediaPicker | PopupConfig | null | undefined;
-    readonly mediaPickerFactoryClass: typeof MediaPicker;
+    readonly pickerConfig?: CustomMediaPicker | null | undefined;
     private picker?;
     private onDragListeners;
-    private errorReporter;
     private pickerType;
     private onStartListeners;
     private eventListeners;
     private analyticsName;
     erroredFiles: Set<string>;
-    constructor(pickerType: PickerType, config: PickerFacadeConfig, pickerConfig?: CustomMediaPicker | PopupConfig | null | undefined, mediaPickerFactoryClass?: typeof MediaPicker, analyticsName?: string);
+    constructor(pickerType: PickerType, config: PickerFacadeConfig, pickerConfig?: CustomMediaPicker | null | undefined, analyticsName?: string);
     init(): Promise<PickerFacade>;
     get type(): PickerType;
-    get mediaPicker(): CustomMediaPicker | Popup | undefined;
+    get mediaPicker(): CustomMediaPicker | undefined;
     destroy(): void;
     setUploadParams(params: UploadParams): void;
-    onClose(cb: () => void): () => void;
-    show(): void;
-    hide(): void;
     onNewMedia(cb: NewMediaEvent): void;
     onDrag(cb: (state: 'enter' | 'leave') => any): void;
     handleUploadPreviewUpdate: (event: UploadPreviewUpdateEventPayload) => void;

package/dist/types/plugins/media/pm-plugins/alt-text/ui/AltTextEdit.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { EditorView } from 'prosemirror-view';
 import { WrappedComponentProps } from 'react-intl-next';
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
@@ -26,7 +28,7 @@ export declare class AltTextEditComponent extends React.Component<Props, AltText
     componentDidMount(): void;
     componentWillUnmount(): void;
     private getValidationErrors;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     private closeMediaAltTextMenu;
     private fireAnalytics;
     private dispatchCancelEvent;
@@ -35,5 +37,5 @@ export declare class AltTextEditComponent extends React.Component<Props, AltText
     private handleOnBlur;
     private handleClearText;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<Props>>, "children" | "view" | "value" | "forwardedRef" | "altTextValidator"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<Props>>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/plugins/media/pm-plugins/main.d.ts

@@ -34,25 +34,22 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     private destroyed;
     private contextIdentifierProvider?;
     private errorReporter;
-    private popupPicker?;
     private customPicker?;
     private removeOnCloseListener;
     private openMediaPickerBrowser?;
     private onPopupToggleCallback;
-    private reactContext;
     pickers: PickerFacade[];
     pickerPromises: Array<Promise<PickerFacade>>;
     editingMediaSinglePos?: number;
     showEditingDialog?: boolean;
     mediaOptions?: MediaOptions;
     dispatch?: Dispatch;
-    constructor(state: EditorState, options: MediaPluginOptions, reactContext: () => {}, mediaOptions?: MediaOptions, dispatch?: Dispatch);
+    constructor(state: EditorState, options: MediaPluginOptions, mediaOptions?: MediaOptions, dispatch?: Dispatch);
     onContextIdentifierProvider: (_name: string, provider?: Promise<ContextIdentifierProvider> | undefined) => Promise<void>;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider> | undefined) => Promise<void>;
     getMediaOptions: () => MediaPluginOptions;
     updateElement(): void;
     private isMediaSchemaNode;
-    private hasUserAuthProvider;
     private getDomElement;
     /**
      * we insert a new file by inserting a initial state for that file.
@@ -63,7 +60,6 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     addPendingTask: (promise: Promise<any>) => void;
     splitMediaGroup: () => boolean;
     onPopupPickerClose: () => void;
-    shouldUseMediaPickerPopup: () => boolean;
     showMediaPicker: () => void;
     setBrowseFn: (browseFn: () => void) => void;
     onPopupToggle: (onPopupToggleCallback: (isOpen: boolean) => void) => void;