@atlaskit/editor-plugin-show-diff 13.0.11 → 13.1.1

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

@@ -4,116 +4,8 @@ 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 { isExtendedEnabled } from '../../isExtendedEnabled';
-import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedContentStyleUnbounded, deletedInlineContentStyleExtended, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlockExtended, editingContentStyleInBlockExtendedNoUnderline, editingStyleExtended, editingStyleExtendedNoUnderline, editingStyleActiveExtended, editingStyleActiveExtendedNoUnderline, editingStyleNode, addedCellOverlayStyle, addedCellOverlayRoundedStyle, deletedCellOverlayStyle, deletedCellOverlayRoundedStyle } from '../colorSchemes/standard';
-import { deletedTraditionalBlockOutlineActive, deletedTraditionalBlockOutlineNew, deletedTraditionalBlockOutlineRoundedActive, deletedTraditionalBlockOutlineRoundedNew, deletedTraditionalContentStyleUnbounded, deletedTraditionalContentStyleUnboundedActive, getDeletedTraditionalInlineStyle, deletedTraditionalStyleQuoteNode, deletedTraditionalStyleQuoteNodeActive, traditionalInsertStyle, traditionalInsertStyleActive, traditionalStyleNodeActive, traditionalStyleNodeNew, traditionalAddedCellOverlayRoundedStyle, traditionalAddedCellOverlayStyleNew, deletedTraditionalCellOverlayStyle, deletedTraditionalCellOverlayRoundedStyle } from '../colorSchemes/traditional';
 import { applyTableCellEdgeAttrs } from './tableCellEdgeAttrs';
