@atlaskit/editor-core 162.0.1 → 163.0.0

package/dist/types/plugins/alignment/ui/ToolbarAlignment/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 { AlignmentPluginState, AlignmentState } from '../../pm-plugins/types';
 export interface State {
@@ -16,7 +18,7 @@ export interface Props {
 export declare class AlignmentToolbar extends React.Component<Props & WrappedComponentProps, State> {
     static displayName: string;
     state: State;
-    render(): JSX.Element;
+    render(): jsx.JSX.Element;
     private changeAlignment;
     private toggleOpen;
     private handleOpenChange;

package/dist/types/plugins/alignment/ui/ToolbarAlignment/styles.d.ts

@@ -1,5 +1,4 @@
-import { HTMLAttributes, ComponentClass } from 'react';
-export declare const TriggerWrapper: ComponentClass<HTMLAttributes<{}>>;
-export declare const Separator: ComponentClass<HTMLAttributes<{}>>;
-export declare const Wrapper: ComponentClass<HTMLAttributes<{}>>;
-export declare const ExpandIconWrapper: ComponentClass<HTMLAttributes<{}>>;
+export declare const triggerWrapper: import("@emotion/react").SerializedStyles;
+export declare const separator: import("@emotion/react").SerializedStyles;
+export declare const wrapper: import("@emotion/react").SerializedStyles;
+export declare const expandIconWrapper: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/analytics/types/enums.d.ts

@@ -38,6 +38,7 @@ export declare enum ACTION {
     RE_RENDERED = "reRendered",
     ENTERED = "entered",
     ERRORED = "errored",
+    EXPOSED = "exposed",
     FAILED_TO_UNMOUNT = "failedToUnmount",
     FIND_NEXT_PERFORMED = "findNextPerformed",
     FIND_PERFORMED = "findPerformed",
@@ -144,6 +145,7 @@ export declare enum ACTION_SUBJECT {
     EMBEDS = "embeds",
     EXPAND = "expand",
     EXTENSION = "extension",
+    FEATURE = "feature",
     FEEDBACK_DIALOG = "feedbackDialog",
     FIND_REPLACE_DIALOG = "findReplaceDialog",
     FLOATING_CONTEXTUAL_BUTTON = "floatingContextualButton",

package/dist/types/plugins/analytics/types/events.d.ts

@@ -15,7 +15,7 @@ import { FindReplaceEventPayload } from './find-replace-events';
 import { ConfigPanelEventPayload } from './config-panel-events';
 import { ElementBrowserEventPayload } from './element-browser-events';
 import { TypeAheadPayload } from './type-ahead';
-import { OperationalAEP, TrackAEP } from './utils';
+import { OperationalAEP, OperationalExposureAEP, TrackAEP } from './utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, FLOATING_CONTROLS_TITLE } from './enums';
 import { SimplifiedNode } from '../../../utils/document-logger';
 import { DateEventPayload } from './date-events';
@@ -25,7 +25,7 @@ import { ExtensionEventPayload } from './extension-events';
 import type { UnsupportedContentPayload, UserBrowserExtensionResults } from '@atlaskit/editor-common/utils';
 import { AvatarEventPayload } from './avatar';
 import { NewCollabSyncUpErrorAttributes } from '@atlaskit/editor-common/types';
-export declare type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | CustomPanelEventPayload | NewCollabSyncUpErrorAEP;
+export declare type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP;
 declare type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;
@@ -43,6 +43,10 @@ export declare type AnalyticsDispatch = Dispatch<{
     payload: AnalyticsEventPayload;
     channel?: string;
 }>;
+export declare type FeatureExposureAEP = OperationalExposureAEP<ACTION.EXPOSED, ACTION_SUBJECT.FEATURE, undefined, {
+    flagKey: string;
+    value: string | boolean;
+}>;
 declare type InvalidTransactionErrorAEP = OperationalAEP<ACTION.DISPATCHED_INVALID_TRANSACTION, ACTION_SUBJECT.EDITOR, undefined, {
     analyticsEventPayloads: AnalyticsEventPayloadWithChannel[];
     invalidNodes: (SimplifiedNode | string)[];
@@ -99,5 +103,9 @@ declare type ComponentCrashAdditionalInfoErrorAEP = OperationalAEP<ACTION.EDITOR
     errorStack: string;
     errorId: string;
 }, undefined>;
-export declare type ErrorEventPayload = InvalidTransactionErrorAEP | InvalidTransactionStepErrorAEP | FailedToUnmountErrorAEP | SynchronyErrorAEP | InvalidDocumentEncounteredAEP | SynchronyEntityErrorAEP | ContentComponentErrorAEP | ComponentCrashErrorAEP | ComponentCrashAdditionalInfoErrorAEP;
+declare type SmartLinkErrorAEP = OperationalAEP<ACTION.ERRORED, ACTION_SUBJECT.SMART_LINK, undefined, {
+    error: string;
+    errorStack?: string;
+}, undefined>;
+export declare type ErrorEventPayload = InvalidTransactionErrorAEP | InvalidTransactionStepErrorAEP | FailedToUnmountErrorAEP | SynchronyErrorAEP | InvalidDocumentEncounteredAEP | SynchronyEntityErrorAEP | ContentComponentErrorAEP | ComponentCrashErrorAEP | ComponentCrashAdditionalInfoErrorAEP | SmartLinkErrorAEP;
 export {};

package/dist/types/plugins/analytics/types/general-events.d.ts

@@ -1,7 +1,7 @@
 import { UIAEP, TrackAEP, OperationalAEP, OperationalAEPWithObjectId } from './utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
 import { PluginPerformanceReportData } from '../../../utils/performance/plugin-performance-report';
-import { ShallowPropsDifference, PropsDifference } from '../../../utils/compare';
+import { ShallowPropsDifference, PropsDifference } from '@atlaskit/editor-common/utils';
 import { FeatureFlagKey } from '../../../types/feature-flags';
 import { AnnotationAEP } from './inline-comment-events';
 import { RichMediaLayout } from '@atlaskit/adf-schema';

package/dist/types/plugins/analytics/types/utils.d.ts

@@ -12,6 +12,10 @@ declare type AEP<Action, ActionSubject, ActionSubjectID, Attributes, NonPrivacyS
 export declare type UIAEP<Action, ActionSubject, ActionSubjectID, Attributes, NonPrivacySafeAttributes> = AEP<Action, ActionSubject, ActionSubjectID, Attributes, NonPrivacySafeAttributes, EVENT_TYPE.UI>;
 export declare type TrackAEP<Action, ActionSubject, ActionSubjectID, Attributes, NonPrivacySafeAttributes, ImplicitAttributes extends {} = {}> = AEP<Action, ActionSubject, ActionSubjectID, Attributes, NonPrivacySafeAttributes, EVENT_TYPE.TRACK, ImplicitAttributes>;
 export declare type OperationalAEP<Action, ActionSubject, ActionSubjectID, Attributes, NonPrivacySafeAttributes> = AEP<Action, ActionSubject, ActionSubjectID, Attributes, NonPrivacySafeAttributes, EVENT_TYPE.OPERATIONAL>;
+export declare type OperationalExposureAEP<Action, ActionSubject, ActionSubjectID, Attributes> = OperationalAEP<Action, ActionSubject, ActionSubjectID, Attributes, {}> & {
+    source?: string;
+    tags?: string[];
+};
 export declare type OperationalAEPWithObjectId<Action, ActionSubject, ActionSubjectID, Attributes, NonPrivacySafeAttributes> = OperationalAEP<Action, ActionSubject, ActionSubjectID, Attributes & {
     objectId?: string;
 }, NonPrivacySafeAttributes>;

package/dist/types/plugins/avatar-group/ui/AvatarGroupPluginWrapper.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { EventDispatcher } from '../../../event-dispatcher';
 import { EditorView } from 'prosemirror-view';
 import { CollabEditOptions } from '../../collab-edit';
@@ -9,5 +9,5 @@ declare const AvatarGroupPluginWrapper: (props: {
     eventDispatcher: EventDispatcher<any>;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent | undefined;
     takeFullWidth: boolean;
-}) => JSX.Element;
+}) => jsx.JSX.Element;
 export default AvatarGroupPluginWrapper;

package/dist/types/plugins/base/pm-plugins/inline-cursor-target.d.ts

@@ -1,13 +1,19 @@
+import { Decoration } from 'prosemirror-view';
 import { ResolvedPos, Node } from 'prosemirror-model';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey, ReadonlyTransaction } from 'prosemirror-state';
+import { PluginKey } from 'prosemirror-state';
 export declare const inlineCursorTargetStateKey: PluginKey<any, any>;
-export declare const SPECIAL_NODES: string[];
-export declare const isSpecial: (node: Node | null | undefined) => boolean | null | undefined;
-export declare const findSpecialNodeAfter: ($pos: ResolvedPos, tr: ReadonlyTransaction) => number | undefined;
-export declare const findSpecialNodeBefore: ($pos: ResolvedPos, tr: ReadonlyTransaction) => number | undefined;
+export declare const isInlineNodeView: (node: Node | null | undefined) => boolean | null | undefined;
+export declare const findInlineNodeViewAfter: ($pos: ResolvedPos) => boolean | null | undefined;
+export declare const findInlineNodeViewBefore: ($pos: ResolvedPos) => boolean | null | undefined;
 export interface InlineCursorTargetState {
-    positions: number[];
+    cursorTarget?: {
+        decorations: [Decoration | null, Decoration | null];
+        positions: {
+            from: number;
+            to: number;
+        };
+    };
 }
 declare const _default: () => SafePlugin<InlineCursorTargetState, any>;
 export default _default;

package/dist/types/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export declare const BeforePrimaryToolbarPluginWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export declare const BeforePrimaryToolbarWrapper: (props: {
     beforePrimaryToolbarComponents: any;
-}) => JSX.Element;
+}) => jsx.JSX.Element;

