@atlaskit/editor-common 76.9.0 → 76.9.2

package/dist/types-ts4.5/react-node-view/index.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Decoration, DecorationSource, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+import type { EventDispatcher } from '../event-dispatcher';
+import type { PortalProviderAPI } from '../ui/PortalProvider';
+import type { ForwardRef, getPosHandler, ProsemirrorGetPosHandler, ReactComponentProps, shouldUpdate } from './types';
+export type { getPosHandler, ReactComponentProps, shouldUpdate, ProsemirrorGetPosHandler, ForwardRef, };
+export type { InlineNodeViewComponentProps } from './getInlineNodeViewProducer';
+export { getInlineNodeViewProducer, inlineNodeViewClassname, } from './getInlineNodeViewProducer';
+export default class ReactNodeView<P = ReactComponentProps> implements NodeView {
+    private domRef?;
+    private contentDOMWrapper?;
+    private reactComponent?;
+    private portalProviderAPI;
+    private hasAnalyticsContext;
+    private _viewShouldUpdate?;
+    protected eventDispatcher?: EventDispatcher;
+    private hasIntlContext;
+    protected decorations: ReadonlyArray<Decoration>;
+    reactComponentProps: P;
+    view: EditorView;
+    getPos: getPosHandler;
+    contentDOM: HTMLElement | null | undefined;
+    node: PMNode;
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<any>, hasAnalyticsContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
+    /**
+     * This method exists to move initialization logic out of the constructor,
+     * so object can be initialized properly before calling render first time.
+     *
+     * Example:
+     * Instance properties get added to an object only after super call in
+     * constructor, which leads to some methods being undefined during the
+     * first render.
+     */
+    init(): this;
+    private renderReactComponent;
+    createDomRef(): HTMLElement;
+    getContentDOM(): {
+        dom: HTMLElement;
+        contentDOM?: HTMLElement | null | undefined;
+    } | undefined;
+    handleRef: (node: HTMLElement | null) => void;
+    private _handleRef;
+    render(props: P, forwardRef?: ForwardRef): React.ReactElement<any> | null;
+    update(node: PMNode, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource, validUpdate?: (currentNode: PMNode, newNode: PMNode) => boolean): boolean;
+    viewShouldUpdate(nextNode: PMNode, decorations?: Array<Decoration>): boolean;
+    /**
+     * Copies the attributes from a ProseMirror Node to a DOM node.
+     * @param node The Prosemirror Node from which to source the attributes
+     */
+    setDomAttrs(node: PMNode, element: HTMLElement): void;
+    get dom(): HTMLElement;
+    destroy(): void;
+    private dispatchAnalyticsEvent;
+    static fromComponent(component: React.ComponentType<any>, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, props?: ReactComponentProps, viewShouldUpdate?: (nextNode: PMNode) => boolean, hasIntlContext?: boolean): (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<ReactComponentProps>;
+}

package/dist/types-ts4.5/react-node-view/types.d.ts

@@ -0,0 +1,12 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+export interface ReactNodeProps {
+    selected: boolean;
+}
+export type ProsemirrorGetPosHandler = () => number;
+export type getPosHandler = getPosHandlerNode | boolean;
+export type getPosHandlerNode = () => number | undefined;
+export type ReactComponentProps = {
+    [key: string]: unknown;
+};
+export type ForwardRef = (node: HTMLElement | null) => void;
+export type shouldUpdate = (nextNode: PMNode) => boolean;

package/dist/types-ts4.5/resizer/Resizer.d.ts

@@ -0,0 +1,52 @@
+import type { CSSProperties, PropsWithChildren } from 'react';
+import type { TooltipProps } from '@atlaskit/tooltip';
+import type { EnabledHandles, HandleAlignmentMethod, HandleHighlight, HandlePositioning, HandleResize, HandleResizeStart, HandleSize, HandleStyles, ResizerAppearance, Snap } from './types';
+export type ResizerProps = {
+    className?: string;
+    enable: EnabledHandles;
+    width: number;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    snap?: Snap;
+    snapGap?: number;
+    resizeRatio?: number;
+    appearance?: ResizerAppearance;
+    isHandleVisible?: boolean;
+    handleResizeStart: HandleResizeStart;
+    handleResize: HandleResize;
+    handleResizeStop: HandleResize;
+    /**
+     * This can be used to override the css class name applied to the resize handle.
+     */
+    handleClassName?: string;
+    /**
+     * This is used to override the style of resize handles wrapper.
+     */
+    handleWrapperStyle?: CSSProperties;
+    /**
+     * This property is used to override the style of one or more resize handles. Only the axis you specify will have
+     * its handle style overriden.
+     */
+    handleStyles?: HandleStyles;
+    /**
+     * The handleAlignmentMethod is used in determining the vertical positioning of the resizer handle in relation to its children.
+     */
+    handleAlignmentMethod?: HandleAlignmentMethod;
+    /**
+     * The handlePositioning is used to determine the horizontal position of the resizer handle in relation to its children.
+     */
+    handlePositioning?: HandlePositioning;
+    /**
+     * The handleSize is used to determine the width/height of the handle element.
+     */
+    handleSize?: HandleSize;
+    /**
+     * The handleHighlight is used to determine how the handle looks when the users mouse hovers over the handle element.
+     */
+    handleHighlight?: HandleHighlight;
+    /**
+     * The handle can display a tooltip when mouse hovers.
+     */
+    handleTooltipContent?: TooltipProps['content'];
+};
+export default function ResizerNext(props: PropsWithChildren<ResizerProps>): JSX.Element;

package/dist/types-ts4.5/resizer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ResizerNext } from './Resizer';
+export type { HandleAlignmentMethod, HandleHighlight, HandleSize, HandlePositioning, EnabledHandles, HandleResize, Position, Snap, HandleResizeStart, Dimensions, } from './types';

