@atlaskit/editor-common 117.2.3 → 117.4.0

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

@@ -15,6 +15,11 @@ export const lightBackgroundPaletteTooltipMessages = defineMessages({
     defaultMessage: 'Bold blue',
     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 blue color option.'
   },
+  '#ADCBFB': {
+    id: 'fabric.theme.bold-blue-new',
+    defaultMessage: 'Bold blue',
+    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 blue color option.'
+  },
   '#E6FCFF': {
     id: 'fabric.theme.subtle-teal',
     defaultMessage: 'Subtle teal',
@@ -30,6 +35,11 @@ export const lightBackgroundPaletteTooltipMessages = defineMessages({
     defaultMessage: 'Bold teal',
     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 teal color option.'
   },
+  '#B1E4F7': {
+    id: 'fabric.theme.bold-teal-new',
+    defaultMessage: 'Bold teal',
+    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 teal color option.'
+  },
   '#E3FCEF': {
     id: 'fabric.theme.subtle-green',
     defaultMessage: 'Subtle green',
@@ -45,6 +55,11 @@ export const lightBackgroundPaletteTooltipMessages = defineMessages({
     defaultMessage: 'Bold green',
     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 green color option.'
   },
+  '#97EDC9': {
+    id: 'fabric.theme.bold-green-new',
+    defaultMessage: 'Bold green',
+    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 green color option.'
+  },
   '#FFFAE6': {
     id: 'fabric.theme.subtle-yellow',
     defaultMessage: 'Subtle yellow',
@@ -80,6 +95,11 @@ export const lightBackgroundPaletteTooltipMessages = defineMessages({
     defaultMessage: 'Bold red',
     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 red color option.'
   },
+  '#FFB8B2': {
+    id: 'fabric.theme.bold-red-new',
+    defaultMessage: 'Bold red',
+    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 red color option.'
+  },
   '#EAE6FF': {
     id: 'fabric.theme.subtle-purple',
     defaultMessage: 'Subtle purple',
@@ -95,6 +115,11 @@ export const lightBackgroundPaletteTooltipMessages = defineMessages({
     defaultMessage: 'Bold purple',
     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 purple color option.'
   },
+  '#E3BDFA': {
+    id: 'fabric.theme.bold-purple-new',
+    defaultMessage: 'Bold purple',
+    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 purple color option.'
+  },
   '#FFFFFF': {
     id: 'fabric.theme.white',
     defaultMessage: 'White',
@@ -109,5 +134,55 @@ 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.'
+  },
+  '#B7B9BE': {
+    id: 'fabric.theme.bold-gray-new',
+    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',

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

@@ -10,6 +10,7 @@ export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRo
 export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
 export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
 export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
+export { default as cellBackgroundColorPaletteNew } from './ColorPalette/Palettes/cellBackgroundColorPaletteNew';
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { panelBackgroundPaletteNew } from './ColorPalette/Palettes/panelBackgroundPaletteNew';

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

@@ -110,6 +110,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["PASTED_AS_PLAIN"] = "pastedAsPlain";
   ACTION["PASTED_TIMED"] = "pastedTimed";
   ACTION["PRESSED"] = "pressed";
+  ACTION["QUICK_INSERT_INFORMATION"] = "quickInsertInformation";
   ACTION["PROSEMIRROR_RENDERED"] = "proseMirrorRendered";
   ACTION["REACT_NODEVIEW_RENDERED"] = "reactNodeViewRendered";
   ACTION["REFERENCE_SYNCED_BLOCK_DELETE"] = "referenceSyncedBlockDelete";
@@ -404,6 +405,7 @@ export var ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["BLOCK_MENU"] = "blockMenu";
   ACTION_SUBJECT["BLOCK_MENU_ITEM"] = "blockMenuItem";
   ACTION_SUBJECT["PASTE_ACTIONS_MENU"] = "pasteActionsMenu";
+  ACTION_SUBJECT["QUICK_INSERT"] = "quickInsert";
   ACTION_SUBJECT["SYNCED_BLOCK"] = "syncedBlock";
   ACTION_SUBJECT["NATIVE_EMBED"] = "nativeEmbed";
   ACTION_SUBJECT["NATIVE_EMBED_FALLBACK"] = "nativeEmbedFallback";

package/dist/esm/analytics/types/quick-insert-events.js

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

package/dist/esm/block-menu/block-transform-extension.js

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

package/dist/esm/messages/mentions.js

@@ -35,11 +35,6 @@ export var mentionMessages = defineMessages({
     defaultMessage: 'Send request to invite teammate',
     description: 'By line text for send request to invite teammate option shown in mentions.'
   },
-  inviteButton: {
-    id: 'fabric.editor.inviteItem.inviteButton',
-    defaultMessage: 'Invite',
-    description: 'Label for the invite button shown in the mention typeahead invite item.'
-  },
   typeAheadSectionPeople: {
     id: 'fabric.editor.typeAhead.mentionSection.people',
     defaultMessage: 'People',

package/dist/esm/monitoring/error.js

@@ -20,7 +20,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 = "117.2.2";
+var packageVersion = "117.3.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/quick-insert/getQuickInsertMenuItemParents.js

@@ -0,0 +1,55 @@
+import _defineProperty from "@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) { _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; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { BLOCK_TEMPLATES_SECTION, DATA_AND_CHARTS_SECTION, EMBED_SECTION, MEDIA_SECTION, OTHER_SECTION, ROVO_SECTION, STRUCTURE_SECTION, TEXT_FORMATTING_SECTION } from './keys';
+var categorySections = {
+  admin: STRUCTURE_SECTION,
+  ai: ROVO_SECTION,
+  'block-templates': BLOCK_TEMPLATES_SECTION,
+  communication: MEDIA_SECTION,
+  'confluence-content': STRUCTURE_SECTION,
+  'data-and-charts': DATA_AND_CHARTS_SECTION,
+  development: DATA_AND_CHARTS_SECTION,
+  embed: EMBED_SECTION,
+  'external-content': EMBED_SECTION,
+  formatting: STRUCTURE_SECTION,
+  media: MEDIA_SECTION,
+  navigation: STRUCTURE_SECTION,
+  other: OTHER_SECTION,
+  reporting: DATA_AND_CHARTS_SECTION,
+  skills: ROVO_SECTION,
+  structure: STRUCTURE_SECTION,
+  'text-formatting': TEXT_FORMATTING_SECTION,
+  visuals: MEDIA_SECTION
+};
+export var getQuickInsertMenuItemParents = function getQuickInsertMenuItemParents(_ref) {
+  var categories = _ref.categories,
+    rank = _ref.rank;
+  var sections = new Map();
+  var _iterator = _createForOfIteratorHelper(categories !== null && categories !== void 0 ? categories : []),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var category = _step.value;
+      var section = categorySections[category.trim().toLowerCase()];
+      if (section) {
+        sections.set(section.key, section);
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  if (sections.size === 0) {
+    sections.set(OTHER_SECTION.key, OTHER_SECTION);
+  }
+  return Array.from(sections.values(), function (section) {
+    return _objectSpread(_objectSpread({}, section), {}, {
+      rank: rank
+    });
+  });
+};

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

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

package/dist/esm/ui/Toolbar/ButtonGroup.compiled.css

@@ -1,5 +1,5 @@
 ._1p8dglyw button:not(#local-media-upload-button):not([disabled]):after{border:none}
 ._89rs1b66 div[role=group]{gap:var(--ds-space-050,4px)}
-._zulp1b66{gap:var(--ds-space-050,4px)}._11ko1txw>div{display:flex}
-._1e0c116y{display:inline-flex}
-._4cvr1h6o{align-items:center}
+._zulp1b66{gap:var(--ds-space-050,4px)}._1e0c116y{display:inline-flex}
+._4cvr1h6o{align-items:center}
+._sox11txw>div:not(:where([popover],dialog)){display:flex}

package/dist/esm/ui/Toolbar/ButtonGroup.js

@@ -9,6 +9,6 @@ var buttonGroupStyleUnbounded = null;
 export function ToolbarButtonGroup(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("span", {
-    className: ax(["_zulp1b66 _1e0c116y _4cvr1h6o", "_11ko1txw _1p8dglyw _89rs1b66"])
+    className: ax(["_zulp1b66 _1e0c116y _4cvr1h6o", "_sox11txw _1p8dglyw _89rs1b66"])
   }, children);
 }

package/dist/esm/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}.
+ */
+var cellBackgroundColorPaletteNew = [];
+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 = getColorMessage(paletteMessages, key);
+  cellBackgroundColorPaletteNew.push({
+    value: color,
+    label: label,
+    border: tableBackgroundBorderColor,
+    message: message
+  });
+});
+export default cellBackgroundColorPaletteNew;

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

@@ -15,6 +15,11 @@ export var lightBackgroundPaletteTooltipMessages = defineMessages({
     defaultMessage: 'Bold blue',
     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 blue color option.'
   },
+  '#ADCBFB': {
+    id: 'fabric.theme.bold-blue-new',
+    defaultMessage: 'Bold blue',
+    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 blue color option.'
+  },
   '#E6FCFF': {
     id: 'fabric.theme.subtle-teal',
     defaultMessage: 'Subtle teal',
@@ -30,6 +35,11 @@ export var lightBackgroundPaletteTooltipMessages = defineMessages({
     defaultMessage: 'Bold teal',
     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 teal color option.'
   },
+  '#B1E4F7': {
+    id: 'fabric.theme.bold-teal-new',
+    defaultMessage: 'Bold teal',
+    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 teal color option.'
+  },
   '#E3FCEF': {
     id: 'fabric.theme.subtle-green',
     defaultMessage: 'Subtle green',
@@ -45,6 +55,11 @@ export var lightBackgroundPaletteTooltipMessages = defineMessages({
     defaultMessage: 'Bold green',
     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 green color option.'
   },
+  '#97EDC9': {
+    id: 'fabric.theme.bold-green-new',
+    defaultMessage: 'Bold green',
+    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 green color option.'
+  },
   '#FFFAE6': {
     id: 'fabric.theme.subtle-yellow',
     defaultMessage: 'Subtle yellow',
@@ -80,6 +95,11 @@ export var lightBackgroundPaletteTooltipMessages = defineMessages({
     defaultMessage: 'Bold red',
     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 red color option.'
   },
+  '#FFB8B2': {
+    id: 'fabric.theme.bold-red-new',
+    defaultMessage: 'Bold red',
+    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 red color option.'
+  },
   '#EAE6FF': {
     id: 'fabric.theme.subtle-purple',
     defaultMessage: 'Subtle purple',
@@ -95,6 +115,11 @@ export var lightBackgroundPaletteTooltipMessages = defineMessages({
     defaultMessage: 'Bold purple',
     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 purple color option.'
   },
+  '#E3BDFA': {
+    id: 'fabric.theme.bold-purple-new',
+    defaultMessage: 'Bold purple',
+    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 purple color option.'
+  },
   '#FFFFFF': {
     id: 'fabric.theme.white',
     defaultMessage: 'White',
@@ -109,5 +134,55 @@ export var 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.'
+  },
+  '#B7B9BE': {
+    id: 'fabric.theme.bold-gray-new',
+    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/esm/ui-color/ColorPalette/Palettes/paletteMessages.js

@@ -150,6 +150,66 @@ var _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',

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

@@ -10,6 +10,7 @@ export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRo
 export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
 export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
 export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
+export { default as cellBackgroundColorPaletteNew } from './ColorPalette/Palettes/cellBackgroundColorPaletteNew';
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { panelBackgroundPaletteNew } from './ColorPalette/Palettes/panelBackgroundPaletteNew';

package/dist/types/analytics/types/ai-suggestions-events.d.ts

@@ -1,6 +1,13 @@
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
 import type { OperationalAEP, TrackAEP } from './utils';
-export type AiSuggestionsEntryPoint = 'primaryToolbar' | 'commentsEmptyState' | 'objectSidebarControl';
+export type AiSuggestionsEntryPoint = 'primaryToolbar' | 'commentsEmptyState' | 'objectSidebarControl'
+/**
+ * Generation started automatically because a suggestions surface was opened
+ * with nothing to show — no explicit user action. Kept distinct from
+ * `commentsEmptyState` (the "Review" button in that empty state) so the two
+ * can be told apart in analytics.
+ */
+ | 'suggestionsPanelMount';
 export type AiSuggestionInteractionPoint = 'sidebar' | 'card' | 'statusBar';
 export type AiSuggestionsConversationErrorReason = 'agentDeactivated' | 'conversationSetup' | 'streamError';
 type NoDiffSuggestionAEP = OperationalAEP<ACTION.NO_DIFF_FOUND, ACTION_SUBJECT.AI_SUGGESTIONS, undefined, {

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

@@ -107,6 +107,7 @@ export declare enum ACTION {
     PASTED_AS_PLAIN = "pastedAsPlain",
     PASTED_TIMED = "pastedTimed",
     PRESSED = "pressed",
+    QUICK_INSERT_INFORMATION = "quickInsertInformation",
     PROSEMIRROR_RENDERED = "proseMirrorRendered",
     REACT_NODEVIEW_RENDERED = "reactNodeViewRendered",
     REFERENCE_SYNCED_BLOCK_DELETE = "referenceSyncedBlockDelete",
@@ -381,6 +382,7 @@ export declare enum ACTION_SUBJECT {
     BLOCK_MENU = "blockMenu",
     BLOCK_MENU_ITEM = "blockMenuItem",
     PASTE_ACTIONS_MENU = "pasteActionsMenu",
+    QUICK_INSERT = "quickInsert",
     SYNCED_BLOCK = "syncedBlock",
     NATIVE_EMBED = "nativeEmbed",
     NATIVE_EMBED_FALLBACK = "nativeEmbedFallback"

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

@@ -52,6 +52,7 @@ import type { NestedTableActionsEventPayload } from './nested-table-events';
 import type { NodeEventPayload } from './node-events';
 import type { OfflineEditingEventPayload } from './offline-editing-event';
 import type { PasteActionsMenuEventPayload, PasteEventPayload } from './paste-events';
+import type { QuickInsertInformationEventPayload } from './quick-insert-events';
 import type { ReferentialityEventPayload } from './referentiality-events';
 import type { SelectionEventPayload } from './selection-events';
 import type { SelectionExtensionEventPayload } from './selection-extension-events';
@@ -72,7 +73,7 @@ export type SimplifiedNode = {
     pos: number;
     type: string;
 };
-export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | PasteActionsMenuEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | PreviewItemClickedAEP | OpenLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | ContainerNodeActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIStreamingEventPayload | AIProactiveEventPayload | AiAutocompleteEventPayload | AiSuggestionsEventPayload | ContextualTypeaheadEventPayload | AIQuickPromptEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | BlockMenuEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | ExperienceEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | NcsSessionStepEventAEP | AgentEditShimmerNotShownAEP | FloatingToolbarOverflowEventPayload | SyncBlockEventPayload | FloatingToolbarEventPayload;
+export type AnalyticsEventPayload<T = void> = AvatarEventPayload | GeneralEventPayload<T> | FormatEventPayload | SubstituteEventPayload | InsertEventPayload | NodeEventPayload | MoveContentEventPayload | MediaEventPayload | TableEventPayload | PasteEventPayload | PasteActionsMenuEventPayload | QuickInsertInformationEventPayload | CutCopyEventPayload | ErrorEventPayload | TextColorEventPayload | FindReplaceEventPayload | DateEventPayload | SelectionEventPayload | ListEventPayload | ConfigPanelEventPayload | ElementBrowserEventPayload | CreateLinkInlineDialogEventPayload | HighlightActionsEventPayload | UnsupportedContentPayload | ExtensionEventPayload | TransactionEventPayload | TypeAheadPayload | UnlinkToolbarAEP | EditLinkToolbarAEP | PreviewItemClickedAEP | OpenLinkToolbarAEP | OpenSettingsToolbarAEP | CustomPanelEventPayload | FeatureExposureAEP | NewCollabSyncUpErrorAEP | UnsupportedContentTooltipPayload | ReferentialityEventPayload | LoomEventPayload | MBEEventPayload | HighlightEventPayload | DatasourceClickedPayload | ElementEventPayload | VisitedLinkAEP | ViewEventPayload | MediaUploadEventPayload | MentionEventPayload | EngagementPlatformEventPayload | NestedTableActionsEventPayload | ContainerNodeActionsEventPayload | AICommandPaletteEventPayload | AIDefinitionsEventPayload | AIEventPayload | AIStreamingEventPayload | AIProactiveEventPayload | AiAutocompleteEventPayload | AiSuggestionsEventPayload | ContextualTypeaheadEventPayload | AIQuickPromptEventPayload | AIUnifiedEventPayload | BreakoutEventPayload | BlockMenuEventPayload | ActiveSessionEventPayload | AIInlineSuggestionPayload | SelectionExtensionEventPayload | TelepointerClickPayload | SelectionToolbarEventPayload | ExperienceEventPayload | AlignmentEventPayload | UndoRedoAEP | OfflineEditingEventPayload | NcsSessionStepEventAEP | AgentEditShimmerNotShownAEP | FloatingToolbarOverflowEventPayload | SyncBlockEventPayload | FloatingToolbarEventPayload;
 type CustomPanelEventPayload = TrackAEP<ACTION.CHANGED_BACKGROUND_COLOR | ACTION.CHANGED_ICON | ACTION.REMOVE_ICON, ACTION_SUBJECT.PANEL, ACTION_SUBJECT_ID.PANEL, {
     newColor: string;
     previousColor: string;

package/dist/types/analytics/types/quick-insert-events.d.ts

@@ -0,0 +1,41 @@
+import type { ACTION, ACTION_SUBJECT } from './enums';
+import type { OperationalAEP } from './utils';
+type CategoryInformation = {
+    appCount: number;
+};
+export type QuickInsertInformationAttributes = {
+    category: {
+        blockTemplates: CategoryInformation;
+        dataAndCharts: CategoryInformation;
+        embed: CategoryInformation;
+        media: CategoryInformation;
+        other: CategoryInformation;
+        rovo: CategoryInformation;
+        structure: CategoryInformation;
+        textFormatting: CategoryInformation;
+    };
+    legacyCategory: {
+        admin: CategoryInformation;
+        ai: CategoryInformation;
+        'block-templates': CategoryInformation;
+        communication: CategoryInformation;
+        'confluence-content': CategoryInformation;
+        'data-and-charts': CategoryInformation;
+        development: CategoryInformation;
+        embed: CategoryInformation;
+        'external-content': CategoryInformation;
+        formatting: CategoryInformation;
+        media: CategoryInformation;
+        navigation: CategoryInformation;
+        other: CategoryInformation;
+        reporting: CategoryInformation;
+        skills: CategoryInformation;
+        structure: CategoryInformation;
+        'text-formatting': CategoryInformation;
+        uncategorized: CategoryInformation;
+        visuals: CategoryInformation;
+    };
+};
+export type QuickInsertInformationAEP = OperationalAEP<ACTION.QUICK_INSERT_INFORMATION, ACTION_SUBJECT.QUICK_INSERT, undefined, QuickInsertInformationAttributes>;
+export type QuickInsertInformationEventPayload = QuickInsertInformationAEP;
+export {};