@atlaskit/editor-common 99.5.4 → 99.5.6

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-common
 
+## 99.5.6
+
+### Patch Changes
+
+- [#107729](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107729)
+  [`0097396913c2f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0097396913c2f) -
+  [ux] EDF-2297 Update improve paragraph suggestion handling to show different cards depending on
+  the nature of suggestions; introduce type, score and details fields for recommendation.
+
+## 99.5.5
+
+### Patch Changes
+
+- [#107618](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107618)
+  [`5b85fa648a36b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5b85fa648a36b) -
+  Create VR tests for new bodied macros changes and fix some UX errors with the button/hover overlay
+
 ## 99.5.4
 
 ### Patch Changes

package/dist/cjs/extensibility/Extension/Lozenge/EditToggle.js

@@ -41,11 +41,11 @@ var buttonStyles = (0, _react2.css)({
   paddingRight: "var(--ds-space-150, 12px)",
   font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   '&:hover': {
-    backgroundColor: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
+    backgroundColor: "var(--ds-background-input-hovered, #F7F8F9)"
   },
   outlineColor: "var(--ds-border-focused, #388BFF)",
   border: 'none',
-  backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
+  backgroundColor: "var(--ds-background-input, #FFFFFF)",
   color: "var(--ds-text-subtle, #44546F)"
 });
 var showButtonContainerStyle = (0, _react2.css)({

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -82,7 +82,7 @@ var labelStyles = (0, _react.css)({
   font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-bodied-macro-live-page-styles': {
-    backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
+    backgroundColor: "var(--ds-background-input, #FFFFFF)",
     boxShadow: "0 0 0 1px ".concat("var(--ds-border, #091E4224)")
   }
 });

package/dist/cjs/extensibility/Extension/styles.js

@@ -35,7 +35,9 @@ var overlay = exports.overlay = (0, _react.css)({
   height: '100%',
   opacity: 0,
   pointerEvents: 'none',
-  transition: 'opacity 0.3s'
+  transition: 'opacity 0.3s',
+  top: 0,
+  left: 0
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766

package/dist/cjs/messages/ai-proactive-setting.js

@@ -13,8 +13,8 @@ var aiProactiveSettingMessages = exports.aiProactiveSettingMessages = (0, _react
   },
   toggleAllSuggestionsDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleAllSuggestionsDescription.non-final',
-    defaultMessage: 'Toggle to turn suggested edits on or off',
-    description: 'This is the description displayed in the modal to allow the user to toggle all suggestions on or off'
+    defaultMessage: 'Toggle to turn suggested edits on or off.',
+    description: 'This is the description displayed in the modal to allow the user to toggle all suggestions on or off.'
   },
   toggleAllPanelSuggestionsTitle: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleAllPanelSuggestionsTitle.non-final',
@@ -23,7 +23,7 @@ var aiProactiveSettingMessages = exports.aiProactiveSettingMessages = (0, _react
   },
   toggleAllPanelSuggestionsDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleAllPanelSuggestionsDescription.non-final',
-    defaultMessage: 'Use panels to make your message stand out',
+    defaultMessage: 'Use panels to make your message stand out.',
     description: 'This is the description displayed in the modal to allow the user to toggle all suggestions on or off'
   },
   toggleErrorPanelTitle: {
@@ -33,7 +33,7 @@ var aiProactiveSettingMessages = exports.aiProactiveSettingMessages = (0, _react
   },
   toggleErrorPanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleErrorPanelDescription.non-final',
-    defaultMessage: 'Transform text into a red error panel',
+    defaultMessage: 'Transform text into a red error panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle error panel on or off'
   },
   toggleInfoPanelTitle: {
@@ -43,7 +43,7 @@ var aiProactiveSettingMessages = exports.aiProactiveSettingMessages = (0, _react
   },
   toggleInfoPanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleInfoPanelDescription.non-final',
-    defaultMessage: 'Transform text into a blue information panel',
+    defaultMessage: 'Transform text into a blue information panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle info panel on or off'
   },
   toggleNotePanelTitle: {
@@ -53,7 +53,7 @@ var aiProactiveSettingMessages = exports.aiProactiveSettingMessages = (0, _react
   },
   toggleNotePanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleNotePanelDescription.non-final',
-    defaultMessage: 'Transform text into a purple note panel',
+    defaultMessage: 'Transform text into a purple note panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle success panel on or off'
   },
   toggleSuccessPanelTitle: {
@@ -63,7 +63,7 @@ var aiProactiveSettingMessages = exports.aiProactiveSettingMessages = (0, _react
   },
   toggleSuccessPanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleSuccessPanelDescription.non-final',
-    defaultMessage: 'Transform text into a green success panel',
+    defaultMessage: 'Transform text into a green success panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle success panel on or off'
   },
   toggleWarningPanelTitle: {
@@ -73,7 +73,7 @@ var aiProactiveSettingMessages = exports.aiProactiveSettingMessages = (0, _react
   },
   toggleWarningPanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleWarningPanelDescription.non-final',
-    defaultMessage: 'Transform text into a yellow warning panel',
+    defaultMessage: 'Transform text into a yellow warning panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle warning panel on or off'
   },
   toggleTableTitle: {
@@ -83,7 +83,7 @@ var aiProactiveSettingMessages = exports.aiProactiveSettingMessages = (0, _react
   },
   toggleTableDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleTableDescription.non-final',
-    defaultMessage: 'Format content in a table to improve readability',
+    defaultMessage: 'Format content in a table to improve readability.',
     description: 'This is the description displayed in the modal to allow the user to toggle table on or off'
   },
   toggleSplitParagraphTitle: {
@@ -93,17 +93,17 @@ var aiProactiveSettingMessages = exports.aiProactiveSettingMessages = (0, _react
   },
   toggleSplitParagraphDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleSplitParagraphDescription.non-final',
-    defaultMessage: 'Add paragraph breaks to separate key ideas',
+    defaultMessage: 'Add paragraph breaks to separate key ideas.',
     description: 'This is the description displayed in the modal to allow the user to toggle paragraph break on or off'
   },
   toggleFormatParagraphTitle: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleFormatParagraphTitle.non-final',
-    defaultMessage: 'Improve paragraph',
-    description: 'This is the title displayed in the modal to allow the user to toggle format paragraph on or off'
+    defaultMessage: 'Enhance content',
+    description: 'This is the title displayed in the modal to allow the user to toggle enhance content on or off'
   },
   toggleFormatParagraphDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleFormatParagraphDescription.non-final',
-    defaultMessage: 'Simplify content and fix spelling and grammar.',
+    defaultMessage: 'Suggestions for writing, lists, content structure, and spelling.',
     description: 'This is the description displayed in the modal to allow the user to toggle format paragraph on or off'
   }
 });

