@atlaskit/editor-common 79.3.0 → 79.4.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-common
 
+## 79.4.0
+
+### Minor Changes
+
+-   [#98130](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98130)
+    [`6a3c0d9d6382`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6a3c0d9d6382) -
+    [ED-23154] Add highlight option to main toolbar in editor
+
+## 79.3.1
+
+### Patch Changes
+
+-   [#99563](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99563)
+    [`3d4ddbef36b8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3d4ddbef36b8) -
+    [ux] [EDF-629] Revert floating toolbar click handler changes
+-   Updated dependencies
+
 ## 79.3.0
 
 ### Minor Changes

package/dist/cjs/analytics/types/enums.js

@@ -285,6 +285,7 @@ var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTIO
   ACTION_SUBJECT_ID["FRAGMENT_MARK"] = "fragmentMark";
   ACTION_SUBJECT_ID["GOTO_SMART_LINK_SETTINGS"] = "goToSmartLinkSettings";
   ACTION_SUBJECT_ID["HELP_QUICK_INSERT"] = "helpQuickInsert";
+  ACTION_SUBJECT_ID["HIGHLIGHT"] = "highlight";
   ACTION_SUBJECT_ID["HYPERLINK"] = "hyperlink";
   ACTION_SUBJECT_ID["INLINE_COMMENT"] = "inlineComment";
   ACTION_SUBJECT_ID["LAYOUT"] = "layout";

package/dist/cjs/analytics/types/highlight-events.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/analytics/types/toolbar-button.js

@@ -14,6 +14,7 @@ var TOOLBAR_ACTION_SUBJECT_ID = exports.TOOLBAR_ACTION_SUBJECT_ID = /*#__PURE__*
   TOOLBAR_ACTION_SUBJECT_ID["DECISION_LIST"] = "decisionList";
   TOOLBAR_ACTION_SUBJECT_ID["TASK_LIST"] = "taskList";
   TOOLBAR_ACTION_SUBJECT_ID["TEXT_COLOR"] = "color";
+  TOOLBAR_ACTION_SUBJECT_ID["HIGHLIGHT"] = "highlight";
   TOOLBAR_ACTION_SUBJECT_ID["TEXT_FORMATTING_STRONG"] = "strong";
   TOOLBAR_ACTION_SUBJECT_ID["TEXT_FORMATTING_ITALIC"] = "italic";
   TOOLBAR_ACTION_SUBJECT_ID["UNDO"] = "undo";

package/dist/cjs/messages/highlight.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.highlightMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var highlightMessages = exports.highlightMessages = (0, _reactIntlNext.defineMessages)({
+  highlight: {
+    id: 'fabric.editor.highlight',
+    defaultMessage: 'Highlight color',
+    description: 'Label for the highlight color menu option in the primary editor toolbar. Opens up the color palette for the highlight colors.'
+  }
+});

package/dist/cjs/messages/index.js

@@ -70,6 +70,12 @@ Object.defineProperty(exports, "helpDialogMessages", {
     return _helpDialog.helpDialogMessages;
   }
 });
+Object.defineProperty(exports, "highlightMessages", {
+  enumerable: true,
+  get: function get() {
+    return _highlight.highlightMessages;
+  }
+});
 Object.defineProperty(exports, "indentationMessages", {
   enumerable: true,
   get: function get() {
@@ -208,6 +214,7 @@ var _pasteOptionsToolbar = require("./paste-options-toolbar");
 var _panel = require("./panel");
 var _mentions = require("./mentions");
 var _helpDialog = require("./help-dialog");
+var _highlight = require("./highlight");
 var _default = exports.default = (0, _reactIntlNext.defineMessages)({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "79.3.0";
+var packageVersion = "79.4.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/rank.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.rankEditorPlugins = void 0;
 exports.sortByOrder = sortByOrder;
 exports.sortByOrderWithTypeName = sortByOrderWithTypeName;
-// @depreacted
+// @deprecated
 // @private This rank is not stable and should not be trusted. If you need to change this file, please let the Editor lego team know about it
 var rankEditorPlugins = exports.rankEditorPlugins = {
   plugins: ['featureFlagsContextPlugin', 'compositionPlugin', 'inlineCursorTargetPlugin', 'typeAhead', 'typeAheadInsertItem', 'focusHandlerPlugin', 'frozenEditor', 'submitEditor', 'saveOnEnter', 'customAutoformatting', 'newlinePreserveMarksPlugin', 'imageUpload', 'imageUploadInputRule', 'clipboard', 'paste', 'pasteKeymap', 'mention', 'mentionInputRule', 'mentionKeymap', 'emoji', 'placeholderText', 'emojiInputRule', 'emojiKeymap', 'emojiAsciiInputRule', 'blockType', 'quickInsert', 'tasksAndDecisions', 'blockTypeInputRule', 'tasksAndDecisionsInputRule', 'list', 'typeAheadKeymap', 'typeAheadInputRule', 'date',
   // Needs to be before indentation to handle tab into input field
   'dateKeymap',
   // This should be always after `typeAheadKeymap` & `emojiKeymap`
-  'indentationKeymap', 'textColor', 'alignmentPlugin', 'listInputRule', 'listKeymap', 'codeBlock', 'codeBlockIDEKeyBindings', 'codeBlockKeyMap', 'textFormatting', 'textFormattingCursor', 'textFormattingInputRule', 'textFormattingSmartRule', 'textFormattingClear', 'textFormattingKeymap',
+  'indentationKeymap', 'textColor', 'highlight', 'alignmentPlugin', 'listInputRule', 'listKeymap', 'codeBlock', 'codeBlockIDEKeyBindings', 'codeBlockKeyMap', 'textFormatting', 'textFormattingCursor', 'textFormattingInputRule', 'textFormattingSmartRule', 'textFormattingClear', 'textFormattingKeymap',
   // task/decisions keymap needs to be above table keymap so can indent actions in a table
   'tasksAndDecisionsKeyMap',
   // expand and table keymaps need to be above selection keymap to add their custom selection behaviour:
@@ -29,14 +29,14 @@ var rankEditorPlugins = exports.rankEditorPlugins = {
   // Fragment mark is both for inline and block elements
   'fragment',
   // Inline marks
-  'link', 'em', 'strong', 'textColor', 'strike', 'subsup', 'underline', 'code', 'typeAheadQuery',
+  'link', 'em', 'strong', 'textColor', 'backgroundColor', 'strike', 'subsup', 'underline', 'code', 'typeAheadQuery',
   // Block marks
   'alignment', 'breakout', 'indentation', 'annotation', 'dataConsumer', 'border',
   // Unsupported mark
   'unsupportedMark', 'unsupportedNodeAttribute']
 };
 
-// @depreacted
+// @deprecated
 // @private This rank is not stable and should not be trusted. If you need to change this file, please let the Editor lego team know about it
 function sortByOrder(item) {
   return function (a, b) {
@@ -49,7 +49,7 @@ function sortByOrder(item) {
 // function avoided that whole mess. If someone can think of a better way to implement
 // the above and below into a single function please do so
 
-// @depreacted
+// @deprecated
 // @private This rank is not stable and should not be trusted. If you need to change this file, please let the Editor lego team know about it
 function sortByOrderWithTypeName(item) {
   return function (a, b) {

package/dist/cjs/ui/DropList/index.js

@@ -20,7 +20,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "79.3.0";
+var packageVersion = "79.4.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui/FloatingToolbar/Separator.js

@@ -13,8 +13,7 @@ var separator = (0, _react.css)({
   width: '1px',
   height: '20px',
   margin: "0 ".concat("var(--ds-space-050, 4px)"),
-  alignSelf: 'center',
-  pointerEvents: 'none'
+  alignSelf: 'center'
 });
 var _default = exports.default = function _default() {
   return (0, _react.jsx)("div", {

package/dist/cjs/ui-color/ColorPalette/Palettes/highlightColorPalette.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.highlightColorPalette = exports.REMOVE_HIGHLIGHT_COLOR = void 0;
+var _adfSchema = require("@atlaskit/adf-schema");
+var _common = require("./common");
+var _getColorMessage = _interopRequireDefault(require("./getColorMessage"));
+var _paletteMessages = _interopRequireDefault(require("./paletteMessages"));
+var _textColorPalette = require("./textColorPalette");
+var REMOVE_HIGHLIGHT_COLOR = exports.REMOVE_HIGHLIGHT_COLOR = '#00000000';
+var highlightColorPalette = exports.highlightColorPalette = [{
+  value: REMOVE_HIGHLIGHT_COLOR,
+  label: 'No color',
+  // Mostly informative, only used for analytics
+  border: _common.DEFAULT_BORDER_COLOR,
+  message: (0, _getColorMessage.default)(_paletteMessages.default, 'no-color')
+}];
+_adfSchema.backgroundColorPalette.forEach(function (label, color) {
+  highlightColorPalette.push((0, _textColorPalette.mapPaletteColor)(label, color));
+});

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

@@ -125,5 +125,21 @@ var _default = exports.default = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.theme.bold-gray',
     defaultMessage: 'Bold gray',
     description: 'Name of a color'
+  },
+  // Colors only used in highlight palette
+  'no-color': {
+    id: 'fabric.theme.no-color',
+    defaultMessage: 'Remove highlight',
+    description: 'Tooltip for the no color option in the highlight color palette in the main editor toolbar'
+  },
+  lime: {
+    id: 'fabric.theme.lime',
+    defaultMessage: 'Lime',
+    description: "Tooltip for the lime color used in the main toolbar's highlight color palette"
+  },
+  magenta: {
+    id: 'fabric.theme.magenta',
+    defaultMessage: 'Magenta',
+    description: "Tooltip for the magenta color used in the main toolbar's highlight color palette"
   }
 });

package/dist/cjs/ui-color/ColorPalette/Palettes/textColorPalette.js

@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.textColorPalette = void 0;
+exports.textColorPalette = exports.mapPaletteColor = void 0;
 var _adfSchema = require("@atlaskit/adf-schema");
 var _common = require("./common");
 var _getColorMessage = _interopRequireDefault(require("./getColorMessage"));
 var _paletteMessages = _interopRequireDefault(require("./paletteMessages"));
-var mapPaletteColor = function mapPaletteColor(label, color) {
+var mapPaletteColor = exports.mapPaletteColor = function mapPaletteColor(label, color) {
   var key = label.toLowerCase().replace(' ', '-');
   var message = (0, _getColorMessage.default)(_paletteMessages.default, key);
   return {

package/dist/cjs/ui-color/index.js

@@ -28,6 +28,12 @@ Object.defineProperty(exports, "DEFAULT_COLOR_PICKER_COLUMNS", {
     return _utils.DEFAULT_COLOR_PICKER_COLUMNS;
   }
 });
+Object.defineProperty(exports, "REMOVE_HIGHLIGHT_COLOR", {
+  enumerable: true,
+  get: function get() {
+    return _highlightColorPalette.REMOVE_HIGHLIGHT_COLOR;
+  }
+});
 Object.defineProperty(exports, "backgroundPaletteTooltipMessages", {
   enumerable: true,
   get: function get() {
@@ -88,6 +94,12 @@ Object.defineProperty(exports, "getSelectedRowAndColumnFromPalette", {
     return _utils.getSelectedRowAndColumnFromPalette;
   }
 });
+Object.defineProperty(exports, "highlightColorPalette", {
+  enumerable: true,
+  get: function get() {
+    return _highlightColorPalette.highlightColorPalette;
+  }
+});
 Object.defineProperty(exports, "lightModeStatusColorPalette", {
   enumerable: true,
   get: function get() {
@@ -126,6 +138,7 @@ var _paletteMessages = _interopRequireDefault(require("./ColorPalette/Palettes/p
 var _panelBackgroundPalette = require("./ColorPalette/Palettes/panelBackgroundPalette");
 var _statusColorPalette = require("./ColorPalette/Palettes/statusColorPalette");
 var _textColorPalette = require("./ColorPalette/Palettes/textColorPalette");
+var _highlightColorPalette = require("./ColorPalette/Palettes/highlightColorPalette");
 var _Palettes = require("./ColorPalette/Palettes");
 var _common = require("./ColorPalette/Palettes/common");
 var _borderColorPalette = _interopRequireDefault(require("./ColorPalette/Palettes/borderColorPalette"));

package/dist/es2019/analytics/types/enums.js

@@ -279,6 +279,7 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["FRAGMENT_MARK"] = "fragmentMark";
   ACTION_SUBJECT_ID["GOTO_SMART_LINK_SETTINGS"] = "goToSmartLinkSettings";
   ACTION_SUBJECT_ID["HELP_QUICK_INSERT"] = "helpQuickInsert";
+  ACTION_SUBJECT_ID["HIGHLIGHT"] = "highlight";
   ACTION_SUBJECT_ID["HYPERLINK"] = "hyperlink";
   ACTION_SUBJECT_ID["INLINE_COMMENT"] = "inlineComment";
   ACTION_SUBJECT_ID["LAYOUT"] = "layout";

package/dist/es2019/analytics/types/highlight-events.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/analytics/types/toolbar-button.js

@@ -8,6 +8,7 @@ export let TOOLBAR_ACTION_SUBJECT_ID = /*#__PURE__*/function (TOOLBAR_ACTION_SUB
   TOOLBAR_ACTION_SUBJECT_ID["DECISION_LIST"] = "decisionList";
   TOOLBAR_ACTION_SUBJECT_ID["TASK_LIST"] = "taskList";
   TOOLBAR_ACTION_SUBJECT_ID["TEXT_COLOR"] = "color";
+  TOOLBAR_ACTION_SUBJECT_ID["HIGHLIGHT"] = "highlight";
   TOOLBAR_ACTION_SUBJECT_ID["TEXT_FORMATTING_STRONG"] = "strong";
   TOOLBAR_ACTION_SUBJECT_ID["TEXT_FORMATTING_ITALIC"] = "italic";
   TOOLBAR_ACTION_SUBJECT_ID["UNDO"] = "undo";

package/dist/es2019/messages/highlight.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export const highlightMessages = defineMessages({
+  highlight: {
+    id: 'fabric.editor.highlight',
+    defaultMessage: 'Highlight color',
+    description: 'Label for the highlight color menu option in the primary editor toolbar. Opens up the color palette for the highlight colors.'
+  }
+});

package/dist/es2019/messages/index.js

@@ -28,6 +28,7 @@ export { pasteOptionsToolbarMessages } from './paste-options-toolbar';
 export { panelMessages } from './panel';
 export { mentionMessages } from './mentions';
 export { helpDialogMessages } from './help-dialog';
+export { highlightMessages } from './highlight';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "79.3.0";
+const packageVersion = "79.4.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/rank.js

@@ -1,11 +1,11 @@
-// @depreacted
+// @deprecated
 // @private This rank is not stable and should not be trusted. If you need to change this file, please let the Editor lego team know about it
 export const rankEditorPlugins = {
   plugins: ['featureFlagsContextPlugin', 'compositionPlugin', 'inlineCursorTargetPlugin', 'typeAhead', 'typeAheadInsertItem', 'focusHandlerPlugin', 'frozenEditor', 'submitEditor', 'saveOnEnter', 'customAutoformatting', 'newlinePreserveMarksPlugin', 'imageUpload', 'imageUploadInputRule', 'clipboard', 'paste', 'pasteKeymap', 'mention', 'mentionInputRule', 'mentionKeymap', 'emoji', 'placeholderText', 'emojiInputRule', 'emojiKeymap', 'emojiAsciiInputRule', 'blockType', 'quickInsert', 'tasksAndDecisions', 'blockTypeInputRule', 'tasksAndDecisionsInputRule', 'list', 'typeAheadKeymap', 'typeAheadInputRule', 'date',
   // Needs to be before indentation to handle tab into input field
   'dateKeymap',
   // This should be always after `typeAheadKeymap` & `emojiKeymap`
-  'indentationKeymap', 'textColor', 'alignmentPlugin', 'listInputRule', 'listKeymap', 'codeBlock', 'codeBlockIDEKeyBindings', 'codeBlockKeyMap', 'textFormatting', 'textFormattingCursor', 'textFormattingInputRule', 'textFormattingSmartRule', 'textFormattingClear', 'textFormattingKeymap',
+  'indentationKeymap', 'textColor', 'highlight', 'alignmentPlugin', 'listInputRule', 'listKeymap', 'codeBlock', 'codeBlockIDEKeyBindings', 'codeBlockKeyMap', 'textFormatting', 'textFormattingCursor', 'textFormattingInputRule', 'textFormattingSmartRule', 'textFormattingClear', 'textFormattingKeymap',
   // task/decisions keymap needs to be above table keymap so can indent actions in a table
   'tasksAndDecisionsKeyMap',
   // expand and table keymaps need to be above selection keymap to add their custom selection behaviour:
@@ -21,14 +21,14 @@ export const rankEditorPlugins = {
   // Fragment mark is both for inline and block elements
   'fragment',
   // Inline marks
-  'link', 'em', 'strong', 'textColor', 'strike', 'subsup', 'underline', 'code', 'typeAheadQuery',
+  'link', 'em', 'strong', 'textColor', 'backgroundColor', 'strike', 'subsup', 'underline', 'code', 'typeAheadQuery',
   // Block marks
   'alignment', 'breakout', 'indentation', 'annotation', 'dataConsumer', 'border',
   // Unsupported mark
   'unsupportedMark', 'unsupportedNodeAttribute']
 };
 
-// @depreacted
+// @deprecated
 // @private This rank is not stable and should not be trusted. If you need to change this file, please let the Editor lego team know about it
 export function sortByOrder(item) {
   return function (a, b) {
@@ -41,7 +41,7 @@ export function sortByOrder(item) {
 // function avoided that whole mess. If someone can think of a better way to implement
 // the above and below into a single function please do so
 
-// @depreacted
+// @deprecated
 // @private This rank is not stable and should not be trusted. If you need to change this file, please let the Editor lego team know about it
 export function sortByOrderWithTypeName(item) {
   return function (a, b) {

package/dist/es2019/ui/DropList/index.js

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "79.3.0";
+const packageVersion = "79.4.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui/FloatingToolbar/Separator.js

@@ -6,8 +6,7 @@ const separator = css({
   width: '1px',
   height: '20px',
   margin: `0 ${"var(--ds-space-050, 4px)"}`,
-  alignSelf: 'center',
-  pointerEvents: 'none'
+  alignSelf: 'center'
 });
 export default (() => jsx("div", {
   css: separator,

package/dist/es2019/ui-color/ColorPalette/Palettes/highlightColorPalette.js

@@ -0,0 +1,16 @@
+import { backgroundColorPalette } from '@atlaskit/adf-schema';
+import { DEFAULT_BORDER_COLOR } from './common';
+import getColorMessage from './getColorMessage';
+import paletteMessages from './paletteMessages';
+import { mapPaletteColor } from './textColorPalette';
+export const REMOVE_HIGHLIGHT_COLOR = '#00000000';
+export const highlightColorPalette = [{
+  value: REMOVE_HIGHLIGHT_COLOR,
+  label: 'No color',
+  // Mostly informative, only used for analytics
+  border: DEFAULT_BORDER_COLOR,
+  message: getColorMessage(paletteMessages, 'no-color')
+}];
+backgroundColorPalette.forEach((label, color) => {
+  highlightColorPalette.push(mapPaletteColor(label, color));
+});

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

@@ -119,5 +119,21 @@ export default defineMessages({
     id: 'fabric.theme.bold-gray',
     defaultMessage: 'Bold gray',
     description: 'Name of a color'
+  },
+  // Colors only used in highlight palette
+  'no-color': {
+    id: 'fabric.theme.no-color',
+    defaultMessage: 'Remove highlight',
+    description: 'Tooltip for the no color option in the highlight color palette in the main editor toolbar'
+  },
+  lime: {
+    id: 'fabric.theme.lime',
+    defaultMessage: 'Lime',
+    description: "Tooltip for the lime color used in the main toolbar's highlight color palette"
+  },
+  magenta: {
+    id: 'fabric.theme.magenta',
+    defaultMessage: 'Magenta',
+    description: "Tooltip for the magenta color used in the main toolbar's highlight color palette"
   }
 });

package/dist/es2019/ui-color/ColorPalette/Palettes/textColorPalette.js

@@ -2,7 +2,7 @@ import { colorPalette } from '@atlaskit/adf-schema';
 import { DEFAULT_BORDER_COLOR } from './common';
 import getColorMessage from './getColorMessage';
 import paletteMessages from './paletteMessages';
-const mapPaletteColor = (label, color) => {
+export const mapPaletteColor = (label, color) => {
   const key = label.toLowerCase().replace(' ', '-');
   const message = getColorMessage(paletteMessages, key);
   return {

package/dist/es2019/ui-color/index.js

@@ -6,6 +6,7 @@ export { default as colorPaletteMessages } from './ColorPalette/Palettes/palette
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { lightModeStatusColorPalette, darkModeStatusColorPalette } from './ColorPalette/Palettes/statusColorPalette';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
+export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages } from './ColorPalette/Palettes';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export { default as borderColorPalette } from './ColorPalette/Palettes/borderColorPalette';

package/dist/esm/analytics/types/enums.js

@@ -279,6 +279,7 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["FRAGMENT_MARK"] = "fragmentMark";
   ACTION_SUBJECT_ID["GOTO_SMART_LINK_SETTINGS"] = "goToSmartLinkSettings";
   ACTION_SUBJECT_ID["HELP_QUICK_INSERT"] = "helpQuickInsert";
+  ACTION_SUBJECT_ID["HIGHLIGHT"] = "highlight";
   ACTION_SUBJECT_ID["HYPERLINK"] = "hyperlink";
   ACTION_SUBJECT_ID["INLINE_COMMENT"] = "inlineComment";
   ACTION_SUBJECT_ID["LAYOUT"] = "layout";

package/dist/esm/analytics/types/highlight-events.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/analytics/types/toolbar-button.js

@@ -8,6 +8,7 @@ export var TOOLBAR_ACTION_SUBJECT_ID = /*#__PURE__*/function (TOOLBAR_ACTION_SUB
   TOOLBAR_ACTION_SUBJECT_ID["DECISION_LIST"] = "decisionList";
   TOOLBAR_ACTION_SUBJECT_ID["TASK_LIST"] = "taskList";
   TOOLBAR_ACTION_SUBJECT_ID["TEXT_COLOR"] = "color";
+  TOOLBAR_ACTION_SUBJECT_ID["HIGHLIGHT"] = "highlight";
   TOOLBAR_ACTION_SUBJECT_ID["TEXT_FORMATTING_STRONG"] = "strong";
   TOOLBAR_ACTION_SUBJECT_ID["TEXT_FORMATTING_ITALIC"] = "italic";
   TOOLBAR_ACTION_SUBJECT_ID["UNDO"] = "undo";

package/dist/esm/messages/highlight.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var highlightMessages = defineMessages({
+  highlight: {
+    id: 'fabric.editor.highlight',
+    defaultMessage: 'Highlight color',
+    description: 'Label for the highlight color menu option in the primary editor toolbar. Opens up the color palette for the highlight colors.'
+  }
+});

package/dist/esm/messages/index.js

@@ -28,6 +28,7 @@ export { pasteOptionsToolbarMessages } from './paste-options-toolbar';
 export { panelMessages } from './panel';
 export { mentionMessages } from './mentions';
 export { helpDialogMessages } from './help-dialog';
+export { highlightMessages } from './highlight';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "79.3.0";
+var packageVersion = "79.4.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/rank.js

@@ -1,11 +1,11 @@
-// @depreacted
+// @deprecated
 // @private This rank is not stable and should not be trusted. If you need to change this file, please let the Editor lego team know about it
 export var rankEditorPlugins = {
   plugins: ['featureFlagsContextPlugin', 'compositionPlugin', 'inlineCursorTargetPlugin', 'typeAhead', 'typeAheadInsertItem', 'focusHandlerPlugin', 'frozenEditor', 'submitEditor', 'saveOnEnter', 'customAutoformatting', 'newlinePreserveMarksPlugin', 'imageUpload', 'imageUploadInputRule', 'clipboard', 'paste', 'pasteKeymap', 'mention', 'mentionInputRule', 'mentionKeymap', 'emoji', 'placeholderText', 'emojiInputRule', 'emojiKeymap', 'emojiAsciiInputRule', 'blockType', 'quickInsert', 'tasksAndDecisions', 'blockTypeInputRule', 'tasksAndDecisionsInputRule', 'list', 'typeAheadKeymap', 'typeAheadInputRule', 'date',
   // Needs to be before indentation to handle tab into input field
   'dateKeymap',
   // This should be always after `typeAheadKeymap` & `emojiKeymap`
-  'indentationKeymap', 'textColor', 'alignmentPlugin', 'listInputRule', 'listKeymap', 'codeBlock', 'codeBlockIDEKeyBindings', 'codeBlockKeyMap', 'textFormatting', 'textFormattingCursor', 'textFormattingInputRule', 'textFormattingSmartRule', 'textFormattingClear', 'textFormattingKeymap',
+  'indentationKeymap', 'textColor', 'highlight', 'alignmentPlugin', 'listInputRule', 'listKeymap', 'codeBlock', 'codeBlockIDEKeyBindings', 'codeBlockKeyMap', 'textFormatting', 'textFormattingCursor', 'textFormattingInputRule', 'textFormattingSmartRule', 'textFormattingClear', 'textFormattingKeymap',
   // task/decisions keymap needs to be above table keymap so can indent actions in a table
   'tasksAndDecisionsKeyMap',
   // expand and table keymaps need to be above selection keymap to add their custom selection behaviour:
@@ -21,14 +21,14 @@ export var rankEditorPlugins = {
   // Fragment mark is both for inline and block elements
   'fragment',
   // Inline marks
-  'link', 'em', 'strong', 'textColor', 'strike', 'subsup', 'underline', 'code', 'typeAheadQuery',
+  'link', 'em', 'strong', 'textColor', 'backgroundColor', 'strike', 'subsup', 'underline', 'code', 'typeAheadQuery',
   // Block marks
   'alignment', 'breakout', 'indentation', 'annotation', 'dataConsumer', 'border',
   // Unsupported mark
   'unsupportedMark', 'unsupportedNodeAttribute']
 };
 
-// @depreacted
+// @deprecated
 // @private This rank is not stable and should not be trusted. If you need to change this file, please let the Editor lego team know about it
 export function sortByOrder(item) {
   return function (a, b) {
@@ -41,7 +41,7 @@ export function sortByOrder(item) {
 // function avoided that whole mess. If someone can think of a better way to implement
 // the above and below into a single function please do so
 
-// @depreacted
+// @deprecated
 // @private This rank is not stable and should not be trusted. If you need to change this file, please let the Editor lego team know about it
 export function sortByOrderWithTypeName(item) {
   return function (a, b) {

package/dist/esm/ui/DropList/index.js

@@ -15,7 +15,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "79.3.0";
+var packageVersion = "79.4.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui/FloatingToolbar/Separator.js

@@ -6,8 +6,7 @@ var separator = css({
   width: '1px',
   height: '20px',
   margin: "0 ".concat("var(--ds-space-050, 4px)"),
-  alignSelf: 'center',
-  pointerEvents: 'none'
+  alignSelf: 'center'
 });
 export default (function () {
   return jsx("div", {

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

@@ -0,0 +1,16 @@
+import { backgroundColorPalette } from '@atlaskit/adf-schema';
+import { DEFAULT_BORDER_COLOR } from './common';
+import getColorMessage from './getColorMessage';
+import paletteMessages from './paletteMessages';
+import { mapPaletteColor } from './textColorPalette';
+export var REMOVE_HIGHLIGHT_COLOR = '#00000000';
+export var highlightColorPalette = [{
+  value: REMOVE_HIGHLIGHT_COLOR,
+  label: 'No color',
+  // Mostly informative, only used for analytics
+  border: DEFAULT_BORDER_COLOR,
+  message: getColorMessage(paletteMessages, 'no-color')
+}];
+backgroundColorPalette.forEach(function (label, color) {
+  highlightColorPalette.push(mapPaletteColor(label, color));
+});

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

@@ -119,5 +119,21 @@ export default defineMessages({
     id: 'fabric.theme.bold-gray',
     defaultMessage: 'Bold gray',
     description: 'Name of a color'
+  },
+  // Colors only used in highlight palette
+  'no-color': {
+    id: 'fabric.theme.no-color',
+    defaultMessage: 'Remove highlight',
+    description: 'Tooltip for the no color option in the highlight color palette in the main editor toolbar'
+  },
+  lime: {
+    id: 'fabric.theme.lime',
+    defaultMessage: 'Lime',
+    description: "Tooltip for the lime color used in the main toolbar's highlight color palette"
+  },
+  magenta: {
+    id: 'fabric.theme.magenta',
+    defaultMessage: 'Magenta',
+    description: "Tooltip for the magenta color used in the main toolbar's highlight color palette"
   }
 });

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

@@ -2,7 +2,7 @@ import { colorPalette } from '@atlaskit/adf-schema';
 import { DEFAULT_BORDER_COLOR } from './common';
 import getColorMessage from './getColorMessage';
 import paletteMessages from './paletteMessages';
-var mapPaletteColor = function mapPaletteColor(label, color) {
+export var mapPaletteColor = function mapPaletteColor(label, color) {
   var key = label.toLowerCase().replace(' ', '-');
   var message = getColorMessage(paletteMessages, key);
   return {

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

@@ -6,6 +6,7 @@ export { default as colorPaletteMessages } from './ColorPalette/Palettes/palette
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { lightModeStatusColorPalette, darkModeStatusColorPalette } from './ColorPalette/Palettes/statusColorPalette';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
+export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages } from './ColorPalette/Palettes';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export { default as borderColorPalette } from './ColorPalette/Palettes/borderColorPalette';

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

@@ -282,6 +282,7 @@ export declare enum ACTION_SUBJECT_ID {
     FRAGMENT_MARK = "fragmentMark",
     GOTO_SMART_LINK_SETTINGS = "goToSmartLinkSettings",
     HELP_QUICK_INSERT = "helpQuickInsert",
+    HIGHLIGHT = "highlight",
     HYPERLINK = "hyperlink",
     INLINE_COMMENT = "inlineComment",
     LAYOUT = "layout",

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

@@ -15,6 +15,7 @@ import type { FindReplaceEventPayload } from './find-replace-events';
 import type { FormatEventPayload } from './format-events';
 import type { GeneralEventPayload } from './general-events';
 import type { HighlightActionsEventPayload } from './highlight-actions-menu-events';
+import type { HighlightEventPayload } from './highlight-events';
 import type { InsertEventPayload } from './insert-events';
 import type { CreateLinkInlineDialogEventPayload, EditLinkToolbarAEP, OpenSettingsToolbarAEP, UnlinkToolbarAEP } from './link-tool-bar-events';
 import type { ListEventPayload } from './list-events';
@@ -36,7 +37,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;
+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;
 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

@@ -0,0 +1,4 @@
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
+import type { TrackAEP } from './utils';
+export type HighlightToolbarToggleAEP = TrackAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.HIGHLIGHT, undefined, undefined>;
+export type HighlightEventPayload = HighlightToolbarToggleAEP;

package/dist/types/analytics/types/toolbar-button.d.ts

@@ -10,6 +10,7 @@ export declare enum TOOLBAR_ACTION_SUBJECT_ID {
     DECISION_LIST = "decisionList",
     TASK_LIST = "taskList",
     TEXT_COLOR = "color",
+    HIGHLIGHT = "highlight",
     TEXT_FORMATTING_STRONG = "strong",
     TEXT_FORMATTING_ITALIC = "italic",
     UNDO = "undo",

package/dist/types/messages/highlight.d.ts

@@ -0,0 +1,7 @@
+export declare const highlightMessages: {
+    highlight: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -27,6 +27,7 @@ export { pasteOptionsToolbarMessages } from './paste-options-toolbar';
 export { panelMessages } from './panel';
 export { mentionMessages } from './mentions';
 export { helpDialogMessages } from './help-dialog';
+export { highlightMessages } from './highlight';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

package/dist/types/ui-color/ColorPalette/Palettes/highlightColorPalette.d.ts

@@ -0,0 +1,3 @@
+import type { PaletteColor } from './type';
+export declare const REMOVE_HIGHLIGHT_COLOR = "#00000000";
+export declare const highlightColorPalette: Array<PaletteColor>;

package/dist/types/ui-color/ColorPalette/Palettes/paletteMessages.d.ts

@@ -119,5 +119,20 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
+    'no-color': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    lime: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    magenta: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default _default;

package/dist/types/ui-color/ColorPalette/Palettes/textColorPalette.d.ts

@@ -1,2 +1,8 @@
-import { PaletteColor } from './type';
+import type { PaletteColor } from './type';
+export declare const mapPaletteColor: (label: string, color: string) => {
+    value: string;
+    label: string;
+    border: string;
+    message: import("react-intl-next").MessageDescriptor | undefined;
+};
 export declare const textColorPalette: Array<PaletteColor>;

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

@@ -6,6 +6,7 @@ export { default as colorPaletteMessages } from './ColorPalette/Palettes/palette
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette, } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { lightModeStatusColorPalette, darkModeStatusColorPalette, } from './ColorPalette/Palettes/statusColorPalette';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
+export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR, } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages, } from './ColorPalette/Palettes';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export type { PaletteColor, PaletteTooltipMessages, } from './ColorPalette/Palettes/type';

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

@@ -282,6 +282,7 @@ export declare enum ACTION_SUBJECT_ID {
     FRAGMENT_MARK = "fragmentMark",
     GOTO_SMART_LINK_SETTINGS = "goToSmartLinkSettings",
     HELP_QUICK_INSERT = "helpQuickInsert",
+    HIGHLIGHT = "highlight",
     HYPERLINK = "hyperlink",
     INLINE_COMMENT = "inlineComment",
     LAYOUT = "layout",

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

@@ -15,6 +15,7 @@ import type { FindReplaceEventPayload } from './find-replace-events';
 import type { FormatEventPayload } from './format-events';
 import type { GeneralEventPayload } from './general-events';
 import type { HighlightActionsEventPayload } from './highlight-actions-menu-events';
+import type { HighlightEventPayload } from './highlight-events';
 import type { InsertEventPayload } from './insert-events';
 import type { CreateLinkInlineDialogEventPayload, EditLinkToolbarAEP, OpenSettingsToolbarAEP, UnlinkToolbarAEP } from './link-tool-bar-events';
 import type { ListEventPayload } from './list-events';
@@ -36,7 +37,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;
+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;
 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

@@ -0,0 +1,4 @@
+import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
+import type { TrackAEP } from './utils';
+export type HighlightToolbarToggleAEP = TrackAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.HIGHLIGHT, undefined, undefined>;
+export type HighlightEventPayload = HighlightToolbarToggleAEP;

package/dist/types-ts4.5/analytics/types/toolbar-button.d.ts

@@ -10,6 +10,7 @@ export declare enum TOOLBAR_ACTION_SUBJECT_ID {
     DECISION_LIST = "decisionList",
     TASK_LIST = "taskList",
     TEXT_COLOR = "color",
+    HIGHLIGHT = "highlight",
     TEXT_FORMATTING_STRONG = "strong",
     TEXT_FORMATTING_ITALIC = "italic",
     UNDO = "undo",

package/dist/types-ts4.5/messages/highlight.d.ts

@@ -0,0 +1,7 @@
+export declare const highlightMessages: {
+    highlight: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -27,6 +27,7 @@ export { pasteOptionsToolbarMessages } from './paste-options-toolbar';
 export { panelMessages } from './panel';
 export { mentionMessages } from './mentions';
 export { helpDialogMessages } from './help-dialog';
+export { highlightMessages } from './highlight';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

package/dist/types-ts4.5/ui-color/ColorPalette/Palettes/highlightColorPalette.d.ts

@@ -0,0 +1,3 @@
+import type { PaletteColor } from './type';
+export declare const REMOVE_HIGHLIGHT_COLOR = "#00000000";
+export declare const highlightColorPalette: Array<PaletteColor>;

package/dist/types-ts4.5/ui-color/ColorPalette/Palettes/paletteMessages.d.ts

@@ -119,5 +119,20 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
+    'no-color': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    lime: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    magenta: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default _default;

package/dist/types-ts4.5/ui-color/ColorPalette/Palettes/textColorPalette.d.ts

@@ -1,2 +1,8 @@
-import { PaletteColor } from './type';
+import type { PaletteColor } from './type';
+export declare const mapPaletteColor: (label: string, color: string) => {
+    value: string;
+    label: string;
+    border: string;
+    message: import("react-intl-next").MessageDescriptor | undefined;
+};
 export declare const textColorPalette: Array<PaletteColor>;

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

@@ -6,6 +6,7 @@ export { default as colorPaletteMessages } from './ColorPalette/Palettes/palette
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette, } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { lightModeStatusColorPalette, darkModeStatusColorPalette, } from './ColorPalette/Palettes/statusColorPalette';
 export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
+export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR, } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages, } from './ColorPalette/Palettes';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export type { PaletteColor, PaletteTooltipMessages, } from './ColorPalette/Palettes/type';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "79.3.0",
+  "version": "79.4.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -132,7 +132,7 @@
     "@atlaskit/primitives": "^6.1.0",
     "@atlaskit/profilecard": "^19.12.0",
     "@atlaskit/section-message": "^6.5.0",
-    "@atlaskit/smart-card": "^26.64.0",
+    "@atlaskit/smart-card": "^26.66.0",
     "@atlaskit/smart-user-picker": "^6.9.0",
     "@atlaskit/spinner": "^16.1.0",
     "@atlaskit/task-decision": "^17.10.0",