package/dist/types-ts4.5/resizer/types.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+export type EnabledHandles = {
+    left?: boolean;
+    right?: boolean;
+};
+export type Dimensions = {
+    width: number;
+    height: number;
+};
+export type Position = {
+    x: number;
+    y: number;
+};
+export type Snap = {
+    x?: Array<number>;
+    y?: Array<number>;
+};
+export type HandleResize = (newWidth: Position & Dimensions, delta: Dimensions) => void;
+export type HandleResizeStart = () => void;
+export type HandleStyles = {
+    right?: React.CSSProperties;
+    left?: React.CSSProperties;
+};
+export type HandleSize = 'small' | 'medium' | 'large';
+export type HandleAlignmentMethod = 'center' | 'sticky';
+export type HandlePositioning = 'overlap' | 'adjacent';
+export type ResizerAppearance = 'danger';
+export type HandleHighlight = 'none' | 'shadow' | 'full-height';

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

@@ -0,0 +1,6 @@
+export declare const snapTo: (target: number, points: number[]) => number;
+export declare const handleSides: Array<'left' | 'right'>;
+export declare const imageAlignmentMap: {
+    left: string;
+    right: string;
+};

package/dist/types-ts4.5/safe-plugin/index.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from '@atlaskit/editor-prosemirror/state';
+import type { SafePluginSpec } from '@atlaskit/editor-prosemirror/state';
+export declare class SafePlugin<T = any> extends Plugin<T> {
+    _isATypeSafePlugin: never;
+    constructor(spec: SafePluginSpec<T>);
+}

package/dist/types-ts4.5/selection/gap-cursor/actions.d.ts

@@ -0,0 +1,11 @@
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Command } from '../../types';
+import { Side } from './selection';
+export declare const setSelectionTopLevelBlocks: (tr: Transaction, event: React.MouseEvent<any>, editorRef: HTMLElement, posAtCoords: (coords: {
+    left: number;
+    top: number;
+}) => {
+    pos: number;
+    inside: number;
+} | null | void, editorFocused: boolean) => void;
+export declare const setGapCursorAtPos: (position: number, side?: Side) => Command;

package/dist/types-ts4.5/selection/gap-cursor/selection.d.ts

