@atlaskit/editor-common 82.3.0 → 82.5.0

package/dist/esm/ui-color/ColorPalette/Palettes/paletteMessages.js

@@ -123,7 +123,7 @@ export default defineMessages({
   // Colors only used in highlight palette
   'no-color': {
     id: 'fabric.theme.no-color',
-    defaultMessage: 'Remove highlight',
+    defaultMessage: 'No highlight',
     description: 'Tooltip for the no color option in the highlight color palette in the main editor toolbar'
   },
   lime: {

package/dist/esm/ui-color/ColorPalette/index.js

@@ -54,6 +54,7 @@ var ColorPalette = function ColorPalette(props) {
   }, [palette, cols]);
   return jsx(React.Fragment, null, colorsPerRow.map(function (row) {
     return jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       css: colorPaletteWrapper
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,

package/dist/esm/ui-color/ColorPalette/styles.js

@@ -1,4 +1,5 @@
 import { css } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var colorPaletteWrapper = css({
   padding: "0 ".concat("var(--ds-space-100, 8px)"),
   /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */

package/dist/esm/ui-menu/ColorPickerButton/index.js

@@ -25,6 +25,7 @@ var colorPickerExpandContainer = css({
 // Control the size of color picker buttons and preview
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4134
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var colorPickerWrapper = function colorPickerWrapper() {
   return css({
     borderRadius: "var(--ds-border-radius, 3px)",
@@ -168,17 +169,23 @@ var ColorPickerButton = function ColorPickerButton(props) {
     return css({
       padding: "var(--ds-space-075, 6px)".concat(" 10px"),
       backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       height: "".concat(!!((_props$size = props.size) !== null && _props$size !== void 0 && _props$size.height) ? 'inherit' : ''),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
       '&:before': {
         display: 'flex',
         justifyContent: 'center',
         alignItems: 'center',
         alignSelf: 'center',
         content: "''",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         border: "1px solid ".concat(DEFAULT_BORDER_COLOR),
         borderRadius: "var(--ds-border-radius, 3px)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         backgroundColor: currentColor || 'transparent',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         width: ((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.width) || '14px',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         height: ((_props$size3 = props.size) === null || _props$size3 === void 0 ? void 0 : _props$size3.height) || '14px',
         padding: 0,
         margin: "0px ".concat("var(--ds-space-025, 2px)")

package/dist/esm/ui-menu/DropdownMenu/index.js

@@ -34,6 +34,7 @@ import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
 var wrapper = css({
   /* tooltip in ToolbarButton is display:block */
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > div > div': {
     display: 'flex'
   }

package/dist/types/analytics/types/element-events.d.ts

@@ -0,0 +1,10 @@
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
+import type { UIAEP } from './utils';
+type ElementAttributes = {
+    nodeDepth: number;
+    nodeType: string;
+};
+type ElementDragAEP = UIAEP<ACTION.DRAGGED, ACTION_SUBJECT.ELEMENT, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
+type DragCancelledAEP = UIAEP<ACTION.CANCELLED, ACTION_SUBJECT.DRAG, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
+export type ElementEventPayload = ElementDragAEP | DragCancelledAEP;
+export {};

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

@@ -8,6 +8,7 @@ export declare enum ACTION {
     ACTIVATED = "activated",
     ADDED = "added",
     BROWSER_FREEZE = "browserFreeze",
+    CANCELLED = "cancelled",
     CAUGHT_DOM_ERROR = "caughtDomError",
     CHANGED_BACKGROUND_COLOR = "changedBackgroundColor",
     CHANGED_ICON = "changedIcon",
@@ -36,6 +37,7 @@ export declare enum ACTION {
     DISMISSED = "dismissed",
     DISPATCHED_INVALID_TRANSACTION = "dispatchedInvalidTransaction",
     DISPATCHED_VALID_TRANSACTION = "dispatchedValidTransaction",
+    DRAGGED = "dragged",
     EDITED = "edited",
     EDITOR_CRASHED = "unhandledErrorCaught",
     EDITOR_CRASHED_ADDITIONAL_INFORMATION = "unhandledErrorCaughtAdditionalInfov2",
@@ -154,6 +156,7 @@ export declare enum INPUT_METHOD {
     CONFIG_PANEL = "configPanel",
     CONTEXT_MENU = "contextMenu",
     DRAG_AND_DROP = "dragAndDrop",
+    DRAG = "drag",
     EXTERNAL = "external",
     EXTENSION_API = "extensionApi",
     FLOATING_TB = "floatingToolbar",
@@ -228,7 +231,10 @@ export declare enum ACTION_SUBJECT {
     TOOLTIP = "tooltip",
     LOOM = "loom",
     MULTI_BODIED_EXTENSION = "multiBodiedExtension",
-    BODIED_EXTENSION = "bodiedExtension"
+    BODIED_EXTENSION = "bodiedExtension",
+    DROP_TARGET = "dropTarget",
+    DRAG = "drag",
+    ELEMENT = "element"
 }
 export declare enum ACTION_SUBJECT_ID {
     ACTION = "action",
@@ -257,6 +263,8 @@ export declare enum ACTION_SUBJECT_ID {
     DECISION = "decision",
     DIVIDER = "divider",
     EDIT_LINK = "editLink",
+    ELEMENT_DRAG_HANDLE = "elementDragHandle",
+    ELEMENT_DROP_TARGET = "elementDropTarget",
     EMBEDS = "embeds",
     EMOJI = "emoji",
     EXPAND = "expand",

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

@@ -8,6 +8,7 @@ import type { ConfigPanelEventPayload } from './config-panel-events';
 import type { CutCopyEventPayload } from './cut-copy-events';
 import type { DateEventPayload } from './date-events';
 import type { ElementBrowserEventPayload } from './element-browser-events';
+import type { ElementEventPayload } from './element-events';
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, FLOATING_CONTROLS_TITLE } from './enums';
 import type { ExperimentalEventPayload } from './experimental-events';
 import type { ExtensionEventPayload } from './extension-events';
@@ -37,7 +38,7 @@ export type SimplifiedNode = {
     marks?: string[];
     content?: SimplifiedNode[];
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | ElementEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

package/dist/types/analytics/types/highlight-events.d.ts

@@ -1,6 +1,8 @@
-import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
 import type { TrackAEP } from './utils';
-export type HighlightToolbarToggleAEP = TrackAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, undefined, undefined>;
+export type HighlightToolbarToggleAEP = TrackAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, {
+    inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT;
+}, undefined>;
 export type HighlightTextAEP = TrackAEP<ACTION.FORMATTED, ACTION_SUBJECT.TEXT, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, {
     newColor: string;
     previousColor: string;

package/dist/types/analytics/types/index.d.ts

@@ -34,3 +34,4 @@ export { SELECTION_POSITION, SELECTION_TYPE } from './utils';
 export type { OperationalAEP } from './utils';
 export type { PluginMethodReport, PluginsReport, NodeCount, PluginPerformanceReportData, } from './performance-report';
 export type { InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, } from './referentiality-events';
+export type { ElementEventPayload } from './element-events';

package/dist/types/extensions/types/extension-manifest-toolbar-item.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { ExtensionAPI } from './extension-handler';
 import type { ExtensionIconModule } from './extension-manifest-common';
@@ -6,7 +7,14 @@ export type ToolbarButton = ExtensionModuleToolbarButtonLabelOrIcon & {
     key: string;
     action: ToolbarButtonAction;
     label: string;
-    tooltip?: string;
+    ariaLabel?: string;
+    tooltip?: React.ReactNode | string;
+    /**
+     * Tooltip Style
+     * This uses the Custom component feature of the Tooltip component.
+     * How to use: https://atlassian.design/components/tooltip/examples#custom-component
+     */
+    tooltipStyle?: React.ForwardRefExoticComponent<any> | React.ComponentType<any>;
     icon?: () => ExtensionIconModule;
     display?: 'icon' | 'label' | 'icon-and-label';
     disabled?: boolean;
@@ -38,7 +46,14 @@ export type StandardNodeContext = {
 export type ExtensionToolbarButton = {
     key: string;
     label?: string;
-    tooltip?: string;
+    ariaLabel?: string;
+    tooltip?: React.ReactNode | string;
+    /**
+     * Tooltip Style
+     * This uses the Custom component feature of the Tooltip component.
+     * How to use: https://atlassian.design/components/tooltip/examples#custom-component
+     */
+    tooltipStyle?: React.ForwardRefExoticComponent<any> | React.ComponentType<any>;
     icon?: () => ExtensionIconModule;
     action: ToolbarButtonAction;
     disabled?: boolean;

package/dist/types/keymaps/index.d.ts

@@ -89,6 +89,7 @@ export declare const selectTable: Keymap;
 export declare const increaseMediaSize: Keymap;
 export declare const decreaseMediaSize: Keymap;
 export declare const activateVideoControls: Keymap;
+export declare const toggleHighlightPalette: Keymap;
 export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
 export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;

package/dist/types/messages/help-dialog.d.ts

@@ -84,4 +84,9 @@ export declare const helpDialogMessages: {
         defaultMessage: string;
         description: string;
     };
+    highlightColor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/ui/FloatingToolbar/Button.d.ts

@@ -21,11 +21,12 @@ export interface Props {
     children?: React.ReactNode;
     className?: string;
     tooltipContent?: React.ReactNode;
+    tooltipStyle?: React.ForwardRefExoticComponent<any> | React.ComponentType<any>;
     testId?: string;
     hideTooltipOnClick?: boolean;
     tabIndex?: number | null | undefined;
     areaControls?: string;
     isRadioButton?: boolean;
 }
-declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, selected, disabled, href, target, appearance, children, className, tooltipContent, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, }: Props) => JSX.Element;
+declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, selected, disabled, href, target, appearance, children, className, tooltipContent, tooltipStyle, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, }: Props) => JSX.Element;
 export default _default;

package/dist/types/ui-color/ColorPalette/Color/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React, { PureComponent, type ReactElement } from 'react';
+import { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
 export interface Props {
     value: string;
@@ -13,11 +13,5 @@ export interface Props {
     hexToPaletteColor?: (hexColor: string) => string | undefined;
     decorator?: ReactElement;
 }
-declare function FunctionalComponentColor(props: Props): jsx.JSX.Element;
-declare class ClassComponentColor extends PureComponent<Props> {
-    render(): jsx.JSX.Element;
-    onMouseDown: (e: React.MouseEvent<{}>) => void;
-    onClick: (e: React.MouseEvent<{}>) => void;
-}
-declare const Color: typeof ClassComponentColor | typeof FunctionalComponentColor;
+declare const Color: (props: Props) => jsx.JSX.Element;
 export default Color;

package/dist/types-ts4.5/analytics/types/element-events.d.ts

@@ -0,0 +1,10 @@
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
+import type { UIAEP } from './utils';
+type ElementAttributes = {
+    nodeDepth: number;
+    nodeType: string;
+};
+type ElementDragAEP = UIAEP<ACTION.DRAGGED, ACTION_SUBJECT.ELEMENT, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
+type DragCancelledAEP = UIAEP<ACTION.CANCELLED, ACTION_SUBJECT.DRAG, ACTION_SUBJECT_ID.ELEMENT_DRAG_HANDLE, ElementAttributes, null>;
+export type ElementEventPayload = ElementDragAEP | DragCancelledAEP;
+export {};

package/dist/types-ts4.5/analytics/types/enums.d.ts

@@ -8,6 +8,7 @@ export declare enum ACTION {
     ACTIVATED = "activated",
     ADDED = "added",
     BROWSER_FREEZE = "browserFreeze",
+    CANCELLED = "cancelled",
     CAUGHT_DOM_ERROR = "caughtDomError",
     CHANGED_BACKGROUND_COLOR = "changedBackgroundColor",
     CHANGED_ICON = "changedIcon",
@@ -36,6 +37,7 @@ export declare enum ACTION {
     DISMISSED = "dismissed",
     DISPATCHED_INVALID_TRANSACTION = "dispatchedInvalidTransaction",
     DISPATCHED_VALID_TRANSACTION = "dispatchedValidTransaction",
+    DRAGGED = "dragged",
     EDITED = "edited",
     EDITOR_CRASHED = "unhandledErrorCaught",
     EDITOR_CRASHED_ADDITIONAL_INFORMATION = "unhandledErrorCaughtAdditionalInfov2",
@@ -154,6 +156,7 @@ export declare enum INPUT_METHOD {
     CONFIG_PANEL = "configPanel",
     CONTEXT_MENU = "contextMenu",
     DRAG_AND_DROP = "dragAndDrop",
+    DRAG = "drag",
     EXTERNAL = "external",
     EXTENSION_API = "extensionApi",
     FLOATING_TB = "floatingToolbar",
@@ -228,7 +231,10 @@ export declare enum ACTION_SUBJECT {
     TOOLTIP = "tooltip",
     LOOM = "loom",
     MULTI_BODIED_EXTENSION = "multiBodiedExtension",
-    BODIED_EXTENSION = "bodiedExtension"
+    BODIED_EXTENSION = "bodiedExtension",
+    DROP_TARGET = "dropTarget",
+    DRAG = "drag",
+    ELEMENT = "element"
 }
 export declare enum ACTION_SUBJECT_ID {
     ACTION = "action",
@@ -257,6 +263,8 @@ export declare enum ACTION_SUBJECT_ID {
     DECISION = "decision",
     DIVIDER = "divider",
     EDIT_LINK = "editLink",
+    ELEMENT_DRAG_HANDLE = "elementDragHandle",
+    ELEMENT_DROP_TARGET = "elementDropTarget",
     EMBEDS = "embeds",
     EMOJI = "emoji",
     EXPAND = "expand",

package/dist/types-ts4.5/analytics/types/events.d.ts

@@ -8,6 +8,7 @@ import type { ConfigPanelEventPayload } from './config-panel-events';
 import type { CutCopyEventPayload } from './cut-copy-events';
 import type { DateEventPayload } from './date-events';
 import type { ElementBrowserEventPayload } from './element-browser-events';
+import type { ElementEventPayload } from './element-events';
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, CONTENT_COMPONENT, FLOATING_CONTROLS_TITLE } from './enums';
 import type { ExperimentalEventPayload } from './experimental-events';
 import type { ExtensionEventPayload } from './extension-events';
@@ -37,7 +38,7 @@ export type SimplifiedNode = {
     marks?: string[];
     content?: SimplifiedNode[];
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | CutCopyEventPayload | ErrorEventPayload | ExperimentalEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | ElementEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     previousColor: string;
     newColor: string;

package/dist/types-ts4.5/analytics/types/highlight-events.d.ts

@@ -1,6 +1,8 @@
-import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
 import type { TrackAEP } from './utils';
-export type HighlightToolbarToggleAEP = TrackAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, undefined, undefined>;
+export type HighlightToolbarToggleAEP = TrackAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, {
+    inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT;
+}, undefined>;
 export type HighlightTextAEP = TrackAEP<ACTION.FORMATTED, ACTION_SUBJECT.TEXT, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, {
     newColor: string;
     previousColor: string;

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

@@ -34,3 +34,4 @@ export { SELECTION_POSITION, SELECTION_TYPE } from './utils';
 export type { OperationalAEP } from './utils';
 export type { PluginMethodReport, PluginsReport, NodeCount, PluginPerformanceReportData, } from './performance-report';
 export type { InitialiseFragmentMarksAEP, ConnectedNodesAEP, DisconnectedSourceAEP, DisconnectedTargetAEP, GotConnectionsAEP, UpdatedFragmentMarkNameAEP, UpdatedSourceAEP, UpdatedTargetAEP, } from './referentiality-events';
+export type { ElementEventPayload } from './element-events';

package/dist/types-ts4.5/extensions/types/extension-manifest-toolbar-item.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import type { ExtensionAPI } from './extension-handler';
 import type { ExtensionIconModule } from './extension-manifest-common';
@@ -6,7 +7,14 @@ export type ToolbarButton = ExtensionModuleToolbarButtonLabelOrIcon & {
     key: string;
     action: ToolbarButtonAction;
     label: string;
-    tooltip?: string;
+    ariaLabel?: string;
+    tooltip?: React.ReactNode | string;
+    /**
+     * Tooltip Style
+     * This uses the Custom component feature of the Tooltip component.
+     * How to use: https://atlassian.design/components/tooltip/examples#custom-component
+     */
+    tooltipStyle?: React.ForwardRefExoticComponent<any> | React.ComponentType<any>;
     icon?: () => ExtensionIconModule;
     display?: 'icon' | 'label' | 'icon-and-label';
     disabled?: boolean;
@@ -38,7 +46,14 @@ export type StandardNodeContext = {
 export type ExtensionToolbarButton = {
     key: string;
     label?: string;
-    tooltip?: string;
+    ariaLabel?: string;
+    tooltip?: React.ReactNode | string;
+    /**
+     * Tooltip Style
+     * This uses the Custom component feature of the Tooltip component.
+     * How to use: https://atlassian.design/components/tooltip/examples#custom-component
+     */
+    tooltipStyle?: React.ForwardRefExoticComponent<any> | React.ComponentType<any>;
     icon?: () => ExtensionIconModule;
     action: ToolbarButtonAction;
     disabled?: boolean;

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

@@ -89,6 +89,7 @@ export declare const selectTable: Keymap;
 export declare const increaseMediaSize: Keymap;
 export declare const decreaseMediaSize: Keymap;
 export declare const activateVideoControls: Keymap;
+export declare const toggleHighlightPalette: Keymap;
 export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
 export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;

package/dist/types-ts4.5/messages/help-dialog.d.ts

@@ -84,4 +84,9 @@ export declare const helpDialogMessages: {
         defaultMessage: string;
         description: string;
     };
+    highlightColor: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types-ts4.5/ui/FloatingToolbar/Button.d.ts

@@ -21,11 +21,12 @@ export interface Props {
     children?: React.ReactNode;
     className?: string;
     tooltipContent?: React.ReactNode;
+    tooltipStyle?: React.ForwardRefExoticComponent<any> | React.ComponentType<any>;
     testId?: string;
     hideTooltipOnClick?: boolean;
     tabIndex?: number | null | undefined;
     areaControls?: string;
     isRadioButton?: boolean;
 }
-declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, selected, disabled, href, target, appearance, children, className, tooltipContent, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, }: Props) => JSX.Element;
+declare const _default: ({ title, icon, iconAfter, onClick, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onBlur, selected, disabled, href, target, appearance, children, className, tooltipContent, tooltipStyle, testId, hideTooltipOnClick, ariaHasPopup, tabIndex, areaControls, ariaLabel, isRadioButton, }: Props) => JSX.Element;
 export default _default;

package/dist/types-ts4.5/ui-color/ColorPalette/Color/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React, { PureComponent, type ReactElement } from 'react';
+import { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
 export interface Props {
     value: string;
@@ -13,11 +13,5 @@ export interface Props {
     hexToPaletteColor?: (hexColor: string) => string | undefined;
     decorator?: ReactElement;
 }
-declare function FunctionalComponentColor(props: Props): jsx.JSX.Element;
-declare class ClassComponentColor extends PureComponent<Props> {
-    render(): jsx.JSX.Element;
-    onMouseDown: (e: React.MouseEvent<{}>) => void;
-    onClick: (e: React.MouseEvent<{}>) => void;
-}
-declare const Color: typeof ClassComponentColor | typeof FunctionalComponentColor;
+declare const Color: (props: Props) => jsx.JSX.Element;
 export default Color;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "82.3.0",
+  "version": "82.5.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"