-var lozengeStyle = convertToInlineCss({
-  display: 'inline-flex',
-  boxSizing: 'border-box',
-  position: 'static',
-  blockSize: 'min-content',
-  borderRadius: "var(--ds-radius-small, 4px)",
-  overflow: 'hidden',
-  paddingInlineStart: "var(--ds-space-050, 4px)",
-  paddingInlineEnd: "var(--ds-space-050, 4px)",
-  backgroundColor: "var(--ds-background-accent-gray-subtler, #DDDEE1)",
-  font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-bold, 653)",
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  color: "var(--ds-text-warning-inverse, #292A2E)"
-});
-var lozengeStyleActiveStandard = convertToInlineCss({
-  display: 'inline-flex',
-  boxSizing: 'border-box',
-  position: 'static',
-  blockSize: 'min-content',
-  borderRadius: "var(--ds-radius-small, 4px)",
-  overflow: 'hidden',
-  paddingInlineStart: "var(--ds-space-050, 4px)",
-  paddingInlineEnd: "var(--ds-space-050, 4px)",
-  backgroundColor: "var(--ds-background-accent-red-subtler-pressed, #FD9891)",
-  font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-bold, 653)",
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  color: "var(--ds-text-warning-inverse, #292A2E)"
-});
-var lozengeStyleActiveTraditional = convertToInlineCss({
-  display: 'inline-flex',
-  boxSizing: 'border-box',
-  position: 'static',
-  blockSize: 'min-content',
-  borderRadius: "var(--ds-radius-small, 4px)",
-  overflow: 'hidden',
-  paddingInlineStart: "var(--ds-space-050, 4px)",
-  paddingInlineEnd: "var(--ds-space-050, 4px)",
-  backgroundColor: "var(--ds-background-accent-red-subtler-pressed, #FD9891)",
-  font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-bold, 653)",
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  color: "var(--ds-text-warning-inverse, #292A2E)"
-});
-var getChangedContentStyle = function getChangedContentStyle(colorScheme) {
-  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var diffType = arguments.length > 3 ? arguments[3] : undefined;
-  var hideAddedDiffsUnderline = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  if (isExtendedEnabled(diffType) && isInserted) {
-    if (colorScheme === 'traditional') {
-      return isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
-    }
-    return isActive ? hideAddedDiffsUnderline ? editingStyleActiveExtendedNoUnderline : editingStyleActiveExtended : hideAddedDiffsUnderline ? editingStyleExtendedNoUnderline : editingStyleExtended;
-  }
-  if (colorScheme === 'traditional') {
-    return getDeletedTraditionalInlineStyle(isActive);
-  }
-  if (isActive) {
-    return deletedContentStyleActive;
-  }
-  return expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? deletedContentStyleNew : deletedContentStyle;
-};
-var getChangedNodeStyle = function getChangedNodeStyle(nodeName, colorScheme) {
-  var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var isActive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var diffType = arguments.length > 4 ? arguments[4] : undefined;
-  var hideAddedDiffsUnderline = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  var isTraditional = colorScheme === 'traditional';
-  if (isExtendedEnabled(diffType) && isInserted) {
-    if (isMultiContainerBlockNode(nodeName)) {
-      return hideAddedDiffsUnderline ? editingContentStyleInBlockExtendedNoUnderline : editingContentStyleInBlockExtended;
-    }
-    if (isTextLikeBlockNode(nodeName)) {
-      return undefined;
-    }
-    if (isTraditional) {
-      return isActive ? traditionalStyleNodeActive : traditionalStyleNodeNew;
-    }
-    return editingStyleNode;
-  }
-  switch (nodeName) {
-    case 'blockquote':
-      if (isTraditional) {
-        return isActive ? deletedTraditionalStyleQuoteNodeActive : deletedTraditionalStyleQuoteNode;
-      }
-      return isActive ? deletedStyleQuoteNodeWithLozengeActive : deletedStyleQuoteNodeWithLozenge;
-    case 'expand':
-    case 'decisionList':
-      if (isTraditional) {
-        return isActive ? deletedTraditionalBlockOutlineActive : deletedTraditionalBlockOutlineNew;
-      }
-      return isActive ? deletedBlockOutlineActive : deletedBlockOutline;
-    case 'panel':
-    case 'codeBlock':
-      if (isTraditional) {
-        return isActive ? deletedTraditionalBlockOutlineRoundedActive : deletedTraditionalBlockOutlineRoundedNew;
-      }
-      return isActive ? deletedBlockOutlineRoundedActive : deletedBlockOutlineRounded;
-    default:
-      return undefined;
-  }
-};
+import { getChangedContentStyle, getChangedNodeStyle, getDeletedContentStyle, getDeletedContentStyleUnbounded, getInsertedContentStyle, hasRestingDeletedRing, isMultiContainerBlockNode, isTextLikeBlockNode, resolveCellOverlayStyle, resolveNestedInsertedNodeStyle, resolveRemovedLozengeStyle } from './wrapBlockNodeViewStyles';
 var shouldShowRemovedLozenge = function shouldShowRemovedLozenge(nodeName) {
   switch (nodeName) {
     case 'expand':
@@ -150,7 +42,8 @@ var maybeAddDeletedOutlineNewClass = function maybeAddDeletedOutlineNewClass(_re
   if (name !== 'mediaSingle' && name !== 'embedCard') {
     return;
   }
-  if (colorScheme === 'traditional' && !isActive) {
+  // Only schemes with a resting ring get the class.
+  if (hasRestingDeletedRing(colorScheme) && !isActive) {
     nodeView.classList.add('show-diff-deleted-outline-new');
   }
 };
@@ -162,23 +55,18 @@ var maybeAddDeletedOutlineNewClass = function maybeAddDeletedOutlineNewClass(_re
 var shouldApplyStylesDirectly = function shouldApplyStylesDirectly(nodeName) {
   return nodeName === 'heading';
 };
-var isMultiContainerBlockNode = function isMultiContainerBlockNode(nodeName) {
-  return ['decisionList', 'layoutSection'].includes(nodeName);
-};
-var isTextLikeBlockNode = function isTextLikeBlockNode(nodeName) {
-  return ['heading', 'bulletList', 'orderedList', 'listItem', 'taskList', 'blockquote'].includes(nodeName);
-};
 var applyCellOverlayStyles = function applyCellOverlayStyles(_ref2) {
   var element = _ref2.element,
     colorScheme = _ref2.colorScheme,
     isInserted = _ref2.isInserted;
   var isRoundedTable = expValEquals('platform_editor_table_diff_rounded_corners', 'isEnabled', true);
+  var overlayStyle = resolveCellOverlayStyle({
+    colorScheme: colorScheme,
+    isInserted: isInserted,
+    isRoundedTable: isRoundedTable
+  });
   element.querySelectorAll('td, th').forEach(function (cell) {
     var overlay = document.createElement('span');
-    var isTraditional = colorScheme === 'traditional';
-    var deletedCellStyle = isTraditional ? isRoundedTable ? deletedTraditionalCellOverlayRoundedStyle : deletedTraditionalCellOverlayStyle : isRoundedTable ? deletedCellOverlayRoundedStyle : deletedCellOverlayStyle;
-    var addedCellStyle = isTraditional ? isRoundedTable ? traditionalAddedCellOverlayRoundedStyle : traditionalAddedCellOverlayStyleNew : isRoundedTable ? addedCellOverlayRoundedStyle : addedCellOverlayStyle;
-    var overlayStyle = isInserted ? addedCellStyle : deletedCellStyle;
     overlay.setAttribute('style', overlayStyle);
     cell.appendChild(overlay);
   });
@@ -204,7 +92,7 @@ var createRemovedLozenge = function createRemovedLozenge(intl) {
 
   // Create vanilla HTML lozenge element with Atlaskit Lozenge styling (visual refresh)
   var lozengeElement = document.createElement('span');
-  var lozengeInnerStyle = isActive && colorScheme === 'traditional' ? lozengeStyleActiveTraditional : isActive ? lozengeStyleActiveStandard : lozengeStyle;
+  var lozengeInnerStyle = resolveRemovedLozengeStyle(colorScheme, isActive);
   lozengeElement.setAttribute('style', lozengeInnerStyle);
   lozengeElement.textContent = intl.formatMessage(trackChangesMessages.removed).toUpperCase();
   container.appendChild(lozengeElement);
@@ -256,19 +144,22 @@ var applyMultiContainerLikeStyles = function applyMultiContainerLikeStyles(_ref4
   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) || '';
   if (targetNode.type.name === 'decisionList') {
+    var nestedInsertedNodeStyle = resolveNestedInsertedNodeStyle();
     element.querySelectorAll('li').forEach(function (listItem) {
       var currentListItemStyle = listItem.getAttribute('style') || '';
-      listItem.setAttribute('style', "".concat(currentListItemStyle).concat(editingStyleNode));
+      listItem.setAttribute('style', "".concat(currentListItemStyle).concat(nestedInsertedNodeStyle));
     });
   } else if (targetNode.type.name === 'layoutSection') {
+    var _nestedInsertedNodeStyle = resolveNestedInsertedNodeStyle();
     element.querySelectorAll('[data-layout-column="true"]').forEach(function (section) {
       var currentSectionStyle = section.getAttribute('style') || '';
-      section.setAttribute('style', "".concat(currentSectionStyle).concat(editingStyleNode));
+      section.setAttribute('style', "".concat(currentSectionStyle).concat(_nestedInsertedNodeStyle));
     });
   } else if (targetNode.type.name === 'taskList') {
+    var _nestedInsertedNodeStyle2 = resolveNestedInsertedNodeStyle();
     element.querySelectorAll('li').forEach(function (listItem) {
       var currentListItemStyle = listItem.getAttribute('style') || '';
-      listItem.setAttribute('style', "".concat(currentListItemStyle).concat(editingStyleNode));
+      listItem.setAttribute('style', "".concat(currentListItemStyle).concat(_nestedInsertedNodeStyle2));
     });
   }
   element.setAttribute('style', "".concat(currentStyle, ";").concat(nodeSpecificStyle));
@@ -595,35 +486,6 @@ export var wrapBlockNodeView = function wrapBlockNodeView(_ref0) {
     }
   }
 };
-var getDeletedContentStyleUnbounded = function getDeletedContentStyleUnbounded(colorScheme) {
-  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  if (colorScheme === 'traditional' && isActive) {
-    return deletedTraditionalContentStyleUnboundedActive;
-  }
-  return colorScheme === 'traditional' ? deletedTraditionalContentStyleUnbounded : deletedContentStyleUnbounded;
-};
-var getInsertedContentStyle = function getInsertedContentStyle(colorScheme) {
-  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var hideAddedDiffsUnderline = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  if (colorScheme === 'traditional') {
-    return isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
-  }
-  if (isActive) {
-    return hideAddedDiffsUnderline ? editingStyleActiveExtendedNoUnderline : editingStyleActiveExtended;
-  }
-  return hideAddedDiffsUnderline ? editingStyleExtendedNoUnderline : editingStyleExtended;
-};
-var getDeletedContentStyle = function getDeletedContentStyle(colorScheme) {
-  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var diffType = arguments.length > 2 ? arguments[2] : undefined;
-  if (colorScheme === 'traditional') {
-    return getDeletedTraditionalInlineStyle(isActive);
-  }
-  if (isExtendedEnabled(diffType)) {
-    return (isActive ? deletedContentStyleActive : deletedContentStyleNew) + deletedInlineContentStyleExtended;
-  }
-  return isActive ? deletedContentStyleActive : deletedContentStyleNew;
-};
 
 /**
  * Injects a styled inner wrapper span around the children of a block node element.

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

@@ -0,0 +1,198 @@
+/**
+ * Style resolution for the `wrapBlockNodeView` nodeview decorations.
+ *
+ * Every exported resolver is a single gate: the `colorSchemeRegistry` + `factory.ts`
+ * implementation when `platform_editor_show_diff_color_scheme_refactor` is on, and the verbatim
+ * pre-refactor per-scheme constants from `./wrapBlockNodeViewStyles.legacy` when it is off. The two
+ * paths are built to emit identical style strings for both shipped schemes, so this is a kill
+ * switch for a refactor rather than a behaviour experiment.
+ *
+ * On cleanup (EDITOR-8281): drop the `isExperimentEnabled` dispatch and the `*Legacy` imports,
+ * keeping the `*Next` bodies.
+ */
+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 { colorSchemeRegistry, standardScheme } from '../colorSchemes/schemes';
+import { getChangedContentStyleLegacy, getChangedNodeStyleLegacy, getDeletedContentStyleLegacy, getDeletedContentStyleUnboundedLegacy, getInsertedContentStyleLegacy, hasRestingDeletedRingLegacy, resolveCellOverlayStyleLegacy, resolveNestedInsertedNodeStyleLegacy, resolveRemovedLozengeStyleLegacy } from './wrapBlockNodeViewStyles.legacy';
+var DEFAULT_COLOR_SCHEME = 'standard';
+var getColorScheme = function getColorScheme(colorScheme) {
+  return colorSchemeRegistry[colorScheme !== null && colorScheme !== void 0 ? colorScheme : DEFAULT_COLOR_SCHEME];
+};
+
+/**
+ * Inserted content inside a multi-container or list node always uses the standard scheme, so a
+ * traditional diff shows purple here. Pre-existing: these call sites predate traditional.
+ * 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
+ * `wrapBlockNodeView.ts`.
+ */
+export var isMultiContainerBlockNode = function isMultiContainerBlockNode(nodeName) {
+  return ['decisionList', 'layoutSection'].includes(nodeName);
+};
+export var isTextLikeBlockNode = function isTextLikeBlockNode(nodeName) {
+  return ['heading', 'bulletList', 'orderedList', 'listItem', 'taskList', 'blockquote'].includes(nodeName);
+};
+var getChangedContentStyleNext = function getChangedContentStyleNext(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var diffType = arguments.length > 3 ? arguments[3] : undefined;
+  var hideAddedDiffsUnderline = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var colors = getColorScheme(colorScheme);
+  if (isExtendedEnabled(diffType) && isInserted) {
+    return buildInsertedInlineStyle(colors, isActive, hideAddedDiffsUnderline);
+  }
+  if (isActive) {
+    return buildDeletedInlineContentStyle(colors, 'active');
+  }
+  return buildDeletedInlineContentStyle(colors, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'new' : 'default');
+};
+var getChangedNodeStyleNext = function getChangedNodeStyleNext(nodeName, colorScheme) {
+  var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var isActive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var diffType = arguments.length > 4 ? arguments[4] : undefined;
+  var hideAddedDiffsUnderline = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var colors = getColorScheme(colorScheme);
+  if (isExtendedEnabled(diffType) && isInserted) {
+    if (isMultiContainerBlockNode(nodeName)) {
+      return hideAddedDiffsUnderline ? buildInsertStyleInBlockExtendedNoUnderline(nestedContentScheme) : buildInsertStyleInBlockExtended(nestedContentScheme);
+    }
+    if (isTextLikeBlockNode(nodeName)) {
+      return undefined;
+    }
+    return buildInsertedBlockNodeStyle(colors, 'node', isActive);
+  }
+  switch (nodeName) {
+    case 'blockquote':
+      return buildDeletedQuoteNodeWithLozengeStyle(colors, isActive);
+    case 'expand':
+    case 'decisionList':
+      return buildDeletedWrappedBlockOutline(colors, {
+        isActive: isActive,
+        isRounded: false
+      });
+    case 'panel':
+    case 'codeBlock':
+      return buildDeletedWrappedBlockOutline(colors, {
+        isActive: isActive,
+        isRounded: true
+      });
+    default:
+      return undefined;
+  }
+};
+var getDeletedContentStyleUnboundedNext = function getDeletedContentStyleUnboundedNext(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return buildDeletedStrikethroughLine(getColorScheme(colorScheme), isActive);
+};
+var getInsertedContentStyleNext = function getInsertedContentStyleNext(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var hideAddedDiffsUnderline = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  return buildInsertedInlineStyle(getColorScheme(colorScheme), isActive, hideAddedDiffsUnderline);
+};
+var getDeletedContentStyleNext = function getDeletedContentStyleNext(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var diffType = arguments.length > 2 ? arguments[2] : undefined;
+  var colors = getColorScheme(colorScheme);
+  var base = buildDeletedInlineContentStyle(colors, isActive ? 'active' : 'new');
+
+  // glyphTint adds a background highlight and border-bottom over the tint; strikethrough does not.
+  var needsExtendedHighlight = colors.deletedInlineTreatment === 'glyphTint' && isExtendedEnabled(diffType);
+  return needsExtendedHighlight ? base + buildDeletedInlineContentStyleExtended(colors) : base;
+};
+var resolveCellOverlayStyleNext = function resolveCellOverlayStyleNext(_ref) {
+  var colorScheme = _ref.colorScheme,
+    isInserted = _ref.isInserted,
+    isRoundedTable = _ref.isRoundedTable;
+  var colors = getColorScheme(colorScheme);
+
+  // Square added-cell overlays follow insertedNodeEmphasis: pressed background vs accent border.
+  var addedCellStyle = isRoundedTable ? buildAddedCellOverlayRoundedStyle(colors) : colors.insertedNodeEmphasis === 'stateful' ? buildAddedCellOverlayStyleNew(colors) : buildAddedCellOverlayStyle(colors);
+  var deletedCellStyle = isRoundedTable ? buildDeletedCellOverlayRoundedStyle(colors) : buildDeletedCellOverlayStyle(colors);
+  return isInserted ? addedCellStyle : deletedCellStyle;
+};
+var resolveRemovedLozengeStyleNext = function resolveRemovedLozengeStyleNext(colorScheme, isActive) {
+  return isActive ? buildDeletedLozengeActiveStyle(getColorScheme(colorScheme)) : lozengeStyle;
+};
+var resolveNestedInsertedNodeStyleNext = function resolveNestedInsertedNodeStyleNext() {
+  return buildInsertStyleNode(nestedContentScheme);
+};
+
+// Only 'stateful' schemes have a resting ring.
+var hasRestingDeletedRingNext = function hasRestingDeletedRingNext(colorScheme) {
+  return getColorScheme(colorScheme).deletedNodeEmphasis === 'stateful';
+};
+
+/** Inline content style for a changed (inserted or deleted) block node. */
+export var getChangedContentStyle = function getChangedContentStyle(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var diffType = arguments.length > 3 ? arguments[3] : undefined;
+  var hideAddedDiffsUnderline = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getChangedContentStyleNext(colorScheme, isActive, isInserted, diffType, hideAddedDiffsUnderline) : getChangedContentStyleLegacy(colorScheme, isActive, isInserted, diffType, hideAddedDiffsUnderline);
+};
+
+/** Node-specific style for a changed block node, or `undefined` when the node type has none. */
+export var getChangedNodeStyle = function getChangedNodeStyle(nodeName, colorScheme) {
+  var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var isActive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var diffType = arguments.length > 4 ? arguments[4] : undefined;
+  var hideAddedDiffsUnderline = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getChangedNodeStyleNext(nodeName, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline) : getChangedNodeStyleLegacy(nodeName, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline);
+};
+
+/** The positioned line drawn across deleted content spanning an unbounded range. */
+export var getDeletedContentStyleUnbounded = function getDeletedContentStyleUnbounded(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getDeletedContentStyleUnboundedNext(colorScheme, isActive) : getDeletedContentStyleUnboundedLegacy(colorScheme, isActive);
+};
+
+/** Inline style for inserted content. */
+export var getInsertedContentStyle = function getInsertedContentStyle(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var hideAddedDiffsUnderline = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getInsertedContentStyleNext(colorScheme, isActive, hideAddedDiffsUnderline) : getInsertedContentStyleLegacy(colorScheme, isActive, hideAddedDiffsUnderline);
+};
+
+/** Inline style for deleted content. */
+export var getDeletedContentStyle = function getDeletedContentStyle(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var diffType = arguments.length > 2 ? arguments[2] : undefined;
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getDeletedContentStyleNext(colorScheme, isActive, diffType) : getDeletedContentStyleLegacy(colorScheme, isActive, diffType);
+};
+
+/**
+ * Overlay style for one added or deleted table cell. Invariant across the cells of a table, so the
+ * `querySelectorAll('td, th')` loop in `wrapBlockNodeView.ts` resolves it once.
+ */
+export var resolveCellOverlayStyle = function resolveCellOverlayStyle(args) {
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? resolveCellOverlayStyleNext(args) : resolveCellOverlayStyleLegacy(args);
+};
+
+/** Inner style for the "Removed" lozenge on a deleted block node. */
+export var resolveRemovedLozengeStyle = function resolveRemovedLozengeStyle(colorScheme, isActive) {
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? resolveRemovedLozengeStyleNext(colorScheme, isActive) : resolveRemovedLozengeStyleLegacy(colorScheme, isActive);
+};
+
+/**
+ * Style for inserted content nested inside a multi-container or list node — the `decisionList` and
+ * `taskList` `li`s and the `layoutSection` columns. Scheme-independent: see
+ * `nestedContentScheme` above.
+ */
+export var resolveNestedInsertedNodeStyle = function resolveNestedInsertedNodeStyle() {
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? resolveNestedInsertedNodeStyleNext() : resolveNestedInsertedNodeStyleLegacy();
+};
+
+/**
+ * Whether the colour scheme draws a resting (non-active) ring on a deleted media/embed node, which
+ * is what the `show-diff-deleted-outline-new` class styles in editor-core's smartCardStyles.
+ */
+export var hasRestingDeletedRing = function hasRestingDeletedRing(colorScheme) {
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? hasRestingDeletedRingNext(colorScheme) : hasRestingDeletedRingLegacy(colorScheme);
+};

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

@@ -0,0 +1,218 @@
+/**
+ * Pre-refactor code preserved for the OFF cohort of
+ * `platform_editor_show_diff_color_scheme_refactor`.
+ *
+ * These resolvers hold, verbatim, the per-scheme string-constant style decisions that
+ * `wrapBlockNodeView.ts` made before the `colorSchemeRegistry` + `factory.ts` migration — same
+ * branches, same ternaries, same order, same shim constants, same module-level constants.
+ *
+ * Do not modify. Delete this file at experiment cleanup, together with `colorSchemes/standard.ts`,
+ * `colorSchemes/traditional.ts` (EDITOR-8281).
+ */
+import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { isExtendedEnabled } from '../../isExtendedEnabled';
+import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedContentStyleUnbounded, deletedInlineContentStyleExtended, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlockExtended, editingContentStyleInBlockExtendedNoUnderline, editingStyleExtended, editingStyleExtendedNoUnderline, editingStyleActiveExtended, editingStyleActiveExtendedNoUnderline, editingStyleNode, addedCellOverlayStyle, addedCellOverlayRoundedStyle, deletedCellOverlayStyle, deletedCellOverlayRoundedStyle } from '../colorSchemes/standard';
+import { deletedTraditionalBlockOutlineActive, deletedTraditionalBlockOutlineNew, deletedTraditionalBlockOutlineRoundedActive, deletedTraditionalBlockOutlineRoundedNew, deletedTraditionalContentStyleUnbounded, deletedTraditionalContentStyleUnboundedActive, getDeletedTraditionalInlineStyle, deletedTraditionalStyleQuoteNode, deletedTraditionalStyleQuoteNodeActive, traditionalInsertStyle, traditionalInsertStyleActive, traditionalStyleNodeActive, traditionalStyleNodeNew, traditionalAddedCellOverlayRoundedStyle, traditionalAddedCellOverlayStyleNew, deletedTraditionalCellOverlayStyle, deletedTraditionalCellOverlayRoundedStyle } from '../colorSchemes/traditional';
+var lozengeStyle = convertToInlineCss({
+  display: 'inline-flex',
+  boxSizing: 'border-box',
+  position: 'static',
+  blockSize: 'min-content',
+  borderRadius: "var(--ds-radius-small, 4px)",
+  overflow: 'hidden',
+  paddingInlineStart: "var(--ds-space-050, 4px)",
+  paddingInlineEnd: "var(--ds-space-050, 4px)",
+  backgroundColor: "var(--ds-background-accent-gray-subtler, #DDDEE1)",
+  font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-bold, 653)",
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  color: "var(--ds-text-warning-inverse, #292A2E)"
+});
+var lozengeStyleActiveStandard = convertToInlineCss({
+  display: 'inline-flex',
+  boxSizing: 'border-box',
+  position: 'static',
+  blockSize: 'min-content',
+  borderRadius: "var(--ds-radius-small, 4px)",
+  overflow: 'hidden',
+  paddingInlineStart: "var(--ds-space-050, 4px)",
+  paddingInlineEnd: "var(--ds-space-050, 4px)",
+  backgroundColor: "var(--ds-background-accent-red-subtler-pressed, #FD9891)",
+  font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-bold, 653)",
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  color: "var(--ds-text-warning-inverse, #292A2E)"
+});
+var lozengeStyleActiveTraditional = convertToInlineCss({
+  display: 'inline-flex',
+  boxSizing: 'border-box',
+  position: 'static',
+  blockSize: 'min-content',
+  borderRadius: "var(--ds-radius-small, 4px)",
+  overflow: 'hidden',
+  paddingInlineStart: "var(--ds-space-050, 4px)",
+  paddingInlineEnd: "var(--ds-space-050, 4px)",
+  backgroundColor: "var(--ds-background-accent-red-subtler-pressed, #FD9891)",
+  font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+  fontWeight: "var(--ds-font-weight-bold, 653)",
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  color: "var(--ds-text-warning-inverse, #292A2E)"
+});
+
+/**
+ * Frozen copies of the two node-name predicates `getChangedNodeStyle` branched on pre-refactor.
+ * The live copies are exported from `./wrapBlockNodeViewStyles`; these exist so this module stays
+ * self-contained (and so the OFF cohort keeps the exact pre-refactor classification) and go away
+ * with the rest of the file at cleanup.
+ */
+var isMultiContainerBlockNode = function isMultiContainerBlockNode(nodeName) {
+  return ['decisionList', 'layoutSection'].includes(nodeName);
+};
+var isTextLikeBlockNode = function isTextLikeBlockNode(nodeName) {
+  return ['heading', 'bulletList', 'orderedList', 'listItem', 'taskList', 'blockquote'].includes(nodeName);
+};
+
+/** Pre-refactor inline content style for a changed (inserted or deleted) block node. */
+export var getChangedContentStyleLegacy = function getChangedContentStyleLegacy(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var diffType = arguments.length > 3 ? arguments[3] : undefined;
+  var hideAddedDiffsUnderline = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  if (isExtendedEnabled(diffType) && isInserted) {
+    if (colorScheme === 'traditional') {
+      return isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
+    }
+    return isActive ? hideAddedDiffsUnderline ? editingStyleActiveExtendedNoUnderline : editingStyleActiveExtended : hideAddedDiffsUnderline ? editingStyleExtendedNoUnderline : editingStyleExtended;
+  }
+  if (colorScheme === 'traditional') {
+    return getDeletedTraditionalInlineStyle(isActive);
+  }
+  if (isActive) {
+    return deletedContentStyleActive;
+  }
+  return expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? deletedContentStyleNew : deletedContentStyle;
+};
+
+/** Pre-refactor node-specific style for a changed block node. */
+export var getChangedNodeStyleLegacy = function getChangedNodeStyleLegacy(nodeName, colorScheme) {
+  var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var isActive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var diffType = arguments.length > 4 ? arguments[4] : undefined;
+  var hideAddedDiffsUnderline = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var isTraditional = colorScheme === 'traditional';
+  if (isExtendedEnabled(diffType) && isInserted) {
+    if (isMultiContainerBlockNode(nodeName)) {
+      return hideAddedDiffsUnderline ? editingContentStyleInBlockExtendedNoUnderline : editingContentStyleInBlockExtended;
+    }
+    if (isTextLikeBlockNode(nodeName)) {
+      return undefined;
+    }
+    if (isTraditional) {
+      return isActive ? traditionalStyleNodeActive : traditionalStyleNodeNew;
+    }
+    return editingStyleNode;
+  }
+  switch (nodeName) {
+    case 'blockquote':
+      if (isTraditional) {
+        return isActive ? deletedTraditionalStyleQuoteNodeActive : deletedTraditionalStyleQuoteNode;
+      }
+      return isActive ? deletedStyleQuoteNodeWithLozengeActive : deletedStyleQuoteNodeWithLozenge;
+    case 'expand':
+    case 'decisionList':
+      if (isTraditional) {
+        return isActive ? deletedTraditionalBlockOutlineActive : deletedTraditionalBlockOutlineNew;
+      }
+      return isActive ? deletedBlockOutlineActive : deletedBlockOutline;
+    case 'panel':
+    case 'codeBlock':
+      if (isTraditional) {
+        return isActive ? deletedTraditionalBlockOutlineRoundedActive : deletedTraditionalBlockOutlineRoundedNew;
+      }
+      return isActive ? deletedBlockOutlineRoundedActive : deletedBlockOutlineRounded;
+    default:
+      return undefined;
+  }
+};
+
+/** Pre-refactor unbounded strikethrough line for deleted content. */
+export var getDeletedContentStyleUnboundedLegacy = function getDeletedContentStyleUnboundedLegacy(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (colorScheme === 'traditional' && isActive) {
+    return deletedTraditionalContentStyleUnboundedActive;
+  }
+  return colorScheme === 'traditional' ? deletedTraditionalContentStyleUnbounded : deletedContentStyleUnbounded;
+};
+
+/** Pre-refactor inline style for inserted content. */
+export var getInsertedContentStyleLegacy = function getInsertedContentStyleLegacy(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var hideAddedDiffsUnderline = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  if (colorScheme === 'traditional') {
+    return isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
+  }
+  if (isActive) {
+    return hideAddedDiffsUnderline ? editingStyleActiveExtendedNoUnderline : editingStyleActiveExtended;
+  }
+  return hideAddedDiffsUnderline ? editingStyleExtendedNoUnderline : editingStyleExtended;
+};
+
+/** Pre-refactor inline style for deleted content. */
+export var getDeletedContentStyleLegacy = function getDeletedContentStyleLegacy(colorScheme) {
+  var isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var diffType = arguments.length > 2 ? arguments[2] : undefined;
+  if (colorScheme === 'traditional') {
+    return getDeletedTraditionalInlineStyle(isActive);
+  }
+  if (isExtendedEnabled(diffType)) {
+    return (isActive ? deletedContentStyleActive : deletedContentStyleNew) + deletedInlineContentStyleExtended;
+  }
+  return isActive ? deletedContentStyleActive : deletedContentStyleNew;
+};
+
+/**
+ * Pre-refactor table-cell overlay style, as chosen inside the `querySelectorAll('td, th')` loop of
+ * `applyCellOverlayStyles`. The choice does not vary per cell, so hoisting it out of the loop is
+ * behaviour-preserving.
+ *
+ * NOTE: not interchangeable with the same-named resolver in
+ * `createChangedRowDecorationWidgets.styles.legacy.ts`. The two pre-refactor call sites disagreed
+ * for the traditional non-rounded added cell — the nodeview path (here) used
+ * `traditionalAddedCellOverlayStyleNew`, the row-widget path used `traditionalAddedCellOverlayStyle`.
+ * Preserved as-is.
+ */
+export var resolveCellOverlayStyleLegacy = function resolveCellOverlayStyleLegacy(_ref) {
+  var colorScheme = _ref.colorScheme,
+    isInserted = _ref.isInserted,
+    isRoundedTable = _ref.isRoundedTable;
+  var isTraditional = colorScheme === 'traditional';
+  var deletedCellStyle = isTraditional ? isRoundedTable ? deletedTraditionalCellOverlayRoundedStyle : deletedTraditionalCellOverlayStyle : isRoundedTable ? deletedCellOverlayRoundedStyle : deletedCellOverlayStyle;
+  var addedCellStyle = isTraditional ? isRoundedTable ? traditionalAddedCellOverlayRoundedStyle : traditionalAddedCellOverlayStyleNew : isRoundedTable ? addedCellOverlayRoundedStyle : addedCellOverlayStyle;
+  return isInserted ? addedCellStyle : deletedCellStyle;
+};
+
+/** Pre-refactor inner style for the "Removed" lozenge on a deleted block node. */
+export var resolveRemovedLozengeStyleLegacy = function resolveRemovedLozengeStyleLegacy(colorScheme, isActive) {
+  return isActive && colorScheme === 'traditional' ? lozengeStyleActiveTraditional : isActive ? lozengeStyleActiveStandard : lozengeStyle;
+};
+
+/**
+ * Pre-refactor style for inserted content nested inside a multi-container or list node (the
+ * `decisionList` / `layoutSection` / `taskList` children). Always the standard scheme's node
+ * outline, in every colour scheme.
+ */
+export var resolveNestedInsertedNodeStyleLegacy = function resolveNestedInsertedNodeStyleLegacy() {
+  return editingStyleNode;
+};
+
+/**
+ * Pre-refactor scheme predicate behind `maybeAddDeletedOutlineNewClass`. The `!isActive` half of
+ * the original condition stays at the call site in `wrapBlockNodeView.ts`.
+ */
+export var hasRestingDeletedRingLegacy = function hasRestingDeletedRingLegacy(colorScheme) {
+  return colorScheme === 'traditional';
+};