package/dist/cjs/messages/ai-proactive-transform.js

@@ -88,12 +88,52 @@ var aiProactiveTransformMessages = exports.aiProactiveTransformMessages = (0, _r
   },
   recommendationFormatParagraphTitle: {
     id: 'fabric.editor.ai.proactive.recommendation.formatParagraph.title.non-final',
-    defaultMessage: 'Improve paragraph',
+    defaultMessage: 'Enhance content',
     description: 'The title displayed in the side context panel for AI recommendations which suggest a format paragraph operation'
   },
   recommendationFormatParagraphDescription: {
     id: 'fabric.editor.ai.proactive.recommendation.formatParagraph.description.non-final',
-    defaultMessage: 'Simplify content and fix spelling and grammar.',
+    defaultMessage: 'Clarify content writing and structure.',
     description: 'The description displayed in the side context panel for AI recommendations which suggest a format paragraph operation'
+  },
+  recommendationFormatParagraphClarityTitle: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphClarity.title.non-final',
+    defaultMessage: 'Clarify writing',
+    description: 'The title displayed in the side context panel for AI recommendations which suggest an improve paragraph clarity operation'
+  },
+  recommendationFormatParagraphClarityDescription: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphClarity.description.non-final',
+    defaultMessage: 'Simplify phrasing and grammar.',
+    description: 'The description displayed in the side context panel for AI recommendations which suggest an improve paragraph clarity operation'
+  },
+  recommendationFormatParagraphListTitle: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphList.title.non-final',
+    defaultMessage: 'Create list',
+    description: 'The title displayed in the side context panel for AI recommendations which suggest to create a list'
+  },
+  recommendationFormatParagraphListDescription: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphList.description.non-final',
+    defaultMessage: 'Turn content into a scannable list.',
+    description: 'The description displayed in the side context panel for AI recommendations which suggest to create a list'
+  },
+  recommendationFormatParagraphStructureTitle: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphStructure.title.non-final',
+    defaultMessage: 'Improve structure',
+    description: 'The title displayed in the side context panel for AI recommendations which suggest an improve paragraph structure operation'
+  },
+  recommendationFormatParagraphStructureDescription: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphStructure.description.non-final',
+    defaultMessage: 'Add paragraph breaks and headings.',
+    description: 'The description displayed in the side context panel for AI recommendations which suggest an improve paragraph structure operation'
+  },
+  recommendationFormatParagraphSpellcheckTitle: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphSpellcheck.title.non-final',
+    defaultMessage: 'Fix spelling',
+    description: 'The title displayed in the side context panel for AI recommendations which suggest an improve paragraph spellcheck operation'
+  },
+  recommendationFormatParagraphSpellcheckDescription: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphSpellcheck.description.non-final',
+    defaultMessage: 'Spot and correct spelling errors.',
+    description: 'The description displayed in the side context panel for AI recommendations which suggest an improve paragraph spellcheck operation'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,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 && {}.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 = "99.5.4";
+var packageVersion = "99.5.6";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -23,7 +23,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 = "99.5.4";
+var packageVersion = "99.5.6";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/extensibility/Extension/Lozenge/EditToggle.js

