@atlaskit/editor-plugin-show-diff 9.0.5 → 9.0.7

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-show-diff
 
+## 9.0.7
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.0.6
+
+### Patch Changes
+
+- [`ca2189db06329`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ca2189db06329) -
+  Update diff style
+- Updated dependencies
+
 ## 9.0.5
 
 ### Patch Changes

package/dist/cjs/pm-plugins/decorations/colorSchemes/standard.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.standardDecorationMarkerVariable = exports.editingStyleRuleNode = exports.editingStyleQuoteNode = exports.editingStyleNode = exports.editingStyleCardBlockNode = exports.editingStyleActive = exports.editingStyle = exports.editingContentStyleInBlock = exports.deletedStyleQuoteNodeWithLozengeActive = exports.deletedStyleQuoteNodeWithLozenge = exports.deletedStyleQuoteNode = exports.deletedRowStyle = exports.deletedInlineContentBackground = exports.deletedContentStyleUnbounded = exports.deletedContentStyleNew = exports.deletedContentStyleActive = exports.deletedContentStyle = exports.deletedCellOverlayStyle = exports.deletedBlockOutlineRoundedActive = exports.deletedBlockOutlineRounded = exports.deletedBlockOutlineActive = exports.deletedBlockOutline = exports.addedCellOverlayStyle = void 0;
+exports.standardDecorationMarkerVariable = exports.editingStyleRuleNode = exports.editingStyleQuoteNode = exports.editingStyleNode = exports.editingStyleExtended = exports.editingStyleCardBlockNode = exports.editingStyleActiveExtended = exports.editingStyleActive = exports.editingStyle = exports.editingContentStyleInBlockExtended = exports.editingContentStyleInBlock = exports.deletedStyleQuoteNodeWithLozengeActive = exports.deletedStyleQuoteNodeWithLozenge = exports.deletedStyleQuoteNode = exports.deletedRowStyle = exports.deletedInlineContentBackground = exports.deletedContentStyleUnbounded = exports.deletedContentStyleNew = exports.deletedContentStyleActive = exports.deletedContentStyle = exports.deletedCellOverlayStyle = exports.deletedBlockOutlineRoundedActive = exports.deletedBlockOutlineRounded = exports.deletedBlockOutlineActive = exports.deletedBlockOutline = exports.addedCellOverlayStyle = void 0;
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+// delete on platform_editor_diff_plugin_extended cleanup
 var editingStyle = exports.editingStyle = (0, _lazyNodeView.convertToInlineCss)({
   background: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
   textDecoration: 'underline',
@@ -12,12 +13,16 @@ var editingStyle = exports.editingStyle = (0, _lazyNodeView.convertToInlineCss)(
   textDecorationThickness: "var(--ds-space-025, 2px)",
   textDecorationColor: "var(--ds-border-accent-purple, #AF59E1)"
 });
+
+// delete on platform_editor_diff_plugin_extended cleanup
 var editingContentStyleInBlock = exports.editingContentStyleInBlock = (0, _lazyNodeView.convertToInlineCss)({
   textDecoration: 'underline',
   textDecorationStyle: 'dotted',
   textDecorationThickness: "var(--ds-space-025, 2px)",
   textDecorationColor: "var(--ds-border-accent-purple, #AF59E1)"
 });
+
+// delete on platform_editor_diff_plugin_extended cleanup
 var editingStyleActive = exports.editingStyleActive = (0, _lazyNodeView.convertToInlineCss)({
   background: "var(--ds-background-accent-purple-subtler-pressed, #D8A0F7)",
   textDecoration: 'underline',
@@ -25,6 +30,20 @@ var editingStyleActive = exports.editingStyleActive = (0, _lazyNodeView.convertT
   textDecorationThickness: "var(--ds-space-025, 2px)",
   textDecorationColor: "var(--ds-text-accent-purple, #803FA5)"
 });
+var editingStyleExtended = exports.editingStyleExtended = (0, _lazyNodeView.convertToInlineCss)({
+  background: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
+  borderBottom: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)"),
+  padding: "1px 0 2px"
+});
+var editingContentStyleInBlockExtended = exports.editingContentStyleInBlockExtended = (0, _lazyNodeView.convertToInlineCss)({
+  borderBottom: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)"),
+  padding: "1px 0 2px"
+});
+var editingStyleActiveExtended = exports.editingStyleActiveExtended = (0, _lazyNodeView.convertToInlineCss)({
+  background: "var(--ds-background-accent-purple-subtler-pressed, #D8A0F7)",
+  borderBottom: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)"),
+  padding: "1px 0 2px"
+});
 var deletedContentStyle = exports.deletedContentStyle = (0, _lazyNodeView.convertToInlineCss)({
   color: "var(--ds-text-accent-gray, #505258)",
   textDecoration: 'line-through',

package/dist/cjs/pm-plugins/decorations/createInlineChangedDecoration.js

@@ -41,7 +41,7 @@ var createInlineChangedDecoration = exports.createInlineChangedDecoration = func
       if (colorScheme === 'traditional') {
         style = isActive ? _traditional.traditionalInsertStyleActive : _traditional.traditionalInsertStyle;
       } else {
-        style = isActive ? _standard.editingStyleActive : _standard.editingStyle;
+        style = isActive ? _standard.editingStyleActiveExtended : _standard.editingStyleExtended;
       }
     } else {
       if (colorScheme === 'traditional') {

package/dist/cjs/pm-plugins/decorations/createNodeChangedDecorationWidget.js

@@ -33,9 +33,9 @@ var getInsertedContentStyle = function getInsertedContentStyle(colorScheme) {
     return _traditional.traditionalInsertStyle;
   }
   if (isActive) {
-    return _standard.editingStyleActive;
+    return (0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) ? _standard.editingStyleActiveExtended : _standard.editingStyleActive;
   }
-  return _standard.editingStyle;
+  return (0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) ? _standard.editingStyleExtended : _standard.editingStyle;
 };
 var getDeletedContentStyle = function getDeletedContentStyle(colorScheme) {
   var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;

package/dist/cjs/pm-plugins/decorations/utils/wrapBlockNodeView.js

@@ -65,7 +65,7 @@ var getChangedContentStyle = function getChangedContentStyle(colorScheme) {
     if (colorScheme === 'traditional') {
       return isActive ? _traditional.traditionalInsertStyleActive : _traditional.traditionalInsertStyle;
     }
-    return isActive ? _standard.editingStyleActive : _standard.editingStyle;
+    return isActive ? _standard.editingStyleActiveExtended : _standard.editingStyleExtended;
   }
   if (colorScheme === 'traditional') {
     return (0, _traditional.getDeletedTraditionalInlineStyle)(isActive);
@@ -81,7 +81,7 @@ var getChangedNodeStyle = function getChangedNodeStyle(nodeName, colorScheme) {
   var isTraditional = colorScheme === 'traditional';
   if ((0, _expValEquals.expValEquals)('platform_editor_diff_plugin_extended', 'isEnabled', true) && isInserted) {
     if (isMultiContainerBlockNode(nodeName)) {
-      return _standard.editingContentStyleInBlock;
+      return _standard.editingContentStyleInBlockExtended;
     }
     if (isTextLikeBlockNode(nodeName)) {
       return undefined;

package/dist/es2019/pm-plugins/decorations/colorSchemes/standard.js

@@ -1,4 +1,5 @@
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+// delete on platform_editor_diff_plugin_extended cleanup
 export const editingStyle = convertToInlineCss({
   background: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
   textDecoration: 'underline',
@@ -6,12 +7,16 @@ export const editingStyle = convertToInlineCss({
   textDecorationThickness: "var(--ds-space-025, 2px)",
   textDecorationColor: "var(--ds-border-accent-purple, #AF59E1)"
 });
+
+// delete on platform_editor_diff_plugin_extended cleanup
 export const editingContentStyleInBlock = convertToInlineCss({
   textDecoration: 'underline',
   textDecorationStyle: 'dotted',
   textDecorationThickness: "var(--ds-space-025, 2px)",
   textDecorationColor: "var(--ds-border-accent-purple, #AF59E1)"
 });
+
+// delete on platform_editor_diff_plugin_extended cleanup
 export const editingStyleActive = convertToInlineCss({
   background: "var(--ds-background-accent-purple-subtler-pressed, #D8A0F7)",
   textDecoration: 'underline',
@@ -19,6 +24,20 @@ export const editingStyleActive = convertToInlineCss({
   textDecorationThickness: "var(--ds-space-025, 2px)",
   textDecorationColor: "var(--ds-text-accent-purple, #803FA5)"
 });
+export const editingStyleExtended = convertToInlineCss({
+  background: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
+  borderBottom: `2px solid ${"var(--ds-border-accent-purple, #AF59E1)"}`,
+  padding: `1px 0 2px`
+});
+export const editingContentStyleInBlockExtended = convertToInlineCss({
+  borderBottom: `2px solid ${"var(--ds-border-accent-purple, #AF59E1)"}`,
+  padding: `1px 0 2px`
+});
+export const editingStyleActiveExtended = convertToInlineCss({
+  background: "var(--ds-background-accent-purple-subtler-pressed, #D8A0F7)",
+  borderBottom: `2px solid ${"var(--ds-border-accent-purple, #AF59E1)"}`,
+  padding: `1px 0 2px`
+});
 export const deletedContentStyle = convertToInlineCss({
   color: "var(--ds-text-accent-gray, #505258)",
   textDecoration: 'line-through',

package/dist/es2019/pm-plugins/decorations/createInlineChangedDecoration.js

@@ -1,7 +1,7 @@
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editingStyle, editingStyleActive, deletedContentStyle, deletedContentStyleActive, deletedInlineContentBackground } from './colorSchemes/standard';
+import { editingStyle, editingStyleExtended, editingStyleActive, editingStyleActiveExtended, deletedContentStyle, deletedContentStyleActive, deletedInlineContentBackground } from './colorSchemes/standard';
 import { traditionalInsertStyle, traditionalInsertStyleActive, getDeletedTraditionalInlineStyle } from './colorSchemes/traditional';
 const displayNoneStyle = convertToInlineCss({
   display: 'none'
@@ -33,7 +33,7 @@ export const createInlineChangedDecoration = ({
       if (colorScheme === 'traditional') {
         style = isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
       } else {
-        style = isActive ? editingStyleActive : editingStyle;
+        style = isActive ? editingStyleActiveExtended : editingStyleExtended;
       }
     } else {
       if (colorScheme === 'traditional') {

package/dist/es2019/pm-plugins/decorations/createNodeChangedDecorationWidget.js

@@ -1,7 +1,7 @@
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editingStyle, editingStyleActive, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedContentStyleUnbounded, deletedInlineContentBackground } from './colorSchemes/standard';
+import { editingStyle, editingStyleExtended, editingStyleActive, editingStyleActiveExtended, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedContentStyleUnbounded, deletedInlineContentBackground } from './colorSchemes/standard';
 import { traditionalInsertStyle, traditionalInsertStyleActive, getDeletedTraditionalInlineStyle, deletedTraditionalContentStyleUnbounded, deletedTraditionalContentStyleUnboundedActive } from './colorSchemes/traditional';
 import { createChangedRowDecorationWidgets } from './createChangedRowDecorationWidgets';
 import { findSafeInsertPos } from './utils/findSafeInsertPos';
@@ -20,9 +20,9 @@ const getInsertedContentStyle = (colorScheme, isActive = false) => {
     return traditionalInsertStyle;
   }
   if (isActive) {
-    return editingStyleActive;
+    return expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? editingStyleActiveExtended : editingStyleActive;
   }
-  return editingStyle;
+  return expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? editingStyleExtended : editingStyle;
 };
 const getDeletedContentStyle = (colorScheme, isActive = false) => {
   if (colorScheme === 'traditional') {

package/dist/es2019/pm-plugins/decorations/utils/wrapBlockNodeView.js

@@ -2,7 +2,7 @@ import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { trackChangesMessages } from '@atlaskit/editor-common/messages';
 import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlock, editingStyle, editingStyleActive, editingStyleNode, addedCellOverlayStyle, deletedCellOverlayStyle } from '../colorSchemes/standard';
+import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlockExtended, editingStyleExtended, editingStyleActiveExtended, editingStyleNode, addedCellOverlayStyle, deletedCellOverlayStyle } from '../colorSchemes/standard';
 import { deletedTraditionalBlockOutlineActive, deletedTraditionalBlockOutlineNew, deletedTraditionalBlockOutlineRoundedActive, deletedTraditionalBlockOutlineRoundedNew, getDeletedTraditionalInlineStyle, deletedTraditionalStyleQuoteNode, deletedTraditionalStyleQuoteNodeActive, traditionalInsertStyle, traditionalInsertStyleActive, traditionalStyleNodeActive, traditionalStyleNodeNew, traditionalAddedCellOverlayStyleNew, deletedTraditionalCellOverlayStyle } from '../colorSchemes/traditional';
 const lozengeStyle = convertToInlineCss({
   display: 'inline-flex',
@@ -57,7 +57,7 @@ const getChangedContentStyle = (colorScheme, isActive = false, isInserted = fals
     if (colorScheme === 'traditional') {
       return isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
     }
-    return isActive ? editingStyleActive : editingStyle;
+    return isActive ? editingStyleActiveExtended : editingStyleExtended;
   }
   if (colorScheme === 'traditional') {
     return getDeletedTraditionalInlineStyle(isActive);
@@ -71,7 +71,7 @@ const getChangedNodeStyle = (nodeName, colorScheme, isInserted = false, isActive
   const isTraditional = colorScheme === 'traditional';
   if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) && isInserted) {
     if (isMultiContainerBlockNode(nodeName)) {
-      return editingContentStyleInBlock;
+      return editingContentStyleInBlockExtended;
     }
     if (isTextLikeBlockNode(nodeName)) {
       return undefined;

package/dist/esm/pm-plugins/decorations/colorSchemes/standard.js

@@ -1,4 +1,5 @@
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+// delete on platform_editor_diff_plugin_extended cleanup
 export var editingStyle = convertToInlineCss({
   background: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
   textDecoration: 'underline',
@@ -6,12 +7,16 @@ export var editingStyle = convertToInlineCss({
   textDecorationThickness: "var(--ds-space-025, 2px)",
   textDecorationColor: "var(--ds-border-accent-purple, #AF59E1)"
 });
+
+// delete on platform_editor_diff_plugin_extended cleanup
 export var editingContentStyleInBlock = convertToInlineCss({
   textDecoration: 'underline',
   textDecorationStyle: 'dotted',
   textDecorationThickness: "var(--ds-space-025, 2px)",
   textDecorationColor: "var(--ds-border-accent-purple, #AF59E1)"
 });
+
+// delete on platform_editor_diff_plugin_extended cleanup
 export var editingStyleActive = convertToInlineCss({
   background: "var(--ds-background-accent-purple-subtler-pressed, #D8A0F7)",
   textDecoration: 'underline',
@@ -19,6 +24,20 @@ export var editingStyleActive = convertToInlineCss({
   textDecorationThickness: "var(--ds-space-025, 2px)",
   textDecorationColor: "var(--ds-text-accent-purple, #803FA5)"
 });
+export var editingStyleExtended = convertToInlineCss({
+  background: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
+  borderBottom: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)"),
+  padding: "1px 0 2px"
+});
+export var editingContentStyleInBlockExtended = convertToInlineCss({
+  borderBottom: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)"),
+  padding: "1px 0 2px"
+});
+export var editingStyleActiveExtended = convertToInlineCss({
+  background: "var(--ds-background-accent-purple-subtler-pressed, #D8A0F7)",
+  borderBottom: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)"),
+  padding: "1px 0 2px"
+});
 export var deletedContentStyle = convertToInlineCss({
   color: "var(--ds-text-accent-gray, #505258)",
   textDecoration: 'line-through',

package/dist/esm/pm-plugins/decorations/createInlineChangedDecoration.js

@@ -1,7 +1,7 @@
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editingStyle, editingStyleActive, deletedContentStyle, deletedContentStyleActive, deletedInlineContentBackground } from './colorSchemes/standard';
+import { editingStyle, editingStyleExtended, editingStyleActive, editingStyleActiveExtended, deletedContentStyle, deletedContentStyleActive, deletedInlineContentBackground } from './colorSchemes/standard';
 import { traditionalInsertStyle, traditionalInsertStyleActive, getDeletedTraditionalInlineStyle } from './colorSchemes/traditional';
 var displayNoneStyle = convertToInlineCss({
   display: 'none'
@@ -35,7 +35,7 @@ export var createInlineChangedDecoration = function createInlineChangedDecoratio
       if (colorScheme === 'traditional') {
         style = isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
       } else {
-        style = isActive ? editingStyleActive : editingStyle;
+        style = isActive ? editingStyleActiveExtended : editingStyleExtended;
       }
     } else {
       if (colorScheme === 'traditional') {

package/dist/esm/pm-plugins/decorations/createNodeChangedDecorationWidget.js

@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { editingStyle, editingStyleActive, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedContentStyleUnbounded, deletedInlineContentBackground } from './colorSchemes/standard';
+import { editingStyle, editingStyleExtended, editingStyleActive, editingStyleActiveExtended, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedContentStyleUnbounded, deletedInlineContentBackground } from './colorSchemes/standard';
 import { traditionalInsertStyle, traditionalInsertStyleActive, getDeletedTraditionalInlineStyle, deletedTraditionalContentStyleUnbounded, deletedTraditionalContentStyleUnboundedActive } from './colorSchemes/traditional';
 import { createChangedRowDecorationWidgets } from './createChangedRowDecorationWidgets';
 import { findSafeInsertPos } from './utils/findSafeInsertPos';
@@ -26,9 +26,9 @@ var getInsertedContentStyle = function getInsertedContentStyle(colorScheme) {
     return traditionalInsertStyle;
   }
   if (isActive) {
-    return editingStyleActive;
+    return expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? editingStyleActiveExtended : editingStyleActive;
   }
-  return editingStyle;
+  return expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? editingStyleExtended : editingStyle;
 };
 var getDeletedContentStyle = function getDeletedContentStyle(colorScheme) {
   var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;

package/dist/esm/pm-plugins/decorations/utils/wrapBlockNodeView.js

@@ -2,7 +2,7 @@ import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { trackChangesMessages } from '@atlaskit/editor-common/messages';
 import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlock, editingStyle, editingStyleActive, editingStyleNode, addedCellOverlayStyle, deletedCellOverlayStyle } from '../colorSchemes/standard';
+import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlockExtended, editingStyleExtended, editingStyleActiveExtended, editingStyleNode, addedCellOverlayStyle, deletedCellOverlayStyle } from '../colorSchemes/standard';
 import { deletedTraditionalBlockOutlineActive, deletedTraditionalBlockOutlineNew, deletedTraditionalBlockOutlineRoundedActive, deletedTraditionalBlockOutlineRoundedNew, getDeletedTraditionalInlineStyle, deletedTraditionalStyleQuoteNode, deletedTraditionalStyleQuoteNodeActive, traditionalInsertStyle, traditionalInsertStyleActive, traditionalStyleNodeActive, traditionalStyleNodeNew, traditionalAddedCellOverlayStyleNew, deletedTraditionalCellOverlayStyle } from '../colorSchemes/traditional';
 var lozengeStyle = convertToInlineCss({
   display: 'inline-flex',
@@ -59,7 +59,7 @@ var getChangedContentStyle = function getChangedContentStyle(colorScheme) {
     if (colorScheme === 'traditional') {
       return isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
     }
-    return isActive ? editingStyleActive : editingStyle;
+    return isActive ? editingStyleActiveExtended : editingStyleExtended;
   }
   if (colorScheme === 'traditional') {
     return getDeletedTraditionalInlineStyle(isActive);
@@ -75,7 +75,7 @@ var getChangedNodeStyle = function getChangedNodeStyle(nodeName, colorScheme) {
   var isTraditional = colorScheme === 'traditional';
   if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) && isInserted) {
     if (isMultiContainerBlockNode(nodeName)) {
-      return editingContentStyleInBlock;
+      return editingContentStyleInBlockExtended;
     }
     if (isTextLikeBlockNode(nodeName)) {
       return undefined;

package/dist/types/pm-plugins/decorations/colorSchemes/standard.d.ts

@@ -1,6 +1,9 @@
 export declare const editingStyle: string;
 export declare const editingContentStyleInBlock: string;
 export declare const editingStyleActive: string;
+export declare const editingStyleExtended: string;
+export declare const editingContentStyleInBlockExtended: string;
+export declare const editingStyleActiveExtended: string;
 export declare const deletedContentStyle: string;
 export declare const deletedContentStyleActive: string;
 export declare const deletedContentStyleNew: string;

package/dist/types-ts4.5/pm-plugins/decorations/colorSchemes/standard.d.ts

@@ -1,6 +1,9 @@
 export declare const editingStyle: string;
 export declare const editingContentStyleInBlock: string;
 export declare const editingStyleActive: string;
+export declare const editingStyleExtended: string;
+export declare const editingContentStyleInBlockExtended: string;
+export declare const editingStyleActiveExtended: string;
 export declare const deletedContentStyle: string;
 export declare const deletedContentStyleActive: string;
 export declare const deletedContentStyleNew: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-show-diff",
-	"version": "9.0.5",
+	"version": "9.0.7",
 	"description": "ShowDiff plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -35,7 +35,7 @@
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-tables": "^2.10.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^90.2.0",
+		"@atlaskit/tmp-editor-statsig": "^92.0.0",
 		"@atlaskit/tokens": "^13.3.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",