@@ -0,0 +1,41 @@
+import type { Node as PMNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
+import { Slice } from '@atlaskit/editor-prosemirror/model';
+import { Selection } from '@atlaskit/editor-prosemirror/state';
+import type { Mapping } from '@atlaskit/editor-prosemirror/transform';
+export declare enum Side {
+    LEFT = "left",
+    RIGHT = "right"
+}
+export declare const JSON_ID = "gapcursor";
+export declare class GapCursorSelection extends Selection {
+    readonly side: Side;
+    readonly visible: boolean;
+    /**
+     * Construct a GapCursorSelection
+     * @param {ResolvedPos} $pos resolved position
+     * @param {Side} side side where the gap cursor is drawn
+     */
+    constructor($pos: ResolvedPos, side?: Side);
+    static valid($pos: ResolvedPos): boolean;
+    static findFrom($pos: ResolvedPos, dir: number, mustMove?: boolean): GapCursorSelection | null;
+    static fromJSON(doc: PMNode, json: {
+        pos: number;
+        type: string;
+        side: Side;
+    }): GapCursorSelection;
+    map(doc: PMNode, mapping: Mapping): Selection;
+    eq(other: Selection): boolean;
+    content(): Slice;
+    getBookmark(): GapBookmark;
+    toJSON(): {
+        pos: number;
+        type: string;
+        side: Side;
+    };
+}
+export declare class GapBookmark {
+    private readonly pos;
+    constructor(pos: number);
+    map(mapping: any): GapBookmark;
+    resolve(doc: PMNode): GapCursorSelection | Selection;
+}

package/dist/types-ts4.5/selection/gap-cursor/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const hideCaretModifier = "ProseMirror-hide-gapcursor";
+export declare const gapCursorStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/selection/gap-cursor/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { isIgnored } from './is-ignored';
+export { isValidTargetNode } from './is-valid-target-node';

package/dist/types-ts4.5/selection/gap-cursor/utils/is-ignored.d.ts

@@ -0,0 +1,2 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+export declare const isIgnored: (node?: PMNode | null) => boolean;

package/dist/types-ts4.5/selection/gap-cursor/utils/is-valid-target-node.d.ts

@@ -0,0 +1,2 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+export declare const isValidTargetNode: (node?: PMNode | null) => boolean;

package/dist/types-ts4.5/selection/gap-cursor/utils/setGapCursorSelection.d.ts

@@ -0,0 +1,3 @@
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { Side } from '../selection';
+export declare function setGapCursorSelection(view: EditorView, pos: number, side: Side): void;

package/dist/types-ts4.5/selection/index.d.ts

@@ -0,0 +1,31 @@
+import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { AnalyticsEventPayload } from '../analytics';
+import type { Command } from '../types';
+export { RelativeSelectionPos } from './types';
+export type { SelectionPluginState, EditorSelectionAPI, SelectionPluginOptions, SelectionSharedState, SetSelectionRelativeToNode, } from './types';
+export { GapCursorSelection, Side, JSON_ID, GapBookmark, } from './gap-cursor/selection';
+export { setSelectionTopLevelBlocks, setGapCursorAtPos, } from './gap-cursor/actions';
+export { isIgnored, isValidTargetNode } from './gap-cursor/utils';
+export { setGapCursorSelection } from './gap-cursor/utils/setGapCursorSelection';
+export { hideCaretModifier, gapCursorStyles } from './gap-cursor/styles';
+export { atTheBeginningOfBlock, atTheBeginningOfDoc, atTheEndOfBlock, atTheEndOfDoc, endPositionOfParent, isSelectionAtEndOfNode, isSelectionAtStartOfNode, startPositionOfParent, } from './utils';
+export declare function getNodeSelectionAnalyticsPayload(selection: Selection): AnalyticsEventPayload | undefined;
+export declare function getAllSelectionAnalyticsPayload(selection: Selection): AnalyticsEventPayload | undefined;
+export declare function getCellSelectionAnalyticsPayload(state: EditorState): AnalyticsEventPayload | undefined;
+export declare function getRangeSelectionAnalyticsPayload(selection: Selection, doc: PmNode): AnalyticsEventPayload | undefined;
+/**
+ * Insert content, delete a range and create a new selection
+ * This function automatically handles the mapping of positions for insertion and deletion.
+ * The new selection is handled as a function since it may not always be necessary to resolve a position to the transactions mapping
+ *
+ * @param getSelectionResolvedPos get the resolved position to create a new selection
+ * @param insertions content to insert at the specified position
+ * @param deletions the ranges to delete
+ */
+export declare const selectNode: (pos: number) => Command;
+export declare function createSelectionClickHandler(nodes: string[], isValidTarget: (target: HTMLElement) => boolean, options: {
+    useLongPressSelection: boolean;
+    getNodeSelectionPos?: (state: EditorState, nodePos: number) => number;
+}): (view: EditorView, pos: number, node: PmNode, nodePos: number, event: MouseEvent, direct: boolean) => boolean;

package/dist/types-ts4.5/selection/types.d.ts

@@ -0,0 +1,33 @@
+import type { EditorState, Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { LongPressSelectionPluginOptions } from '../types';
+export declare enum RelativeSelectionPos {
+    Before = "Before",
+    Start = "Start",
+    Inside = "Inside",
+    End = "End"
+}
+export interface SelectionPluginState {
+    /** Selected node class decorations */
+    decorationSet: DecorationSet;
+    /** Selection the decorations were built for */
+    selection: Selection;
+    /**
+     * Relative position of selection to either its parent node or, if a NodeSelection, its own node
+     * Used to manage where the selection should go when using arrow keys
+     */
+    selectionRelativeToNode?: RelativeSelectionPos;
+}
+export type SetSelectionRelativeToNode = (props: {
+    selectionRelativeToNode?: RelativeSelectionPos;
+    selection?: Selection | null;
+}) => (state: EditorState) => Transaction;
+export type EditorSelectionAPI = {
+    setSelectionRelativeToNode: SetSelectionRelativeToNode;
+    getSelectionPluginState: (state: EditorState) => SelectionPluginState;
+};
+export interface SelectionPluginOptions extends LongPressSelectionPluginOptions {
+}
+export type SelectionSharedState = {
+    selectionRelativeToNode?: RelativeSelectionPos | undefined;
+} | undefined;

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

@@ -0,0 +1,11 @@
+import type { ResolvedPos } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
+export declare const isSelectionAtStartOfNode: ($pos: ResolvedPos, parentNode?: ContentNodeWithPos) => boolean;
+export declare const isSelectionAtEndOfNode: ($pos: ResolvedPos, parentNode?: ContentNodeWithPos) => boolean;
+export declare function atTheEndOfDoc(state: EditorState): boolean;
+export declare function atTheBeginningOfDoc(state: EditorState): boolean;
+export declare function atTheEndOfBlock(state: EditorState): boolean;
+export declare function atTheBeginningOfBlock(state: EditorState): boolean;
+export declare function startPositionOfParent(resolvedPos: ResolvedPos): number;
+export declare function endPositionOfParent(resolvedPos: ResolvedPos): number;

package/dist/types-ts4.5/selection-based-node-view/SelectionBasedNodeView.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { EventDispatcher } from '../event-dispatcher';
+import ReactNodeView, { getPosHandler, ReactComponentProps, shouldUpdate } from '../react-node-view';
+import { PortalProviderAPI } from '../ui/PortalProvider';
+/**
+ * A ReactNodeView that handles React components sensitive
+ * to selection changes.
+ *
+ * If the selection changes, it will attempt to re-render the
+ * React component. Otherwise it does nothing.
+ *
+ * You can subclass `viewShouldUpdate` to include other
+ * props that your component might want to consider before
+ * entering the React lifecycle. These are usually props you
+ * compare in `shouldComponentUpdate`.
+ *
+ * An example:
+ *
+ * ```
+ * viewShouldUpdate(nextNode) {
+ *   if (nextNode.attrs !== this.node.attrs) {
+ *     return true;
+ *   }
+ *
+ *   return super.viewShouldUpdate(nextNode);
+ * }```
+ */
+export declare class SelectionBasedNodeView<P = ReactComponentProps> extends ReactNodeView<P> {
+    protected isSelectedNode: boolean;
+    pos: number | undefined;
+    posEnd: number | undefined;
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<any>, hasContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
+    /**
+     * Update current node's start and end positions.
+     *
+     * Prefer `this.pos` rather than getPos(), because calling getPos is
+     * expensive, unless you know you're definitely going to render.
+     */
+    private updatePos;
+    private getPositionsWithDefault;
+    private isNodeInsideSelection;
+    private isSelectionInsideNode;
+    insideSelection: () => boolean;
+    nodeInsideSelection: () => boolean;
+    selectNode(): void;
+    deselectNode(): void;
+}

package/dist/types-ts4.5/selection-based-node-view/index.d.ts

@@ -0,0 +1 @@
+export { SelectionBasedNodeView } from './SelectionBasedNodeView';

package/dist/types-ts4.5/styles/index.d.ts

@@ -0,0 +1,32 @@
+export { textColorStyles } from './shared/text-color';
+export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl, } from './shared/table';
+export { AnnotationSharedClassNames, AnnotationSharedCSSByState, annotationSharedStyles, } from './shared/annotation';
+export { columnLayoutSharedStyle } from './shared/column-layout';
+export { mediaSingleSharedStyle, richMediaClassName, } from './shared/media-single';
+export { blockquoteSharedStyles } from './shared/blockquote';
+export { headingsSharedStyles } from './shared/headings';
+export { ruleSharedStyles } from './shared/rule';
+export { whitespaceSharedStyles } from './shared/whitespace';
+export { paragraphSharedStyles } from './shared/paragraph';
+export { linkSharedStyle } from './shared/link';
+export { listsSharedStyles, listItemCounterPadding, getOrderedListInlineStyles, } from './shared/lists';
+export { indentationSharedStyles } from './shared/indentation';
+export { blockMarksSharedStyles } from './shared/block-marks';
+export { codeMarkSharedStyles } from './shared/code-mark';
+export { shadowSharedStyle } from './shared/shadow';
+export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
+export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName, } from './shared/task-decision';
+export { StatusSharedCssClassName } from './shared/status';
+export { smartCardSharedStyles, SmartCardSharedCssClassName, } from './shared/smart-card';
+export { DropdownMenuSharedCssClassName } from './shared/dropdown-menu';
+export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix, } from './shared/code-block';
+export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
+export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
+export { resizerStyles, resizerHandleClassName, resizerHandleTrackClassName, resizerHandleThumbClassName, } from './shared/resizer';
+export { gridStyles, GRID_GUTTER } from './shared/grid';
+export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME, } from './shared/smartCard';
+export { embedCardStyles, embedSpacingStyles } from './shared/embedCard';
+export { buttonGroupStyle, separatorStyles, wrapperStyle, triggerWrapperStyles, } from './shared/plugins';
+export { UnsupportedSharedCssClassName, unsupportedStyles, } from './shared/unsupported-content';
+export { expandIconWrapperStyle } from './shared/expand';
+export { ClassNames as MediaSharedClassNames } from './shared/media';

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

