@atlaskit/editor-common 116.45.0 → 116.47.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/editor-common
 
+## 116.47.0
+
+### Minor Changes
+
+- [`7a9ec6f1fa018`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7a9ec6f1fa018) -
+  [EDITOR-7592] Add a new panel background color palette with expanded colors behind the lovability
+  experiment and patch gate.
+
+### Patch Changes
+
+- [`472c37e82078b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/472c37e82078b) -
+  [ux] Fixed the source synced block placeholder disappearing after placing the cursor inside an
+  empty block and then clicking away from the editor.
+- Updated dependencies
+
+## 116.46.0
+
+### Minor Changes
+
+- [`3b0816741523c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b0816741523c) -
+  Add lime, orange, and magenta colors to table cell background color palette
+- [`4bc9e5cd5f2d9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4bc9e5cd5f2d9) -
+  EDITOR-7136: Check suggestion staleness right after fetching suggestions.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 116.45.0
 
 ### Minor Changes

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

@@ -440,6 +440,7 @@ var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTIO
   ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
   ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
   ACTION_SUBJECT_ID["CONVERSATION_ERROR"] = "conversationError";
+  ACTION_SUBJECT_ID["SUGGESTIONS_REGENERATION_ERROR"] = "suggestionsRegenerationError";
   ACTION_SUBJECT_ID["COPY_BUTTON"] = "copyButton";
   ACTION_SUBJECT_ID["COPY_LINK_TO_ANCHOR"] = "copyLinkToAnchor";
   ACTION_SUBJECT_ID["COPY_BLOCK"] = "copyBlock";

package/dist/cjs/monitoring/error.js

@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "116.44.3";
+var packageVersion = "116.46.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/styles/shared/sync-block.js

@@ -20,7 +20,13 @@ var BodiedSyncBlockSharedCssClassName = exports.BodiedSyncBlockSharedCssClassNam
   prefix: bodiedPrefix,
   renderer: "".concat(bodiedPrefix, "__renderer"),
   content: "".concat(bodiedPrefix, "__content"),
-  selectionInside: "".concat(bodiedPrefix, "__selection_inside")
+  selectionInside: "".concat(bodiedPrefix, "__selection_inside"),
+  // Applied by the node view when the block holds nothing but a single empty paragraph.
+  // Emptiness is derived from the ProseMirror document rather than the rendered DOM, because
+  // decorations (for example the selection marker's cursor widget) and ProseMirror's own
+  // separator/trailing-break hack nodes are injected as children of that paragraph and make
+  // DOM-shape heuristics unreliable. See EDITOR-8327.
+  empty: "".concat(bodiedPrefix, "__empty")
 };
 
 // Constant labelClassName value here has been inlined in css from EditorContentContainer, if you need to make

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "116.44.3";
+var packageVersion = "116.46.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
+var _getColorMessage = _interopRequireDefault(require("./getColorMessage"));
+var _paletteMessages = _interopRequireDefault(require("./paletteMessages"));
+/**
+ * Expanded 10-column (30-entry) UI palette that adds lime, orange, and magenta columns
+ * and updates the bold row to use `subtler.hovered` design tokens.
+ * This is a superset of the default {@link cellBackgroundColorPalette}.
+ */
+var cellBackgroundColorPaletteNew = [];
+_tableNodes.tableBackgroundColorPaletteNew.forEach(function (label, color) {
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
+  var key = label.toLowerCase().replace(' ', '-');
+  var message = (0, _getColorMessage.default)(_paletteMessages.default, key);
+  cellBackgroundColorPaletteNew.push({
+    value: color,
+    label: label,
+    border: _tableNodes.tableBackgroundBorderColor,
+    message: message
+  });
+});
+var _default = exports.default = cellBackgroundColorPaletteNew;

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

@@ -66,6 +66,11 @@ var lightBackgroundPaletteTooltipMessages = exports.lightBackgroundPaletteToolti
     defaultMessage: 'Bold yellow',
     description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold yellow color option.'
   },
+  '#EFDD4E': {
+    id: 'fabric.theme.bold-yellow-new',
+    defaultMessage: 'Bold yellow',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold yellow color option.'
+  },
   '#FFEBE6': {
     id: 'fabric.theme.subtle-red',
     defaultMessage: 'Subtle red',
@@ -110,5 +115,50 @@ var lightBackgroundPaletteTooltipMessages = exports.lightBackgroundPaletteToolti
     id: 'fabric.theme.bold-gray',
     defaultMessage: 'Bold gray',
     description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold gray color option.'
+  },
+  '#EFFFD6': {
+    id: 'fabric.theme.subtle-lime',
+    defaultMessage: 'Subtle lime',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle lime color option.'
+  },
+  '#D3F1A7': {
+    id: 'fabric.theme.lime',
+    defaultMessage: 'Lime',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the lime color option.'
+  },
+  '#BDE97C': {
+    id: 'fabric.theme.bold-lime',
+    defaultMessage: 'Bold lime',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold lime color option.'
+  },
+  '#FFF5DB': {
+    id: 'fabric.theme.subtle-orange',
+    defaultMessage: 'Subtle orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle orange color option.'
+  },
+  '#FCE4A6': {
+    id: 'fabric.theme.orange',
+    defaultMessage: 'Orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the orange color option.'
+  },
+  '#FBD779': {
+    id: 'fabric.theme.bold-orange',
+    defaultMessage: 'Bold orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold orange color option.'
+  },
+  '#FFECF8': {
+    id: 'fabric.theme.subtle-magenta',
+    defaultMessage: 'Subtle magenta',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle magenta color option.'
+  },
+  '#FDD0EC': {
+    id: 'fabric.theme.magenta',
+    defaultMessage: 'Magenta',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the magenta color option.'
+  },
+  '#FCB6E1': {
+    id: 'fabric.theme.bold-magenta',
+    defaultMessage: 'Bold magenta',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold magenta color option.'
   }
 });

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

@@ -156,6 +156,66 @@ var _default_1 = (0, _reactIntl.defineMessages)({
     defaultMessage: 'Bold gray',
     description: 'Tooltip label for the bold gray color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'subtle-lime': {
+    id: 'fabric.theme.subtle-lime',
+    defaultMessage: 'Subtle lime',
+    description: 'Tooltip label for the subtle lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-lime': {
+    id: 'fabric.theme.bold-lime',
+    defaultMessage: 'Bold lime',
+    description: 'Tooltip label for the bold lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'subtle-orange': {
+    id: 'fabric.theme.subtle-orange',
+    defaultMessage: 'Subtle orange',
+    description: 'Tooltip label for the subtle orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-orange': {
+    id: 'fabric.theme.bold-orange',
+    defaultMessage: 'Bold orange',
+    description: 'Tooltip label for the bold orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'subtle-magenta': {
+    id: 'fabric.theme.subtle-magenta',
+    defaultMessage: 'Subtle magenta',
+    description: 'Tooltip label for the subtle magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-magenta': {
+    id: 'fabric.theme.bold-magenta',
+    defaultMessage: 'Bold magenta',
+    description: 'Tooltip label for the bold magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-blue': {
+    id: 'fabric.theme.bold-blue',
+    defaultMessage: 'Bold blue',
+    description: 'Tooltip label for the bold blue color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-teal': {
+    id: 'fabric.theme.bold-teal',
+    defaultMessage: 'Bold teal',
+    description: 'Tooltip label for the bold teal color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-green': {
+    id: 'fabric.theme.bold-green',
+    defaultMessage: 'Bold green',
+    description: 'Tooltip label for the bold green color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-yellow': {
+    id: 'fabric.theme.bold-yellow',
+    defaultMessage: 'Bold yellow',
+    description: 'Tooltip label for the bold yellow color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-red': {
+    id: 'fabric.theme.bold-red',
+    defaultMessage: 'Bold red',
+    description: 'Tooltip label for the bold red color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-purple': {
+    id: 'fabric.theme.bold-purple',
+    defaultMessage: 'Bold purple',
+    description: 'Tooltip label for the bold purple color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   // Colors only used in highlight palette
   'no-color': {
     id: 'fabric.theme.no-color',

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

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.panelBackgroundPaletteNew = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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) { (0, _defineProperty2.default)(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; }
+// new palette for platform_editor_lovability_text_bg_color experiment
+var panelBackgroundPaletteNew = exports.panelBackgroundPaletteNew = [{
+  label: 'White',
+  value: '#FFFFFF'
+}, {
+  label: 'Subtle blue',
+  value: '#DEEBFF'
+}, {
+  label: 'Subtle teal',
+  value: '#E6FCFF'
+}, {
+  label: 'Subtle green',
+  value: '#E3FCEF'
+}, {
+  label: 'Subtle lime',
+  value: '#EFFFD6'
+}, {
+  label: 'Subtle yellow',
+  value: '#FFFAE6'
+}, {
+  label: 'Subtle orange',
+  value: '#FFF5DB'
+}, {
+  label: 'Subtle red',
+  value: '#FFEBE6'
+}, {
+  label: 'Subtle magenta',
+  value: '#FFECF8'
+}, {
+  label: 'Subtle purple',
+  value: '#EAE6FF'
+}, {
+  label: 'Gray',
+  value: '#F4F5F7'
+}, {
+  label: 'Blue',
+  value: '#B3D4FF'
+}, {
+  label: 'Teal',
+  value: '#B3F5FF'
+}, {
+  label: 'Green',
+  value: '#ABF5D1'
+}, {
+  label: 'Lime',
+  value: '#D3F1A7'
+}, {
+  label: 'Yellow',
+  value: '#FFF0B3'
+}, {
+  label: 'Orange',
+  value: '#FCE4A6'
+}, {
+  label: 'Red',
+  value: '#FFBDAD'
+}, {
+  label: 'Magenta',
+  value: '#FDD0EC'
+}, {
+  label: 'Purple',
+  value: '#C0B6F2'
+}, {
+  label: 'Bold gray',
+  value: '#B7B9BE'
+}, {
+  label: 'Bold blue',
+  value: '#ADCBFB'
+}, {
+  label: 'Bold teal',
+  value: '#B1E4F7'
+}, {
+  label: 'Bold green',
+  value: '#97EDC9'
+}, {
+  label: 'Bold lime',
+  value: '#BDE97C'
+}, {
+  label: 'Bold yellow',
+  value: '#EFDD4E'
+}, {
+  label: 'Bold orange',
+  value: '#FBD779'
+}, {
+  label: 'Bold red',
+  value: '#FFB8B2'
+}, {
+  label: 'Bold magenta',
+  value: '#FCB6E1'
+}, {
+  label: 'Bold purple',
+  value: '#E3BDFA'
+}].map(function (color) {
+  return _objectSpread(_objectSpread({}, color), {}, {
+    border: "var(--ds-border, #0B120E24)"
+  });
+});

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

@@ -64,6 +64,12 @@ Object.defineProperty(exports, "cellBackgroundColorPalette", {
     return _cellBackgroundColorPalette.default;
   }
 });
+Object.defineProperty(exports, "cellBackgroundColorPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _cellBackgroundColorPaletteNew.default;
+  }
+});
 Object.defineProperty(exports, "chartsColorPaletteTooltipMessages", {
   enumerable: true,
   get: function get() {
@@ -136,6 +142,12 @@ Object.defineProperty(exports, "panelBackgroundPalette", {
     return _panelBackgroundPalette.panelBackgroundPalette;
   }
 });
+Object.defineProperty(exports, "panelBackgroundPaletteNew", {
+  enumerable: true,
+  get: function get() {
+    return _panelBackgroundPaletteNew.panelBackgroundPaletteNew;
+  }
+});
 Object.defineProperty(exports, "textColorPalette", {
   enumerable: true,
   get: function get() {
@@ -169,8 +181,10 @@ var _utils = require("./ColorPalette/utils");
 var _getHighlightColorInNonActiveTheme = require("./ColorPalette/getHighlightColorInNonActiveTheme");
 var _getTextColorInNonActiveTheme = require("./ColorPalette/getTextColorInNonActiveTheme");
 var _cellBackgroundColorPalette = _interopRequireDefault(require("./ColorPalette/Palettes/cellBackgroundColorPalette"));
+var _cellBackgroundColorPaletteNew = _interopRequireDefault(require("./ColorPalette/Palettes/cellBackgroundColorPaletteNew"));
 var _paletteMessages = _interopRequireDefault(require("./ColorPalette/Palettes/paletteMessages"));
 var _panelBackgroundPalette = require("./ColorPalette/Palettes/panelBackgroundPalette");
+var _panelBackgroundPaletteNew = require("./ColorPalette/Palettes/panelBackgroundPaletteNew");
 var _textColorPalette = require("./ColorPalette/Palettes/textColorPalette");
 var _textColorPaletteNew = require("./ColorPalette/Palettes/textColorPaletteNew");
 var _highlightColorPalette = require("./ColorPalette/Palettes/highlightColorPalette");

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

@@ -448,6 +448,7 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
   ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
   ACTION_SUBJECT_ID["CONVERSATION_ERROR"] = "conversationError";
+  ACTION_SUBJECT_ID["SUGGESTIONS_REGENERATION_ERROR"] = "suggestionsRegenerationError";
   ACTION_SUBJECT_ID["COPY_BUTTON"] = "copyButton";
   ACTION_SUBJECT_ID["COPY_LINK_TO_ANCHOR"] = "copyLinkToAnchor";
   ACTION_SUBJECT_ID["COPY_BLOCK"] = "copyBlock";

package/dist/es2019/monitoring/error.js

@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "116.44.3";
+const packageVersion = "116.46.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/styles/shared/sync-block.js

@@ -14,7 +14,13 @@ export const BodiedSyncBlockSharedCssClassName = {
   prefix: bodiedPrefix,
   renderer: `${bodiedPrefix}__renderer`,
   content: `${bodiedPrefix}__content`,
-  selectionInside: `${bodiedPrefix}__selection_inside`
+  selectionInside: `${bodiedPrefix}__selection_inside`,
+  // Applied by the node view when the block holds nothing but a single empty paragraph.
+  // Emptiness is derived from the ProseMirror document rather than the rendered DOM, because
+  // decorations (for example the selection marker's cursor widget) and ProseMirror's own
+  // separator/trailing-break hack nodes are injected as children of that paragraph and make
+  // DOM-shape heuristics unreliable. See EDITOR-8327.
+  empty: `${bodiedPrefix}__empty`
 };
 
 // Constant labelClassName value here has been inlined in css from EditorContentContainer, if you need to make

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "116.44.3";
+const packageVersion = "116.46.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -0,0 +1,21 @@
+import { tableBackgroundBorderColor, tableBackgroundColorPaletteNew } from '@atlaskit/adf-schema/tableNodes';
+import getColorMessage from './getColorMessage';
+import paletteMessages from './paletteMessages';
+/**
+ * Expanded 10-column (30-entry) UI palette that adds lime, orange, and magenta columns
+ * and updates the bold row to use `subtler.hovered` design tokens.
+ * This is a superset of the default {@link cellBackgroundColorPalette}.
+ */
+const cellBackgroundColorPaletteNew = [];
+tableBackgroundColorPaletteNew.forEach((label, color) => {
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
+  const key = label.toLowerCase().replace(' ', '-');
+  const message = getColorMessage(paletteMessages, key);
+  cellBackgroundColorPaletteNew.push({
+    value: color,
+    label,
+    border: tableBackgroundBorderColor,
+    message
+  });
+});
+export default cellBackgroundColorPaletteNew;

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

@@ -60,6 +60,11 @@ export const lightBackgroundPaletteTooltipMessages = defineMessages({
     defaultMessage: 'Bold yellow',
     description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold yellow color option.'
   },
+  '#EFDD4E': {
+    id: 'fabric.theme.bold-yellow-new',
+    defaultMessage: 'Bold yellow',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold yellow color option.'
+  },
   '#FFEBE6': {
     id: 'fabric.theme.subtle-red',
     defaultMessage: 'Subtle red',
@@ -104,5 +109,50 @@ export const lightBackgroundPaletteTooltipMessages = defineMessages({
     id: 'fabric.theme.bold-gray',
     defaultMessage: 'Bold gray',
     description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold gray color option.'
+  },
+  '#EFFFD6': {
+    id: 'fabric.theme.subtle-lime',
+    defaultMessage: 'Subtle lime',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle lime color option.'
+  },
+  '#D3F1A7': {
+    id: 'fabric.theme.lime',
+    defaultMessage: 'Lime',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the lime color option.'
+  },
+  '#BDE97C': {
+    id: 'fabric.theme.bold-lime',
+    defaultMessage: 'Bold lime',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold lime color option.'
+  },
+  '#FFF5DB': {
+    id: 'fabric.theme.subtle-orange',
+    defaultMessage: 'Subtle orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle orange color option.'
+  },
+  '#FCE4A6': {
+    id: 'fabric.theme.orange',
+    defaultMessage: 'Orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the orange color option.'
+  },
+  '#FBD779': {
+    id: 'fabric.theme.bold-orange',
+    defaultMessage: 'Bold orange',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold orange color option.'
+  },
+  '#FFECF8': {
+    id: 'fabric.theme.subtle-magenta',
+    defaultMessage: 'Subtle magenta',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the subtle magenta color option.'
+  },
+  '#FDD0EC': {
+    id: 'fabric.theme.magenta',
+    defaultMessage: 'Magenta',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the magenta color option.'
+  },
+  '#FCB6E1': {
+    id: 'fabric.theme.bold-magenta',
+    defaultMessage: 'Bold magenta',
+    description: 'The text is shown as a tooltip label for a color swatch in the editor background color picker when the user hovers over the bold magenta color option.'
   }
 });

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

@@ -150,6 +150,66 @@ const _default_1 = defineMessages({
     defaultMessage: 'Bold gray',
     description: 'Tooltip label for the bold gray color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
   },
+  'subtle-lime': {
+    id: 'fabric.theme.subtle-lime',
+    defaultMessage: 'Subtle lime',
+    description: 'Tooltip label for the subtle lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-lime': {
+    id: 'fabric.theme.bold-lime',
+    defaultMessage: 'Bold lime',
+    description: 'Tooltip label for the bold lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'subtle-orange': {
+    id: 'fabric.theme.subtle-orange',
+    defaultMessage: 'Subtle orange',
+    description: 'Tooltip label for the subtle orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-orange': {
+    id: 'fabric.theme.bold-orange',
+    defaultMessage: 'Bold orange',
+    description: 'Tooltip label for the bold orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'subtle-magenta': {
+    id: 'fabric.theme.subtle-magenta',
+    defaultMessage: 'Subtle magenta',
+    description: 'Tooltip label for the subtle magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-magenta': {
+    id: 'fabric.theme.bold-magenta',
+    defaultMessage: 'Bold magenta',
+    description: 'Tooltip label for the bold magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-blue': {
+    id: 'fabric.theme.bold-blue',
+    defaultMessage: 'Bold blue',
+    description: 'Tooltip label for the bold blue color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-teal': {
+    id: 'fabric.theme.bold-teal',
+    defaultMessage: 'Bold teal',
+    description: 'Tooltip label for the bold teal color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-green': {
+    id: 'fabric.theme.bold-green',
+    defaultMessage: 'Bold green',
+    description: 'Tooltip label for the bold green color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-yellow': {
+    id: 'fabric.theme.bold-yellow',
+    defaultMessage: 'Bold yellow',
+    description: 'Tooltip label for the bold yellow color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-red': {
+    id: 'fabric.theme.bold-red',
+    defaultMessage: 'Bold red',
+    description: 'Tooltip label for the bold red color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
+  'bold-purple': {
+    id: 'fabric.theme.bold-purple',
+    defaultMessage: 'Bold purple',
+    description: 'Tooltip label for the bold purple color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
+  },
   // Colors only used in highlight palette
   'no-color': {
     id: 'fabric.theme.no-color',