@@ -34,11 +34,11 @@ const buttonStyles = css({
   paddingRight: "var(--ds-space-150, 12px)",
   font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   '&:hover': {
-    backgroundColor: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
+    backgroundColor: "var(--ds-background-input-hovered, #F7F8F9)"
   },
   outlineColor: "var(--ds-border-focused, #388BFF)",
   border: 'none',
-  backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
+  backgroundColor: "var(--ds-background-input, #FFFFFF)",
   color: "var(--ds-text-subtle, #44546F)"
 });
 const showButtonContainerStyle = css({

package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -74,7 +74,7 @@ const labelStyles = css({
   font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-bodied-macro-live-page-styles': {
-    backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
+    backgroundColor: "var(--ds-background-input, #FFFFFF)",
     boxShadow: `0 0 0 1px ${"var(--ds-border, #091E4224)"}`
   }
 });

package/dist/es2019/extensibility/Extension/styles.js

@@ -28,7 +28,9 @@ export const overlay = css({
   height: '100%',
   opacity: 0,
   pointerEvents: 'none',
-  transition: 'opacity 0.3s'
+  transition: 'opacity 0.3s',
+  top: 0,
+  left: 0
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766

package/dist/es2019/messages/ai-proactive-setting.js

@@ -7,8 +7,8 @@ export const aiProactiveSettingMessages = defineMessages({
   },
   toggleAllSuggestionsDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleAllSuggestionsDescription.non-final',
-    defaultMessage: 'Toggle to turn suggested edits on or off',
-    description: 'This is the description displayed in the modal to allow the user to toggle all suggestions on or off'
+    defaultMessage: 'Toggle to turn suggested edits on or off.',
+    description: 'This is the description displayed in the modal to allow the user to toggle all suggestions on or off.'
   },
   toggleAllPanelSuggestionsTitle: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleAllPanelSuggestionsTitle.non-final',
@@ -17,7 +17,7 @@ export const aiProactiveSettingMessages = defineMessages({
   },
   toggleAllPanelSuggestionsDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleAllPanelSuggestionsDescription.non-final',
-    defaultMessage: 'Use panels to make your message stand out',
+    defaultMessage: 'Use panels to make your message stand out.',
     description: 'This is the description displayed in the modal to allow the user to toggle all suggestions on or off'
   },
   toggleErrorPanelTitle: {
@@ -27,7 +27,7 @@ export const aiProactiveSettingMessages = defineMessages({
   },
   toggleErrorPanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleErrorPanelDescription.non-final',
-    defaultMessage: 'Transform text into a red error panel',
+    defaultMessage: 'Transform text into a red error panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle error panel on or off'
   },
   toggleInfoPanelTitle: {
@@ -37,7 +37,7 @@ export const aiProactiveSettingMessages = defineMessages({
   },
   toggleInfoPanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleInfoPanelDescription.non-final',
-    defaultMessage: 'Transform text into a blue information panel',
+    defaultMessage: 'Transform text into a blue information panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle info panel on or off'
   },
   toggleNotePanelTitle: {
@@ -47,7 +47,7 @@ export const aiProactiveSettingMessages = defineMessages({
   },
   toggleNotePanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleNotePanelDescription.non-final',
-    defaultMessage: 'Transform text into a purple note panel',
+    defaultMessage: 'Transform text into a purple note panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle success panel on or off'
   },
   toggleSuccessPanelTitle: {
@@ -57,7 +57,7 @@ export const aiProactiveSettingMessages = defineMessages({
   },
   toggleSuccessPanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleSuccessPanelDescription.non-final',
-    defaultMessage: 'Transform text into a green success panel',
+    defaultMessage: 'Transform text into a green success panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle success panel on or off'
   },
   toggleWarningPanelTitle: {
@@ -67,7 +67,7 @@ export const aiProactiveSettingMessages = defineMessages({
   },
   toggleWarningPanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleWarningPanelDescription.non-final',
-    defaultMessage: 'Transform text into a yellow warning panel',
+    defaultMessage: 'Transform text into a yellow warning panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle warning panel on or off'
   },
   toggleTableTitle: {
@@ -77,7 +77,7 @@ export const aiProactiveSettingMessages = defineMessages({
   },
   toggleTableDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleTableDescription.non-final',
-    defaultMessage: 'Format content in a table to improve readability',
+    defaultMessage: 'Format content in a table to improve readability.',
     description: 'This is the description displayed in the modal to allow the user to toggle table on or off'
   },
   toggleSplitParagraphTitle: {
@@ -87,17 +87,17 @@ export const aiProactiveSettingMessages = defineMessages({
   },
   toggleSplitParagraphDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleSplitParagraphDescription.non-final',
-    defaultMessage: 'Add paragraph breaks to separate key ideas',
+    defaultMessage: 'Add paragraph breaks to separate key ideas.',
     description: 'This is the description displayed in the modal to allow the user to toggle paragraph break on or off'
   },
   toggleFormatParagraphTitle: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleFormatParagraphTitle.non-final',
-    defaultMessage: 'Improve paragraph',
-    description: 'This is the title displayed in the modal to allow the user to toggle format paragraph on or off'
+    defaultMessage: 'Enhance content',
+    description: 'This is the title displayed in the modal to allow the user to toggle enhance content on or off'
   },
   toggleFormatParagraphDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleFormatParagraphDescription.non-final',
-    defaultMessage: 'Simplify content and fix spelling and grammar.',
+    defaultMessage: 'Suggestions for writing, lists, content structure, and spelling.',
     description: 'This is the description displayed in the modal to allow the user to toggle format paragraph on or off'
   }
 });

package/dist/es2019/messages/ai-proactive-transform.js

@@ -82,12 +82,52 @@ export const aiProactiveTransformMessages = defineMessages({
   },
   recommendationFormatParagraphTitle: {
     id: 'fabric.editor.ai.proactive.recommendation.formatParagraph.title.non-final',
-    defaultMessage: 'Improve paragraph',
+    defaultMessage: 'Enhance content',
     description: 'The title displayed in the side context panel for AI recommendations which suggest a format paragraph operation'
   },
   recommendationFormatParagraphDescription: {
     id: 'fabric.editor.ai.proactive.recommendation.formatParagraph.description.non-final',
-    defaultMessage: 'Simplify content and fix spelling and grammar.',
+    defaultMessage: 'Clarify content writing and structure.',
     description: 'The description displayed in the side context panel for AI recommendations which suggest a format paragraph operation'
+  },
+  recommendationFormatParagraphClarityTitle: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphClarity.title.non-final',
+    defaultMessage: 'Clarify writing',
+    description: 'The title displayed in the side context panel for AI recommendations which suggest an improve paragraph clarity operation'
+  },
+  recommendationFormatParagraphClarityDescription: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphClarity.description.non-final',
+    defaultMessage: 'Simplify phrasing and grammar.',
+    description: 'The description displayed in the side context panel for AI recommendations which suggest an improve paragraph clarity operation'
+  },
+  recommendationFormatParagraphListTitle: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphList.title.non-final',
+    defaultMessage: 'Create list',
+    description: 'The title displayed in the side context panel for AI recommendations which suggest to create a list'
+  },
+  recommendationFormatParagraphListDescription: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphList.description.non-final',
+    defaultMessage: 'Turn content into a scannable list.',
+    description: 'The description displayed in the side context panel for AI recommendations which suggest to create a list'
+  },
+  recommendationFormatParagraphStructureTitle: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphStructure.title.non-final',
+    defaultMessage: 'Improve structure',
+    description: 'The title displayed in the side context panel for AI recommendations which suggest an improve paragraph structure operation'
+  },
+  recommendationFormatParagraphStructureDescription: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphStructure.description.non-final',
+    defaultMessage: 'Add paragraph breaks and headings.',
+    description: 'The description displayed in the side context panel for AI recommendations which suggest an improve paragraph structure operation'
+  },
+  recommendationFormatParagraphSpellcheckTitle: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphSpellcheck.title.non-final',
+    defaultMessage: 'Fix spelling',
+    description: 'The title displayed in the side context panel for AI recommendations which suggest an improve paragraph spellcheck operation'
+  },
+  recommendationFormatParagraphSpellcheckDescription: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphSpellcheck.description.non-final',
+    defaultMessage: 'Spot and correct spelling errors.',
+    description: 'The description displayed in the side context panel for AI recommendations which suggest an improve paragraph spellcheck operation'
   }
 });

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 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 = "99.5.4";
+const packageVersion = "99.5.6";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "99.5.4";
+const packageVersion = "99.5.6";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/extensibility/Extension/Lozenge/EditToggle.js