@@ -0,0 +1,12 @@
+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) => {
+    focus: import("@emotion/react").SerializedStyles;
+    blur: import("@emotion/react").SerializedStyles;
+};
+export declare const annotationSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1 @@
+export declare const blockMarksSharedStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1 @@
+export declare const blockquoteSharedStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,12 @@
+import { ThemeProps } from '@atlaskit/theme/types';
+export declare const CodeBlockSharedCssClassName: {
+    CODEBLOCK_CONTAINER: string;
+    CODEBLOCK_START: string;
+    CODEBLOCK_END: string;
+    CODEBLOCK_CONTENT_WRAPPER: string;
+    CODEBLOCK_LINE_NUMBER_GUTTER: string;
+    CODEBLOCK_CONTENT: string;
+    DS_CODEBLOCK: string;
+};
+export declare const codeBlockSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const codeBlockInListSafariFix: import("@emotion/react").SerializedStyles;

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

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

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

@@ -0,0 +1,2 @@
+declare const columnLayoutSharedStyle: import("@emotion/react").SerializedStyles;
+export { columnLayoutSharedStyle };

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

@@ -0,0 +1,5 @@
+export declare const DateSharedCssClassName: {
+    DATE_WRAPPER: string;
+    DATE_CONTAINER: string;
+};
+export declare const dateSharedStyle: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,4 @@
+export declare const dropdownPrefixSelector = "pm-dropdown";
+export declare const DropdownMenuSharedCssClassName: {
+    SUBMENU: string;
+};

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

