@atlaskit/editor-plugin-show-diff 14.0.1 → 14.0.3

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

@@ -6,6 +6,10 @@ export var traditionalScheme = {
   deleteColor: 'red',
   deleteActiveColor: 'red',
   deletedCellColor: 'gray',
+  deletedCellOpacity: 0.5,
+  deletedLozengeColor: 'gray',
+  deletedLozengeTextTone: 'inverse',
+  deletedMediaRingColor: 'red',
   deletedRowTreatment: 'strikeColor',
   insertedCellOpacity: 0.5,
   deletedQuoteNodeShape: 'ring',
@@ -17,7 +21,8 @@ export var traditionalScheme = {
   deletedInlineTreatment: 'strikethrough',
   insertedNodeEmphasis: 'stateful',
   deletedNodeEmphasis: 'stateful',
-  deletedQuoteNodeActiveTone: 'backgroundPressed'
+  deletedQuoteNodeActiveTone: 'backgroundPressed',
+  strikesDeletedEmbedCard: true
 };
 
 /** Purple insertions, gray deletions (red on active). */
@@ -28,6 +33,11 @@ export var standardScheme = {
   deleteColor: 'gray',
   deleteActiveColor: 'red',
   deletedCellColor: 'gray',
+  deletedCellOpacity: 0.5,
+  deletedLozengeColor: 'gray',
+  deletedLozengeTextTone: 'inverse',
+  // Red, not `deleteColor`'s gray: a11y-fixes rings deleted media red in both schemes.
+  deletedMediaRingColor: 'red',
   deletedRowTreatment: 'textTint',
   insertedCellOpacity: 0.2,
   deletedQuoteNodeShape: 'borderLeft',
@@ -39,7 +49,8 @@ export var standardScheme = {
   deletedInlineTreatment: 'glyphTint',
   insertedNodeEmphasis: 'static',
   deletedNodeEmphasis: 'static',
-  deletedQuoteNodeActiveTone: 'borderAccent'
+  deletedQuoteNodeActiveTone: 'borderAccent',
+  strikesDeletedEmbedCard: false
 };
 
 /** Maps the public ColorScheme string to its data object. Adding a scheme = one entry here. */

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

@@ -2,10 +2,11 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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 { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { isExtendedEnabled } from '../../isExtendedEnabled';
 import { applyTableCellEdgeAttrs } from './tableCellEdgeAttrs';
-import { getChangedContentStyle, getChangedNodeStyle, getDeletedContentStyle, getDeletedContentStyleUnbounded, getInsertedContentStyle, hasRestingDeletedRing, isMultiContainerBlockNode, isTextLikeBlockNode, resolveCellOverlayStyle, resolveNestedInsertedNodeStyle, resolveRemovedLozengeStyle } from './wrapBlockNodeViewStyles';
+import { getChangedContentStyle, getChangedNodeStyle, getDeletedContentStyle, getDeletedContentStyleUnbounded, getInsertedContentStyle, hasRestingDeletedRing, isMultiContainerBlockNode, isTextLikeBlockNode, resolveCellOverlayStyle, resolveDeletedNodeCSSVariables, resolveNestedInsertedNodeStyle, resolveRemovedLozengeStyle } from './wrapBlockNodeViewStyles';
 var shouldShowRemovedLozenge = function shouldShowRemovedLozenge(nodeName) {
   switch (nodeName) {
     case 'expand':
@@ -47,6 +48,67 @@ var maybeAddDeletedOutlineNewClass = function maybeAddDeletedOutlineNewClass(_re
     nodeView.classList.add('show-diff-deleted-outline-new');
   }
 };
+/**
+ * Pre-refactor markup for a deleted media/embed/blockquote nodeview: one class per scheme, and no
+ * custom properties — the colours come from the matching per-scheme selectors in editor-core.
+ *
+ * Delete this together with those selectors at experiment cleanup (EDITOR-8281).
+ */
+var applyDeletedNodeMarkupLegacy = function applyDeletedNodeMarkupLegacy(_ref2) {
+  var nodeView = _ref2.nodeView,
+    targetNode = _ref2.targetNode,
+    colorScheme = _ref2.colorScheme,
+    _ref2$isActive = _ref2.isActive,
+    isActive = _ref2$isActive === void 0 ? false : _ref2$isActive;
+  nodeView.classList.add(colorScheme === 'traditional' ? 'show-diff-deleted-node-traditional' : 'show-diff-deleted-node');
+  if (isActive) {
+    nodeView.classList.add('show-diff-deleted-active');
+  }
+  maybeAddDeletedOutlineNewClass({
+    nodeView: nodeView,
+    targetNode: targetNode,
+    colorScheme: colorScheme,
+    isActive: isActive
+  });
+};
+
+/**
+ * Registry-driven markup: one scheme-agnostic class, plus the scheme's colours as custom properties,
+ * so editor-core needs one selector per visual role instead of one per scheme.
+ *
+ * `show-diff-deleted-node-vars` *replaces* the legacy classes rather than joining them. Both sets of
+ * selectors live in editor-core for the life of the experiment, and they have equal specificity, so
+ * a shared base class would leave the winner up to source order.
+ *
+ * The `-vars` suffix names what the class means — this node carries its scheme colours as
+ * `--diff-delete-*` custom properties — rather than when it arrived, so it still reads correctly
+ * once the legacy classes are gone.
+ */
+var applyDeletedNodeMarkupNext = function applyDeletedNodeMarkupNext(_ref3) {
+  var nodeView = _ref3.nodeView,
+    targetNode = _ref3.targetNode,
+    colorScheme = _ref3.colorScheme,
+    _ref3$isActive = _ref3.isActive,
+    isActive = _ref3$isActive === void 0 ? false : _ref3$isActive;
+  nodeView.classList.add('show-diff-deleted-node-vars');
+  if (isActive) {
+    nodeView.classList.add('show-diff-deleted-active');
+  }
+  maybeAddDeletedOutlineNewClass({
+    nodeView: nodeView,
+    targetNode: targetNode,
+    colorScheme: colorScheme,
+    isActive: isActive
+  });
+  var currentStyle = nodeView.getAttribute('style') || '';
+  var separator = currentStyle && !currentStyle.trimEnd().endsWith(';') ? ';' : '';
+  nodeView.setAttribute('style', "".concat(currentStyle).concat(separator).concat(resolveDeletedNodeCSSVariables(colorScheme)));
+};
+
+/** Single gate for the deleted-node classes and custom properties. */
+var applyDeletedNodeMarkup = function applyDeletedNodeMarkup(args) {
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? applyDeletedNodeMarkupNext(args) : applyDeletedNodeMarkupLegacy(args);
+};
 
 /**
  * Checks if a node should apply deleted styles directly without wrapper
@@ -55,10 +117,10 @@ var maybeAddDeletedOutlineNewClass = function maybeAddDeletedOutlineNewClass(_re
 var shouldApplyStylesDirectly = function shouldApplyStylesDirectly(nodeName) {
   return nodeName === 'heading';
 };
-var applyCellOverlayStyles = function applyCellOverlayStyles(_ref2) {
-  var element = _ref2.element,
-    colorScheme = _ref2.colorScheme,
-    isInserted = _ref2.isInserted;
+var applyCellOverlayStyles = function applyCellOverlayStyles(_ref4) {
+  var element = _ref4.element,
+    colorScheme = _ref4.colorScheme,
+    isInserted = _ref4.isInserted;
   var isRoundedTable = expValEquals('platform_editor_table_diff_rounded_corners', 'isEnabled', true);
   var overlayStyle = resolveCellOverlayStyle({
     colorScheme: colorScheme,
@@ -116,30 +178,30 @@ var createBlockNodeWrapper = function createBlockNodeWrapper() {
 /**
  * Applies styles directly to an HTML element by merging with existing styles
  */
-var applyStylesToElement = function applyStylesToElement(_ref3) {
-  var element = _ref3.element,
-    targetNode = _ref3.targetNode,
-    colorScheme = _ref3.colorScheme,
-    isActive = _ref3.isActive,
-    isInserted = _ref3.isInserted,
-    diffType = _ref3.diffType,
-    _ref3$hideAddedDiffsU = _ref3.hideAddedDiffsUnderline,
-    hideAddedDiffsUnderline = _ref3$hideAddedDiffsU === void 0 ? false : _ref3$hideAddedDiffsU;
+var applyStylesToElement = function applyStylesToElement(_ref5) {
+  var element = _ref5.element,
+    targetNode = _ref5.targetNode,
+    colorScheme = _ref5.colorScheme,
+    isActive = _ref5.isActive,
+    isInserted = _ref5.isInserted,
+    diffType = _ref5.diffType,
+    _ref5$hideAddedDiffsU = _ref5.hideAddedDiffsUnderline,
+    hideAddedDiffsUnderline = _ref5$hideAddedDiffsU === void 0 ? false : _ref5$hideAddedDiffsU;
   var currentStyle = element.getAttribute('style') || '';
   var contentStyle = getChangedContentStyle(colorScheme, isActive, isInserted, diffType, hideAddedDiffsUnderline);
   var targetNodeName = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? getBaseNodeTypeName(targetNode.type) : targetNode.type.name;
   var nodeSpecificStyle = getChangedNodeStyle(targetNodeName, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline) || '';
   element.setAttribute('style', "".concat(currentStyle).concat(contentStyle).concat(nodeSpecificStyle));
 };
-var applyMultiContainerLikeStyles = function applyMultiContainerLikeStyles(_ref4) {
-  var element = _ref4.element,
-    targetNode = _ref4.targetNode,
-    colorScheme = _ref4.colorScheme,
-    isActive = _ref4.isActive,
-    isInserted = _ref4.isInserted,
-    diffType = _ref4.diffType,
-    _ref4$hideAddedDiffsU = _ref4.hideAddedDiffsUnderline,
-    hideAddedDiffsUnderline = _ref4$hideAddedDiffsU === void 0 ? false : _ref4$hideAddedDiffsU;
+var applyMultiContainerLikeStyles = function applyMultiContainerLikeStyles(_ref6) {
+  var element = _ref6.element,
+    targetNode = _ref6.targetNode,
+    colorScheme = _ref6.colorScheme,
+    isActive = _ref6.isActive,
+    isInserted = _ref6.isInserted,
+    diffType = _ref6.diffType,
+    _ref6$hideAddedDiffsU = _ref6.hideAddedDiffsUnderline,
+    hideAddedDiffsUnderline = _ref6$hideAddedDiffsU === void 0 ? false : _ref6$hideAddedDiffsU;
   var currentStyle = element.getAttribute('style') || '';
   var targetNodeName = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? getBaseNodeTypeName(targetNode.type) : targetNode.type.name;
   var nodeSpecificStyle = getChangedNodeStyle(targetNodeName, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline) || '';
@@ -164,15 +226,15 @@ var applyMultiContainerLikeStyles = function applyMultiContainerLikeStyles(_ref4
   }
   element.setAttribute('style', "".concat(currentStyle, ";").concat(nodeSpecificStyle));
 };
-var applyTextLikeBlockNodeStyles = function applyTextLikeBlockNodeStyles(_ref5) {
-  var element = _ref5.element,
-    targetNode = _ref5.targetNode,
-    colorScheme = _ref5.colorScheme,
-    isActive = _ref5.isActive,
-    isInserted = _ref5.isInserted,
-    diffType = _ref5.diffType,
-    _ref5$hideAddedDiffsU = _ref5.hideAddedDiffsUnderline,
-    hideAddedDiffsUnderline = _ref5$hideAddedDiffsU === void 0 ? false : _ref5$hideAddedDiffsU;
+var applyTextLikeBlockNodeStyles = function applyTextLikeBlockNodeStyles(_ref7) {
+  var element = _ref7.element,
+    targetNode = _ref7.targetNode,
+    colorScheme = _ref7.colorScheme,
+    isActive = _ref7.isActive,
+    isInserted = _ref7.isInserted,
+    diffType = _ref7.diffType,
+    _ref7$hideAddedDiffsU = _ref7.hideAddedDiffsUnderline,
+    hideAddedDiffsUnderline = _ref7$hideAddedDiffsU === void 0 ? false : _ref7$hideAddedDiffsU;
   var currentStyle = element.getAttribute('style') || '';
   var nodeSpecificStyle = getChangedNodeStyle(targetNode.type.name, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline) || '';
   if (nodeSpecificStyle) {
@@ -199,15 +261,15 @@ var applyTextLikeBlockNodeStyles = function applyTextLikeBlockNodeStyles(_ref5)
 /**
  * Creates a content wrapper with deleted styles for a block node
  */
-var createBlockNodeContentWrapper = function createBlockNodeContentWrapper(_ref6) {
-  var nodeView = _ref6.nodeView,
-    targetNode = _ref6.targetNode,
-    colorScheme = _ref6.colorScheme,
-    isActive = _ref6.isActive,
-    isInserted = _ref6.isInserted,
-    diffType = _ref6.diffType,
-    _ref6$hideAddedDiffsU = _ref6.hideAddedDiffsUnderline,
-    hideAddedDiffsUnderline = _ref6$hideAddedDiffsU === void 0 ? false : _ref6$hideAddedDiffsU;
+var createBlockNodeContentWrapper = function createBlockNodeContentWrapper(_ref8) {
+  var nodeView = _ref8.nodeView,
+    targetNode = _ref8.targetNode,
+    colorScheme = _ref8.colorScheme,
+    isActive = _ref8.isActive,
+    isInserted = _ref8.isInserted,
+    diffType = _ref8.diffType,
+    _ref8$hideAddedDiffsU = _ref8.hideAddedDiffsUnderline,
+    hideAddedDiffsUnderline = _ref8$hideAddedDiffsU === void 0 ? false : _ref8$hideAddedDiffsU;
   var contentWrapper = document.createElement('div');
   var targetNodeName = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? getBaseNodeTypeName(targetNode.type) : targetNode.type.name;
   var nodeStyle = getChangedNodeStyle(targetNodeName, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline);
@@ -228,14 +290,14 @@ var createBlockNodeContentWrapper = function createBlockNodeContentWrapper(_ref6
  * to wait for the rich-media-item to appear before attaching the lozenge.
  * @returns true if embedCard was handled
  */
-var handleEmbedCardWithLozenge = function handleEmbedCardWithLozenge(_ref7) {
-  var dom = _ref7.dom,
-    nodeView = _ref7.nodeView,
-    targetNode = _ref7.targetNode,
-    lozenge = _ref7.lozenge,
-    colorScheme = _ref7.colorScheme,
-    _ref7$isActive = _ref7.isActive,
-    isActive = _ref7$isActive === void 0 ? false : _ref7$isActive;
+var handleEmbedCardWithLozenge = function handleEmbedCardWithLozenge(_ref9) {
+  var dom = _ref9.dom,
+    nodeView = _ref9.nodeView,
+    targetNode = _ref9.targetNode,
+    lozenge = _ref9.lozenge,
+    colorScheme = _ref9.colorScheme,
+    _ref9$isActive = _ref9.isActive,
+    isActive = _ref9$isActive === void 0 ? false : _ref9$isActive;
   if (targetNode.type.name !== 'embedCard' || !(nodeView instanceof HTMLElement)) {
     return false;
   }
@@ -256,12 +318,7 @@ var handleEmbedCardWithLozenge = function handleEmbedCardWithLozenge(_ref7) {
     });
   }
   if (shouldAddShowDiffDeletedNodeClass(targetNode.type.name)) {
-    var showDiffDeletedNodeClass = colorScheme === 'traditional' ? 'show-diff-deleted-node-traditional' : 'show-diff-deleted-node';
-    nodeView.classList.add(showDiffDeletedNodeClass);
-    if (isActive) {
-      nodeView.classList.add('show-diff-deleted-active');
-    }
-    maybeAddDeletedOutlineNewClass({
+    applyDeletedNodeMarkup({
       nodeView: nodeView,
       targetNode: targetNode,
       colorScheme: colorScheme,
@@ -276,14 +333,14 @@ var handleEmbedCardWithLozenge = function handleEmbedCardWithLozenge(_ref7) {
  * Handles special mediaSingle node rendering with lozenge on child media element
  * @returns true if mediaSingle was handled, false otherwise
  */
-var handleMediaSingleWithLozenge = function handleMediaSingleWithLozenge(_ref8) {
-  var dom = _ref8.dom,
-    nodeView = _ref8.nodeView,
-    targetNode = _ref8.targetNode,
-    lozenge = _ref8.lozenge,
-    colorScheme = _ref8.colorScheme,
-    _ref8$isActive = _ref8.isActive,
-    isActive = _ref8$isActive === void 0 ? false : _ref8$isActive;
+var handleMediaSingleWithLozenge = function handleMediaSingleWithLozenge(_ref0) {
+  var dom = _ref0.dom,
+    nodeView = _ref0.nodeView,
+    targetNode = _ref0.targetNode,
+    lozenge = _ref0.lozenge,
+    colorScheme = _ref0.colorScheme,
+    _ref0$isActive = _ref0.isActive,
+    isActive = _ref0$isActive === void 0 ? false : _ref0$isActive;
   if (targetNode.type.name !== 'mediaSingle' || !(nodeView instanceof HTMLElement)) {
     return false;
   }
@@ -302,12 +359,7 @@ var handleMediaSingleWithLozenge = function handleMediaSingleWithLozenge(_ref8)
 
   // Add deleted node class if needed
   if (shouldAddShowDiffDeletedNodeClass(targetNode.type.name)) {
-    var showDiffDeletedNodeClass = colorScheme === 'traditional' ? 'show-diff-deleted-node-traditional' : 'show-diff-deleted-node';
-    nodeView.classList.add(showDiffDeletedNodeClass);
-    if (isActive) {
-      nodeView.classList.add('show-diff-deleted-active');
-    }
-    maybeAddDeletedOutlineNewClass({
+    applyDeletedNodeMarkup({
       nodeView: nodeView,
       targetNode: targetNode,
       colorScheme: colorScheme,
@@ -321,19 +373,19 @@ var handleMediaSingleWithLozenge = function handleMediaSingleWithLozenge(_ref8)
 /**
  * Appends a block node with wrapper, lozenge, and appropriate styling
  */
-var wrapBlockNode = function wrapBlockNode(_ref9) {
-  var dom = _ref9.dom,
-    nodeView = _ref9.nodeView,
-    targetNode = _ref9.targetNode,
-    colorScheme = _ref9.colorScheme,
-    intl = _ref9.intl,
-    _ref9$isActive = _ref9.isActive,
-    isActive = _ref9$isActive === void 0 ? false : _ref9$isActive,
-    _ref9$isInserted = _ref9.isInserted,
-    isInserted = _ref9$isInserted === void 0 ? false : _ref9$isInserted,
-    diffType = _ref9.diffType,
-    _ref9$hideAddedDiffsU = _ref9.hideAddedDiffsUnderline,
-    hideAddedDiffsUnderline = _ref9$hideAddedDiffsU === void 0 ? false : _ref9$hideAddedDiffsU;
+var wrapBlockNode = function wrapBlockNode(_ref1) {
+  var dom = _ref1.dom,
+    nodeView = _ref1.nodeView,
+    targetNode = _ref1.targetNode,
+    colorScheme = _ref1.colorScheme,
+    intl = _ref1.intl,
+    _ref1$isActive = _ref1.isActive,
+    isActive = _ref1$isActive === void 0 ? false : _ref1$isActive,
+    _ref1$isInserted = _ref1.isInserted,
+    isInserted = _ref1$isInserted === void 0 ? false : _ref1$isInserted,
+    diffType = _ref1.diffType,
+    _ref1$hideAddedDiffsU = _ref1.hideAddedDiffsUnderline,
+    hideAddedDiffsUnderline = _ref1$hideAddedDiffsU === void 0 ? false : _ref1$hideAddedDiffsU;
   var blockWrapper = createBlockNodeWrapper();
   var targetNodeName = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? getBaseNodeTypeName(targetNode.type) : targetNode.type.name;
   if (shouldShowRemovedLozenge(targetNodeName) && (!isExtendedEnabled(diffType) || !isInserted)) {
@@ -371,12 +423,7 @@ var wrapBlockNode = function wrapBlockNode(_ref9) {
   });
   blockWrapper.append(contentWrapper);
   if (nodeView instanceof HTMLElement && shouldAddShowDiffDeletedNodeClass(targetNode.type.name)) {
-    var showDiffDeletedNodeClass = colorScheme === 'traditional' ? 'show-diff-deleted-node-traditional' : 'show-diff-deleted-node';
-    nodeView.classList.add(showDiffDeletedNodeClass);
-    if (isActive) {
-      nodeView.classList.add('show-diff-deleted-active');
-    }
-    maybeAddDeletedOutlineNewClass({
+    applyDeletedNodeMarkup({
       nodeView: nodeView,
       targetNode: targetNode,
       colorScheme: colorScheme,
@@ -391,19 +438,19 @@ var wrapBlockNode = function wrapBlockNode(_ref9) {
  * For heading nodes, applies styles directly to preserve natural margins.
  * For other block nodes, uses wrapper approach with optional lozenge.
  */
-export var wrapBlockNodeView = function wrapBlockNodeView(_ref0) {
-  var dom = _ref0.dom,
-    nodeView = _ref0.nodeView,
-    targetNode = _ref0.targetNode,
-    colorScheme = _ref0.colorScheme,
-    intl = _ref0.intl,
-    _ref0$isActive = _ref0.isActive,
-    isActive = _ref0$isActive === void 0 ? false : _ref0$isActive,
-    _ref0$isInserted = _ref0.isInserted,
-    isInserted = _ref0$isInserted === void 0 ? false : _ref0$isInserted,
-    diffType = _ref0.diffType,
-    _ref0$hideAddedDiffsU = _ref0.hideAddedDiffsUnderline,
-    hideAddedDiffsUnderline = _ref0$hideAddedDiffsU === void 0 ? false : _ref0$hideAddedDiffsU;
+export var wrapBlockNodeView = function wrapBlockNodeView(_ref10) {
+  var dom = _ref10.dom,
+    nodeView = _ref10.nodeView,
+    targetNode = _ref10.targetNode,
+    colorScheme = _ref10.colorScheme,
+    intl = _ref10.intl,
+    _ref10$isActive = _ref10.isActive,
+    isActive = _ref10$isActive === void 0 ? false : _ref10$isActive,
+    _ref10$isInserted = _ref10.isInserted,
+    isInserted = _ref10$isInserted === void 0 ? false : _ref10$isInserted,
+    diffType = _ref10.diffType,
+    _ref10$hideAddedDiffs = _ref10.hideAddedDiffsUnderline,
+    hideAddedDiffsUnderline = _ref10$hideAddedDiffs === void 0 ? false : _ref10$hideAddedDiffs;
   if (isExtendedEnabled(diffType)) {
     if (nodeView instanceof HTMLElement) {
       if (isInserted && isMultiContainerBlockNode(targetNode.type.name)) {
@@ -492,12 +539,12 @@ export var wrapBlockNodeView = function wrapBlockNodeView(_ref0) {
  * CSS backgrounds don't work when applied to a wrapper around a paragraph, so
  * the wrapper needs to be injected inside the node around the child content.
  */
-export var injectInnerWrapper = function injectInnerWrapper(_ref1) {
-  var node = _ref1.node,
-    colorScheme = _ref1.colorScheme,
-    isActive = _ref1.isActive,
-    isInserted = _ref1.isInserted,
-    diffType = _ref1.diffType;
+export var injectInnerWrapper = function injectInnerWrapper(_ref11) {
+  var node = _ref11.node,
+    colorScheme = _ref11.colorScheme,
+    isActive = _ref11.isActive,
+    isInserted = _ref11.isInserted,
+    diffType = _ref11.diffType;
   var wrapper = document.createElement('span');
   wrapper.setAttribute('style', isInserted ? getInsertedContentStyle(colorScheme, isActive) : getDeletedContentStyle(colorScheme, isActive, diffType));
   _toConsumableArray(node.childNodes).forEach(function (child) {

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

@@ -13,7 +13,7 @@
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { isExtendedEnabled } from '../../isExtendedEnabled';
-import { buildAddedCellOverlayRoundedStyle, buildAddedCellOverlayStyle, buildAddedCellOverlayStyleNew, buildDeletedCellOverlayRoundedStyle, buildDeletedCellOverlayStyle, buildDeletedInlineContentStyle, buildDeletedInlineContentStyleExtended, buildDeletedLozengeActiveStyle, buildDeletedLozengeStyle, buildDeletedQuoteNodeWithLozengeStyle, buildDeletedStrikethroughLine, buildDeletedWrappedBlockOutline, buildInsertedBlockNodeStyle, buildInsertedInlineStyle, buildInsertStyleInBlockExtended, buildInsertStyleInBlockExtendedNoUnderline, buildInsertStyleNode } from '../colorSchemes/factory';
+import { buildAddedCellOverlayRoundedStyle, buildAddedCellOverlayStyle, buildAddedCellOverlayStyleNew, buildDeletedCellOverlayRoundedStyle, buildDeletedCellOverlayStyle, buildDeletedInlineContentStyle, buildDeletedInlineContentStyleExtended, buildDeletedLozengeActiveStyle, buildDeletedLozengeStyle, buildDeletedNodeCSSVariables, buildDeletedQuoteNodeWithLozengeStyle, buildDeletedStrikethroughLine, buildDeletedWrappedBlockOutline, buildInsertedBlockNodeStyle, buildInsertedInlineStyle, buildInsertStyleInBlockExtended, buildInsertStyleInBlockExtendedNoUnderline, buildInsertStyleNode } from '../colorSchemes/factory';
 import { colorSchemeRegistry, standardScheme } from '../colorSchemes/schemes';
 import { getChangedContentStyleLegacy, getChangedNodeStyleLegacy, getDeletedContentStyleLegacy, getDeletedContentStyleUnboundedLegacy, getInsertedContentStyleLegacy, hasRestingDeletedRingLegacy, resolveCellOverlayStyleLegacy, resolveNestedInsertedNodeStyleLegacy, resolveRemovedLozengeStyleLegacy } from './wrapBlockNodeViewStyles.legacy';
 var DEFAULT_COLOR_SCHEME = 'standard';
@@ -27,7 +27,6 @@ var getColorScheme = function getColorScheme(colorScheme) {
  * Preserved as-is; see EDITOR-8281.
  */
 var nestedContentScheme = standardScheme;
-var lozengeStyle = buildDeletedLozengeStyle();
 
 /**
  * Node-name classification shared by the style resolvers below and by the routing in
@@ -118,7 +117,8 @@ var resolveCellOverlayStyleNext = function resolveCellOverlayStyleNext(_ref) {
   return isInserted ? addedCellStyle : deletedCellStyle;
 };
 var resolveRemovedLozengeStyleNext = function resolveRemovedLozengeStyleNext(colorScheme, isActive) {
-  return isActive ? buildDeletedLozengeActiveStyle(getColorScheme(colorScheme)) : lozengeStyle;
+  var colors = getColorScheme(colorScheme);
+  return isActive ? buildDeletedLozengeActiveStyle(colors) : buildDeletedLozengeStyle(colors);
 };
 var resolveNestedInsertedNodeStyleNext = function resolveNestedInsertedNodeStyleNext() {
   return buildInsertStyleNode(nestedContentScheme);
@@ -195,4 +195,14 @@ export var resolveNestedInsertedNodeStyle = function resolveNestedInsertedNodeSt
  */
 export var hasRestingDeletedRing = function hasRestingDeletedRing(colorScheme) {
   return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? hasRestingDeletedRingNext(colorScheme) : hasRestingDeletedRingLegacy(colorScheme);
+};
+
+/**
+ * Custom properties consumed by the `show-diff-deleted-node-vars` selectors in editor-core.
+ *
+ * No `*Legacy` counterpart: the OFF cohort emits no properties at all and takes its colours from the
+ * per-scheme selectors instead, so the gate lives at the single caller in `wrapBlockNodeView`.
+ */
+export var resolveDeletedNodeCSSVariables = function resolveDeletedNodeCSSVariables(colorScheme) {
+  return buildDeletedNodeCSSVariables(getColorScheme(colorScheme));
 };

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

@@ -118,11 +118,8 @@ export declare function buildDeletedInlineContentStyle(colors: DiffColorScheme,
  * 1px to 2px when active and tints with the border accent; 'static' uses the text accent always.
  */
 export declare function buildDeletedStrikethroughLine(colors: DiffColorScheme, isActive: boolean): string;
-/**
- * The "REMOVED" lozenge on a deleted block node — resting state. Neutral gray in every scheme,
- * so it takes no DiffColorScheme; only the active state is tinted.
- */
-export declare function buildDeletedLozengeStyle(): string;
+/** The "REMOVED" lozenge on a deleted block node — resting state, tinted with deletedLozengeColor. */
+export declare function buildDeletedLozengeStyle(colors: DiffColorScheme): string;
 /** The "REMOVED" lozenge — active state, tinted with the scheme's deleteActiveColor. */
 export declare function buildDeletedLozengeActiveStyle(colors: DiffColorScheme): string;
 /** The decoration shape an inserted block node takes. Determined by node type, not by scheme. */
@@ -170,11 +167,26 @@ export declare function buildDeletedWrappedBlockOutline(colors: DiffColorScheme,
  */
 export declare function buildAtomicInlineChangedCSSVariables(colors: DiffColorScheme): string;
 /**
- * Deleted-node wrapper variables, one per visual role in editor-core's `showDiffDeletedNodeStyles`:
- * resting ring, `-outline-new` ring, `-active` ring, and the blockquote/embedCard strike colour.
+ * Deleted-node wrapper variables, one per visual role in editor-core's `showDiffDeletedNodeStyles`.
+ * Emitted by `wrapBlockNodeView` alongside `show-diff-deleted-node-vars` — the class is named for
+ * these properties — so one set of selectors in editor-core covers both schemes.
+ *
+ * The three `stateful`-only variables are omitted for `static` (standard) so editor-core's fallback
+ * wins, which is what standard rendered before:
+ * - `--diff-delete-opacity` — the fallback is 0.6 or 0.8 depending on
+ *   `platform_editor_enghealth_a11y_jan_fixes`, a split the scheme must not flatten.
+ * - `--diff-delete-ring-width` — traditional's deleted media ring tracks the inherited marker ring
+ *   width instead of a fixed 1px.
+ * - `--diff-delete-text-decoration-color` — standard's blockquote strike must stay `currentColor`.
+ *
+ * `--diff-delete-media-ring-color` is emitted for every scheme: the a11y-fixes treatment rings
+ * deleted media red even where `deleteColor` is gray, so it needs its own role.
+ *
+ * `--diff-delete-embed-strike-line` carries the *presence* of the deleted-embedCard strike, not its
+ * colour — standard draws none. Encoding it as `line-through`/`none` is what lets the ON cohort drop
+ * the `-traditional` class entirely.
  *
- * Not yet called — those selectors carry `var(…, <today's token>)` fallbacks until
- * `wrapBlockNodeView` emits these under the refactor gate. No opacity variable: that opacity is
- * driven by `platform_editor_enghealth_a11y_jan_fixes`, not by the scheme.
+ * Only reached when `platform_editor_show_diff_color_scheme_refactor` is on; the OFF cohort takes
+ * its values from the per-scheme selectors in editor-core instead.
  */
 export declare function buildDeletedNodeCSSVariables(colors: DiffColorScheme): string;

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

@@ -21,8 +21,22 @@ export type DiffColorScheme = {
     deletedCellBorderProminence: 'subtle' | 'accent';
     /** Deleted cell overlays. Gray in both current schemes. */
     deletedCellColor: AdsAccentColor;
+    /** Opacity of the deleted cell overlay background. Counterpart to `insertedCellOpacity`. */
+    deletedCellOpacity: number;
     /** Deleted inline content: tint the strikethrough, or tint and dim the glyph itself. */
     deletedInlineTreatment: 'strikethrough' | 'glyphTint';
+    /** Resting "REMOVED" lozenge tint. Gray in both current schemes; the active state uses `deleteActiveColor`. */
+    deletedLozengeColor: AdsAccentColor;
+    /**
+     * "REMOVED" lozenge label, in both states: a fixed inverse tone that reads on any tint, or the
+     * accent text colour matching `deletedLozengeColor`.
+     */
+    deletedLozengeTextTone: 'inverse' | 'accent';
+    /**
+     * Resting ring colour for a deleted media/embed card under the a11y-fixes treatment. Its own role
+     * rather than a derivation of `deleteColor`: that treatment rings red even for gray deletes.
+     */
+    deletedMediaRingColor: AdsAccentColor;
     /** Deleted block ring: 4px stateful ring plus marker variables, or one resting treatment. */
     deletedNodeEmphasis: 'stateful' | 'static';
     /** Active deleted-blockquote ring tone, for the nodeview-wrapped case only. */
@@ -45,4 +59,6 @@ export type DiffColorScheme = {
     insertUnderlineStyle: 'solid' | 'dotted';
     /** Whether the rounded added-cell overlay inherits the cell's `border`. Deleted always does. */
     roundedAddedCellOverlayInheritsBorder: boolean;
+    /** Whether a deleted embedCard gets a strike at all. Standard draws none. */
+    strikesDeletedEmbedCard: boolean;
 };

package/dist/types/pm-plugins/decorations/utils/wrapBlockNodeViewStyles.d.ts

@@ -37,3 +37,10 @@ export declare const resolveNestedInsertedNodeStyle: () => string;
  * is what the `show-diff-deleted-outline-new` class styles in editor-core's smartCardStyles.
  */
 export declare const hasRestingDeletedRing: (colorScheme?: ColorScheme) => boolean;
+/**
+ * Custom properties consumed by the `show-diff-deleted-node-vars` selectors in editor-core.
+ *
+ * No `*Legacy` counterpart: the OFF cohort emits no properties at all and takes its colours from the
+ * per-scheme selectors instead, so the gate lives at the single caller in `wrapBlockNodeView`.
+ */
+export declare const resolveDeletedNodeCSSVariables: (colorScheme?: ColorScheme) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-show-diff",
-	"version": "14.0.1",
+	"version": "14.0.3",
 	"description": "ShowDiff plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,7 +28,7 @@
 		"@atlaskit/editor-tables": "^3.0.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
-		"@atlaskit/tmp-editor-statsig": "^161.0.0",
+		"@atlaskit/tmp-editor-statsig": "^162.0.0",
 		"@atlaskit/tokens": "^16.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
@@ -59,7 +59,7 @@
 		"react-intl": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^120.0.0",
+		"@atlaskit/editor-common": "^120.2.0",
 		"react": "^18.2.0 || ^19.2.0"
 	},
 	"techstack": {