@@ -34,11 +34,11 @@ var buttonStyles = css({
   paddingRight: "var(--ds-space-150, 12px)",
   font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   '&:hover': {
-    backgroundColor: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
+    backgroundColor: "var(--ds-background-input-hovered, #F7F8F9)"
   },
   outlineColor: "var(--ds-border-focused, #388BFF)",
   border: 'none',
-  backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
+  backgroundColor: "var(--ds-background-input, #FFFFFF)",
   color: "var(--ds-text-subtle, #44546F)"
 });
 var showButtonContainerStyle = css({

package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -74,7 +74,7 @@ var labelStyles = css({
   font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-bodied-macro-live-page-styles': {
-    backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
+    backgroundColor: "var(--ds-background-input, #FFFFFF)",
     boxShadow: "0 0 0 1px ".concat("var(--ds-border, #091E4224)")
   }
 });

package/dist/esm/extensibility/Extension/styles.js

@@ -28,7 +28,9 @@ export var overlay = css({
   height: '100%',
   opacity: 0,
   pointerEvents: 'none',
-  transition: 'opacity 0.3s'
+  transition: 'opacity 0.3s',
+  top: 0,
+  left: 0
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766

package/dist/esm/messages/ai-proactive-setting.js

@@ -7,8 +7,8 @@ export var aiProactiveSettingMessages = defineMessages({
   },
   toggleAllSuggestionsDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleAllSuggestionsDescription.non-final',
-    defaultMessage: 'Toggle to turn suggested edits on or off',
-    description: 'This is the description displayed in the modal to allow the user to toggle all suggestions on or off'
+    defaultMessage: 'Toggle to turn suggested edits on or off.',
+    description: 'This is the description displayed in the modal to allow the user to toggle all suggestions on or off.'
   },
   toggleAllPanelSuggestionsTitle: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleAllPanelSuggestionsTitle.non-final',
@@ -17,7 +17,7 @@ export var aiProactiveSettingMessages = defineMessages({
   },
   toggleAllPanelSuggestionsDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleAllPanelSuggestionsDescription.non-final',
-    defaultMessage: 'Use panels to make your message stand out',
+    defaultMessage: 'Use panels to make your message stand out.',
     description: 'This is the description displayed in the modal to allow the user to toggle all suggestions on or off'
   },
   toggleErrorPanelTitle: {
@@ -27,7 +27,7 @@ export var aiProactiveSettingMessages = defineMessages({
   },
   toggleErrorPanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleErrorPanelDescription.non-final',
-    defaultMessage: 'Transform text into a red error panel',
+    defaultMessage: 'Transform text into a red error panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle error panel on or off'
   },
   toggleInfoPanelTitle: {
@@ -37,7 +37,7 @@ export var aiProactiveSettingMessages = defineMessages({
   },
   toggleInfoPanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleInfoPanelDescription.non-final',
-    defaultMessage: 'Transform text into a blue information panel',
+    defaultMessage: 'Transform text into a blue information panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle info panel on or off'
   },
   toggleNotePanelTitle: {
@@ -47,7 +47,7 @@ export var aiProactiveSettingMessages = defineMessages({
   },
   toggleNotePanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleNotePanelDescription.non-final',
-    defaultMessage: 'Transform text into a purple note panel',
+    defaultMessage: 'Transform text into a purple note panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle success panel on or off'
   },
   toggleSuccessPanelTitle: {
@@ -57,7 +57,7 @@ export var aiProactiveSettingMessages = defineMessages({
   },
   toggleSuccessPanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleSuccessPanelDescription.non-final',
-    defaultMessage: 'Transform text into a green success panel',
+    defaultMessage: 'Transform text into a green success panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle success panel on or off'
   },
   toggleWarningPanelTitle: {
@@ -67,7 +67,7 @@ export var aiProactiveSettingMessages = defineMessages({
   },
   toggleWarningPanelDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleWarningPanelDescription.non-final',
-    defaultMessage: 'Transform text into a yellow warning panel',
+    defaultMessage: 'Transform text into a yellow warning panel.',
     description: 'This is the description displayed in the modal to allow the user to toggle warning panel on or off'
   },
   toggleTableTitle: {
@@ -77,7 +77,7 @@ export var aiProactiveSettingMessages = defineMessages({
   },
   toggleTableDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleTableDescription.non-final',
-    defaultMessage: 'Format content in a table to improve readability',
+    defaultMessage: 'Format content in a table to improve readability.',
     description: 'This is the description displayed in the modal to allow the user to toggle table on or off'
   },
   toggleSplitParagraphTitle: {
@@ -87,17 +87,17 @@ export var aiProactiveSettingMessages = defineMessages({
   },
   toggleSplitParagraphDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleSplitParagraphDescription.non-final',
-    defaultMessage: 'Add paragraph breaks to separate key ideas',
+    defaultMessage: 'Add paragraph breaks to separate key ideas.',
     description: 'This is the description displayed in the modal to allow the user to toggle paragraph break on or off'
   },
   toggleFormatParagraphTitle: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleFormatParagraphTitle.non-final',
-    defaultMessage: 'Improve paragraph',
-    description: 'This is the title displayed in the modal to allow the user to toggle format paragraph on or off'
+    defaultMessage: 'Enhance content',
+    description: 'This is the title displayed in the modal to allow the user to toggle enhance content on or off'
   },
   toggleFormatParagraphDescription: {
     id: 'fabric.editor.ai.proactive.moreMenu.toggleFormatParagraphDescription.non-final',
-    defaultMessage: 'Simplify content and fix spelling and grammar.',
+    defaultMessage: 'Suggestions for writing, lists, content structure, and spelling.',
     description: 'This is the description displayed in the modal to allow the user to toggle format paragraph on or off'
   }
 });

package/dist/esm/messages/ai-proactive-transform.js

@@ -82,12 +82,52 @@ export var aiProactiveTransformMessages = defineMessages({
   },
   recommendationFormatParagraphTitle: {
     id: 'fabric.editor.ai.proactive.recommendation.formatParagraph.title.non-final',
-    defaultMessage: 'Improve paragraph',
+    defaultMessage: 'Enhance content',
     description: 'The title displayed in the side context panel for AI recommendations which suggest a format paragraph operation'
   },
   recommendationFormatParagraphDescription: {
     id: 'fabric.editor.ai.proactive.recommendation.formatParagraph.description.non-final',
-    defaultMessage: 'Simplify content and fix spelling and grammar.',
+    defaultMessage: 'Clarify content writing and structure.',
     description: 'The description displayed in the side context panel for AI recommendations which suggest a format paragraph operation'
+  },
+  recommendationFormatParagraphClarityTitle: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphClarity.title.non-final',
+    defaultMessage: 'Clarify writing',
+    description: 'The title displayed in the side context panel for AI recommendations which suggest an improve paragraph clarity operation'
+  },
+  recommendationFormatParagraphClarityDescription: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphClarity.description.non-final',
+    defaultMessage: 'Simplify phrasing and grammar.',
+    description: 'The description displayed in the side context panel for AI recommendations which suggest an improve paragraph clarity operation'
+  },
+  recommendationFormatParagraphListTitle: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphList.title.non-final',
+    defaultMessage: 'Create list',
+    description: 'The title displayed in the side context panel for AI recommendations which suggest to create a list'
+  },
+  recommendationFormatParagraphListDescription: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphList.description.non-final',
+    defaultMessage: 'Turn content into a scannable list.',
+    description: 'The description displayed in the side context panel for AI recommendations which suggest to create a list'
+  },
+  recommendationFormatParagraphStructureTitle: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphStructure.title.non-final',
+    defaultMessage: 'Improve structure',
+    description: 'The title displayed in the side context panel for AI recommendations which suggest an improve paragraph structure operation'
+  },
+  recommendationFormatParagraphStructureDescription: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphStructure.description.non-final',
+    defaultMessage: 'Add paragraph breaks and headings.',
+    description: 'The description displayed in the side context panel for AI recommendations which suggest an improve paragraph structure operation'
+  },
+  recommendationFormatParagraphSpellcheckTitle: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphSpellcheck.title.non-final',
+    defaultMessage: 'Fix spelling',
+    description: 'The title displayed in the side context panel for AI recommendations which suggest an improve paragraph spellcheck operation'
+  },
+  recommendationFormatParagraphSpellcheckDescription: {
+    id: 'fabric.editor.ai.proactive.recommendation.formatParagraphSpellcheck.description.non-final',
+    defaultMessage: 'Spot and correct spelling errors.',
+    description: 'The description displayed in the side context panel for AI recommendations which suggest an improve paragraph spellcheck operation'
   }
 });

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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 = "99.5.4";
+var packageVersion = "99.5.6";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "99.5.4";
+var packageVersion = "99.5.6";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -17,14 +17,22 @@ type AIProactiveSuggestionDisplayToggledAEP = TrackAEP<ACTION.TOGGLED, ACTION_SU
 type AIProactiveSuggestionInsertedAEP = TrackAEP<ACTION.INSERTED, ACTION_SUBJECT.EDITOR_PLUGIN_AI, ACTION_SUBJECT_ID.PROACTIVE_SUGGESTION, {
     aiInteractionID: string | undefined;
     triggeredFrom: string;
-    transformAction: string;
+    transformAction?: string;
+    type?: string;
+    details?: {
+        [key: string]: string[] | string;
+    };
     transformType: 'REPLACE_PARAGRAPH';
     insertionMethod: 'replace' | 'insertBelow';
 }, undefined>;
 type AIProactiveSuggestionDismissedAEP = TrackAEP<ACTION.DISMISSED, ACTION_SUBJECT.EDITOR_PLUGIN_AI, ACTION_SUBJECT_ID.PROACTIVE_SUGGESTION, {
     aiInteractionID: string | undefined;
     triggeredFrom: string;
-    transformAction: string;
+    transformAction?: string;
+    type?: string;
+    details?: {
+        [key: string]: string[] | string;
+    };
     transformType: 'REPLACE_PARAGRAPH';
 }, undefined>;
 type AIProactiveSuggestionFeedbackClickedAEP = UIAEP<ACTION.CLICK, ACTION_SUBJECT.EDITOR_PLUGIN_AI, ACTION_SUBJECT_ID.RESPONSE_FEEDBACK_BUTTON, {

package/dist/types/messages/ai-proactive-transform.d.ts

@@ -89,4 +89,44 @@ export declare const aiProactiveTransformMessages: {
         defaultMessage: string;
         description: string;
     };
+    recommendationFormatParagraphClarityTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphClarityDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphListTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphListDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphStructureTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphStructureDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphSpellcheckTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphSpellcheckDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

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

@@ -17,14 +17,22 @@ type AIProactiveSuggestionDisplayToggledAEP = TrackAEP<ACTION.TOGGLED, ACTION_SU
 type AIProactiveSuggestionInsertedAEP = TrackAEP<ACTION.INSERTED, ACTION_SUBJECT.EDITOR_PLUGIN_AI, ACTION_SUBJECT_ID.PROACTIVE_SUGGESTION, {
     aiInteractionID: string | undefined;
     triggeredFrom: string;
-    transformAction: string;
+    transformAction?: string;
+    type?: string;
+    details?: {
+        [key: string]: string[] | string;
+    };
     transformType: 'REPLACE_PARAGRAPH';
     insertionMethod: 'replace' | 'insertBelow';
 }, undefined>;
 type AIProactiveSuggestionDismissedAEP = TrackAEP<ACTION.DISMISSED, ACTION_SUBJECT.EDITOR_PLUGIN_AI, ACTION_SUBJECT_ID.PROACTIVE_SUGGESTION, {
     aiInteractionID: string | undefined;
     triggeredFrom: string;
-    transformAction: string;
+    transformAction?: string;
+    type?: string;
+    details?: {
+        [key: string]: string[] | string;
+    };
     transformType: 'REPLACE_PARAGRAPH';
 }, undefined>;
 type AIProactiveSuggestionFeedbackClickedAEP = UIAEP<ACTION.CLICK, ACTION_SUBJECT.EDITOR_PLUGIN_AI, ACTION_SUBJECT_ID.RESPONSE_FEEDBACK_BUTTON, {

package/dist/types-ts4.5/messages/ai-proactive-transform.d.ts

@@ -89,4 +89,44 @@ export declare const aiProactiveTransformMessages: {
         defaultMessage: string;
         description: string;
     };
+    recommendationFormatParagraphClarityTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphClarityDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphListTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphListDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphStructureTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphStructureDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphSpellcheckTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    recommendationFormatParagraphSpellcheckDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/package.json

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