@@ -0,0 +1,2 @@
+export declare const embedCardStyles: import("@emotion/react").SerializedStyles;
+export declare const embedSpacingStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,7 @@
+export declare const EmojiSharedCssClassName: {
+    EMOJI_CONTAINER: string;
+    EMOJI_NODE: string;
+    EMOJI_SPRITE: string;
+    EMOJI_IMAGE: string;
+    EMOJI_PLACEHOLDER: string;
+};

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

@@ -0,0 +1 @@
+export declare const expandIconWrapperStyle: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,2 @@
+export declare const EXTENSION_PADDING: number;
+export declare const BODIED_EXT_PADDING: number;

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

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

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

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

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

@@ -0,0 +1 @@
+export declare const indentationSharedStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,2 @@
+export declare const LAYOUT_SECTION_MARGIN: number;
+export declare const LAYOUT_COLUMN_PADDING: number;

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

@@ -0,0 +1,2 @@
+declare const linkSharedStyle: import("@emotion/react").SerializedStyles;
+export { linkSharedStyle };

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

@@ -0,0 +1,4 @@
+export declare const listItemCounterPadding = 24;
+export declare function getOrderedListInlineStyles(itemCounterDigitsSize: number, styleFormat: 'string'): string;
+export declare function getOrderedListInlineStyles(itemCounterDigitsSize: number, styleFormat: 'object'): Record<string, any>;
+export declare const listsSharedStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,3 @@
+declare const richMediaClassName = "rich-media-item";
+declare const mediaSingleSharedStyle: import("@emotion/react").SerializedStyles;
+export { mediaSingleSharedStyle, richMediaClassName };

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