package/dist/types/plugins/breakout/ui/LayoutButton.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { EditorView } from 'prosemirror-view';

package/dist/types/plugins/card/pm-plugins/doc.d.ts

@@ -11,6 +11,7 @@ export declare const handleFallbackWithAnalytics: (url: string, source: InputMet
 export declare const queueCardsFromChangedTr: (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, normalizeLinkText?: boolean) => Transaction;
 export declare const convertHyperlinkToSmartCard: (state: EditorState, source: CardReplacementInputMethod, appearance: CardAppearance, normalizeLinkText?: boolean) => Transaction;
 export declare const changeSelectedCardToLink: (text?: string | undefined, href?: string | undefined, sendAnalytics?: boolean | undefined, node?: Node<any> | undefined, pos?: number | undefined) => Command;
+export declare const changeSelectedCardToLinkFallback: (text?: string | undefined, href?: string | undefined, sendAnalytics?: boolean | undefined, node?: Node<any> | undefined, pos?: number | undefined) => Command;
 export declare const updateCard: (href: string) => Command;
 export declare const changeSelectedCardToText: (text: string) => Command;
 export declare const setSelectedCardAppearance: (appearance: CardAppearance) => Command;

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

@@ -2,4 +2,4 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { CardPluginOptions, CardPluginState } from '../types';
 import { PMPluginFactoryParams } from '../../../types';
 export { pluginKey } from './plugin-key';
-export declare const createPlugin: (options: CardPluginOptions) => ({ portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent, }: PMPluginFactoryParams) => SafePlugin<CardPluginState, any>;
+export declare const createPlugin: (options: CardPluginOptions) => ({ portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent, featureFlags, }: PMPluginFactoryParams) => SafePlugin<CardPluginState, any>;

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

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

package/dist/types/plugins/card/ui/LinkToolbarButtonGroup.d.ts

@@ -3,7 +3,7 @@ import type { GlyphProps } from '@atlaskit/icon/types';
 /**
  * Applying `pointer-events: none;` when disabled allows the Tooltip to be displayed
  */
-export declare const StyledButton: import("styled-components").StyledComponentClass<import("../../floating-toolbar/ui/Button").Props, any, Pick<import("../../floating-toolbar/ui/Button").Props, "title" | "children" | "className" | "tabIndex" | "onFocus" | "onBlur" | "onClick" | "onMouseEnter" | "onMouseLeave" | "icon" | "appearance" | "disabled" | "target" | "iconAfter" | "selected" | "href" | "tooltipContent" | "testId" | "hideTooltipOnClick" | "ariaHasPopup"> & {
+export declare const StyledButton: import("styled-components").StyledComponentClass<import("../../floating-toolbar/ui/Button").Props, any, Pick<import("../../floating-toolbar/ui/Button").Props, "title" | "children" | "className" | "tabIndex" | "icon" | "onFocus" | "onBlur" | "appearance" | "disabled" | "target" | "iconAfter" | "onClick" | "onMouseEnter" | "onMouseLeave" | "selected" | "href" | "tooltipContent" | "testId" | "hideTooltipOnClick" | "ariaHasPopup"> & {
     theme?: any;
 }>;
 export interface ButtonOptionProps {

package/dist/types/plugins/collab-edit/styles.d.ts

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

package/dist/types/plugins/collab-edit/ui/avatars.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { EditorView } from 'prosemirror-view';
 import { ReadOnlyParticipants } from '../participants';

package/dist/types/plugins/collab-edit/ui/colored-avatar-item.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface ColoredAvatarItemProps {
     sessionId: string;
     name: string;
 }
-export declare const ColoredAvatarItem: React.StatelessComponent<ColoredAvatarItemProps>;
+export declare const ColoredAvatarItem: (props: ColoredAvatarItemProps) => jsx.JSX.Element;

package/dist/types/plugins/collab-edit/ui/invite-to-edit.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { InviteToEditComponentProps } from '../types';
 export interface InviteToEditButtonProps {

package/dist/types/plugins/collab-edit/ui/styles.d.ts

@@ -1,8 +1,3 @@
-/// <reference types="react" />
-export declare const InviteTeamWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const AvatarContainer: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const Badge: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    color: string;
-}, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    color: string;
-}>;
+export declare const inviteTeamWrapper: import("@emotion/react").SerializedStyles;
+export declare const avatarContainer: import("@emotion/react").SerializedStyles;
+export declare const badge: (color: string) => import("@emotion/react").SerializedStyles;

package/dist/types/plugins/date/nodeviews/date.d.ts

@@ -1,15 +1,3 @@
-import React from 'react';
-import { Node as PMNode } from 'prosemirror-model';
-import { EditorView } from 'prosemirror-view';
-import { WrappedComponentProps } from 'react-intl-next';
-import { getPosHandler } from '../../../nodeviews';
-export interface Props {
-    children?: React.ReactNode;
-    view: EditorView;
-    node: PMNode;
-    getPos?: getPosHandler;
-}
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
-};
-export default _default;
+/// <reference types="react" />
+import { InlineNodeViewComponentProps } from '../../../nodeviews/getInlineNodeViewProducer';
+export declare function DateNodeView(props: InlineNodeViewComponentProps): JSX.Element;

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

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

package/dist/types/plugins/date/ui/DatePicker/date-picker-input.d.ts

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

package/dist/types/plugins/date/ui/DatePicker/index.d.ts

@@ -1,3 +1,4 @@
+/** @jsx jsx */
 import React from 'react';
 import { DateType } from '../../types';
 import { INPUT_METHOD } from '../../../analytics/types/enums';

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

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

package/dist/types/plugins/expand/ui/ExpandIconButton.d.ts

@@ -1,4 +1,6 @@
+/** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import { IntlShape } from 'react-intl-next';
 interface ExpandIconButtonProps {
     allowInteractiveExpand: boolean;
@@ -10,7 +12,7 @@ interface ExpandIconButtonWithLabelProps extends ExpandIconButtonProps {
 }
 export declare const withTooltip: (WrapperComponent: React.ElementType) => {
     new (props: ExpandIconButtonWithLabelProps): {
-        render(): JSX.Element;
+        render(): jsx.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ExpandIconButtonWithLabelProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callBack?: (() => void) | undefined): void;
@@ -36,6 +38,6 @@ export declare const withTooltip: (WrapperComponent: React.ElementType) => {
     };
     contextType?: React.Context<any> | undefined;
 };
-export declare const CustomButton: (props: ExpandIconButtonWithLabelProps) => JSX.Element;
-export declare const ExpandIconButton: (props: ExpandIconButtonProps) => JSX.Element;
+export declare const CustomButton: (props: ExpandIconButtonWithLabelProps) => jsx.JSX.Element;
+export declare const ExpandIconButton: (props: ExpandIconButtonProps) => jsx.JSX.Element;
 export {};

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

@@ -1 +1,2 @@
-export declare const expandStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/editor-common/ui").ExpandStyleProps, any>>[];
+import { ThemeProps } from '@atlaskit/theme/types';
+export declare const expandStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

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';

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

@@ -1,12 +1,7 @@
 /// <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 wrapperStyle: (theme: ThemeProps, extensionWidth: string) => import("@emotion/react").SerializedStyles;
 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 Content: import("styled-components").StyledComponentClass<(import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme/types").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme/types").CustomThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme/types").NoThemeProps), any, (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme/types").AtlaskitThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme/types").CustomThemeProps) | (import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("@atlaskit/theme/types").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>>;

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/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/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/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<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<HyperlinkLinkAddToolbarProps>>, "searchProvider" | "activityProvider" | "children" | "view" | "autoFocus" | "popupsMountPoint" | "popupsBoundariesElement" | "onSubmit" | "forwardedRef" | "pluginState" | "displayText" | "displayUrl"> & React.RefAttributes<any>>;
 export default _default;

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/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/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/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;

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

@@ -52,7 +52,6 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     getMediaOptions: () => MediaPluginOptions;
     updateElement(): void;
     private isMediaSchemaNode;
-    private hasUserAuthProvider;
     private getDomElement;
     /**
      * we insert a new file by inserting a initial state for that file.

package/dist/types/plugins/media/pm-plugins/media-editor-plugin-factory.d.ts

@@ -1,5 +1,3 @@
 import { PluginKey } from 'prosemirror-state';
-import { MediaEditorAction, MediaEditorState } from '../types';
+import { MediaEditorState } from '../types';
 export declare const pluginKey: PluginKey<MediaEditorState, any>;
-export declare const reducer: (state: MediaEditorState, action: MediaEditorAction) => MediaEditorState;
-export declare const createPluginState: (dispatch: import("../../../event-dispatcher").Dispatch<any>, initialState: MediaEditorState | ((state: import("prosemirror-state").EditorState<any>) => MediaEditorState)) => import("prosemirror-state").SafeStateField<MediaEditorState, import("prosemirror-model").Schema<any, any>>, createCommand: <A = MediaEditorAction>(action: A | ((state: Readonly<import("prosemirror-state").EditorState<any>>) => false | A), transform?: ((tr: import("prosemirror-state").Transaction<any>, state: import("prosemirror-state").EditorState<any>) => import("prosemirror-state").Transaction<any>) | undefined) => import("../../..").Command, getPluginState: (state: import("prosemirror-state").EditorState<any>) => MediaEditorState;