@@ -0,0 +1,3 @@
+export declare const ClassNames: {
+    FLOATING_TOOLBAR_COMPONENT: string;
+};

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

@@ -0,0 +1,3 @@
+export declare const MentionSharedCssClassName: {
+    MENTION_CONTAINER: string;
+};

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

@@ -0,0 +1,85 @@
+import { PanelType } from '@atlaskit/adf-schema';
+import type { ThemeProps } from '@atlaskit/theme/types';
+export declare const darkPanelColors: {
+    info: string;
+    error: string;
+    warning: string;
+    tip: string;
+    success: string;
+    note: string;
+    R900: string;
+    R100S: string;
+    R300S: string;
+    R500S: string;
+    R800S: string;
+    R1200S: string;
+    Y900: string;
+    Y100S: string;
+    Y300S: string;
+    Y500S: string;
+    Y800S: string;
+    Y1200S: string;
+    G900: string;
+    G100S: string;
+    G300S: string;
+    G400S: string;
+    G900S: string;
+    G1200S: string;
+    B900: string;
+    B100S: string;
+    B300S: string;
+    B500S: string;
+    B800S: string;
+    B1200S: string;
+    P900: string;
+    P100S: string;
+    P300S: string;
+    P500S: string;
+    P800S: string;
+    P1200S: string;
+    T900: string;
+    T100S: string;
+    T300S: string;
+    T400S: string;
+    T900S: string;
+    T1200S: string;
+    DarkGray: string;
+    Gray: string;
+    LightGray: string;
+    TextColor: string;
+};
+export declare const getPanelDarkColor: (panelColor: string) => string;
+export declare const getPanelBackgroundDarkModeColors: string;
+export declare function getPanelDarkModeCSS(colorName: string, colorValue: string): string;
+export declare const PanelSharedCssClassName: {
+    prefix: string;
+    content: string;
+    icon: string;
+};
+export declare const PanelSharedSelectors: {
+    infoPanel: string;
+    notePanel: string;
+    warningPanel: string;
+    errorPanel: string;
+    successPanel: string;
+    noteButton: string;
+    warningButton: string;
+    removeButton: string;
+    colorPalette: string;
+    selectedColor: string;
+    removeEmojiIcon: string;
+    emojiIcon: string;
+    selectedEmoji: string;
+    addYourOwnEmoji: string;
+    emojiNameInCustomEmoji: string;
+    title: string;
+    emojiPopup: string;
+    searchEmoji: string;
+    orangeWarningIcon: string;
+    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;

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

@@ -0,0 +1 @@
+export declare const paragraphSharedStyles: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,4 @@
+export declare const buttonGroupStyle: import("@emotion/react").SerializedStyles;
+export declare const separatorStyles: import("@emotion/react").SerializedStyles;
+export declare const wrapperStyle: import("@emotion/react").SerializedStyles;
+export declare const triggerWrapperStyles: import("@emotion/react").SerializedStyles;