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

package/dist/esm/pm-plugins/decorations/createBlockChangedDecoration.styles.legacy.js

@@ -0,0 +1,118 @@
+/**
+ * Pre-refactor code preserved for the OFF cohort of
+ * `platform_editor_show_diff_color_scheme_refactor`.
+ *
+ * This is a verbatim copy of the `getBlockNodeStyle` and the cell-overlay style selection that
+ * lived in `createBlockChangedDecoration.ts` before the `colorSchemeRegistry` + `factory.ts`
+ * migration. Do not modify it — it exists so the OFF cohort keeps the exact pre-refactor style
+ * strings. Delete this file at cleanup, together with `colorSchemes/standard.ts`,
+ * `colorSchemes/traditional.ts` (EDITOR-8281).
+ */
+import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { isExtendedEnabled } from '../isExtendedEnabled';
+import { standardDecorationMarkerVariable, deletedDecorationMarkerVariable, editingStyleQuoteNode, editingStyleRuleNode, editingStyleCardBlockNode, editingStyleNode, deletedContentStyleNew, deletedStyleQuoteNode, addedCellOverlayStyle, addedCellOverlayRoundedStyle, deletedCellOverlayStyle, deletedCellOverlayRoundedStyle } from './colorSchemes/standard';
+import { traditionalDecorationMarkerVariableActive, traditionalDecorationMarkerVariableNew, traditionalDeletedDecorationMarkerVariableActive, traditionalDeletedDecorationMarkerVariableNew, traditionalStyleQuoteNodeActive, traditionalStyleQuoteNodeNew, traditionalStyleRuleNodeActive, traditionalStyleRuleNodeNew, traditionalStyleCardBlockNodeActive, traditionalStyleCardBlockNodeNew, traditionalStyleNodeActive, traditionalStyleNodeNew, getDeletedTraditionalInlineStyle, deletedTraditionalStyleQuoteNode, traditionalAddedCellOverlayStyle, traditionalAddedCellOverlayRoundedStyle, deletedTraditionalCellOverlayStyle, deletedTraditionalCellOverlayRoundedStyle } from './colorSchemes/traditional';
+
+/** Verbatim copy of the pre-refactor cell-overlay style selection. */
+export var resolveCellOverlayStyleLegacy = function resolveCellOverlayStyleLegacy(_ref) {
+  var colorScheme = _ref.colorScheme,
+    isRoundedTable = _ref.isRoundedTable,
+    useAddedStyle = _ref.useAddedStyle;
+  var isTraditional = colorScheme === 'traditional';
+  var addedCellStyle = isTraditional ? isRoundedTable ? traditionalAddedCellOverlayRoundedStyle : traditionalAddedCellOverlayStyle : isRoundedTable ? addedCellOverlayRoundedStyle : addedCellOverlayStyle;
+  var deletedCellStyle = isTraditional ? isRoundedTable ? deletedTraditionalCellOverlayRoundedStyle : deletedTraditionalCellOverlayStyle : isRoundedTable ? deletedCellOverlayRoundedStyle : deletedCellOverlayStyle;
+  return useAddedStyle ? addedCellStyle : deletedCellStyle;
+};
+export var getBlockNodeStyleLegacy = function getBlockNodeStyleLegacy(_ref2) {
+  var nodeName = _ref2.nodeName,
+    colorScheme = _ref2.colorScheme,
+    _ref2$isInserted = _ref2.isInserted,
+    isInserted = _ref2$isInserted === void 0 ? true : _ref2$isInserted,
+    _ref2$isActive = _ref2.isActive,
+    isActive = _ref2$isActive === void 0 ? false : _ref2$isActive,
+    diffType = _ref2.diffType;
+  var isTraditional = colorScheme === 'traditional';
+  if (['mediaSingle', 'mediaGroup', 'table',
+  // Handle table separately to avoid border issues
+  'tableRow', 'paragraph',
+  // Paragraph and heading nodes do not need special styling
+  'heading', 'hardBreak', 'decisionList', 'taskList', 'bulletList', 'orderedList', 'layoutSection'].includes(nodeName)) {
+    // Layout nodes do not need special styling
+    return undefined;
+  }
+  // Media nodes inside mediaSingle should not get position:relative
+  // as it shifts the image outside its parent container (e.g. panel)
+  if (nodeName === 'media') {
+    if (!isInserted && isExtendedEnabled(diffType)) {
+      return isTraditional ? getDeletedTraditionalInlineStyle(false) : deletedDecorationMarkerVariable;
+    }
+    return isTraditional ? isActive ? traditionalStyleNodeActive : traditionalStyleNodeNew : editingStyleNode;
+  }
+  if (['tableCell', 'tableHeader'].includes(nodeName)) {
+    if (isExtendedEnabled(diffType)) {
+      // This is used for positioning the cell overlay widget decorations
+      return convertToInlineCss({
+        position: 'relative'
+      });
+    }
+    // When gate is off, it should return undefined as above
+    return undefined;
+  }
+  if (nodeName === 'panel') {
+    if (!isInserted && isExtendedEnabled(diffType)) {
+      return isTraditional ? getDeletedTraditionalInlineStyle(false) : deletedDecorationMarkerVariable;
+    }
+    return isTraditional ? isActive ? traditionalStyleNodeActive : traditionalStyleNodeNew : editingStyleNode;
+  }
+  if (['extension', 'embedCard', 'listItem'].includes(nodeName)) {
+    if (isExtendedEnabled(diffType)) {
+      if (isInserted) {
+        return isTraditional && isActive ? traditionalDecorationMarkerVariableActive : isTraditional ? traditionalDecorationMarkerVariableNew : standardDecorationMarkerVariable;
+      } else {
+        if (nodeName === 'listItem') {
+          return isTraditional && isActive ? traditionalDeletedDecorationMarkerVariableActive : isTraditional ? traditionalDeletedDecorationMarkerVariableNew : deletedDecorationMarkerVariable;
+        }
+        return isTraditional && isActive ? traditionalDeletedDecorationMarkerVariableActive : isTraditional ? traditionalDeletedDecorationMarkerVariableNew : deletedContentStyleNew;
+      }
+    }
+    return isTraditional && isActive ? traditionalDecorationMarkerVariableActive : isTraditional ? traditionalDecorationMarkerVariableNew : standardDecorationMarkerVariable;
+  }
+  if (nodeName === 'blockquote') {
+    if (isExtendedEnabled(diffType)) {
+      if (isInserted) {
+        return isTraditional ? isActive ? traditionalStyleQuoteNodeActive : traditionalStyleQuoteNodeNew : editingStyleQuoteNode;
+      } else {
+        return isTraditional ? deletedTraditionalStyleQuoteNode : deletedStyleQuoteNode;
+      }
+    }
+    return isTraditional ? isActive ? traditionalStyleQuoteNodeActive : traditionalStyleQuoteNodeNew : editingStyleQuoteNode;
+  }
+  if (nodeName === 'rule') {
+    if (isExtendedEnabled(diffType)) {
+      if (isInserted) {
+        return isTraditional ? isActive ? traditionalStyleRuleNodeActive : traditionalStyleRuleNodeNew : editingStyleRuleNode;
+      } else {
+        return isTraditional ? getDeletedTraditionalInlineStyle(false) : deletedContentStyleNew;
+      }
+    }
+    return isTraditional ? isActive ? traditionalStyleRuleNodeActive : traditionalStyleRuleNodeNew : editingStyleRuleNode;
+  }
+  if (nodeName === 'blockCard') {
+    if (isExtendedEnabled(diffType)) {
+      if (isInserted) {
+        return isTraditional ? isActive ? traditionalStyleCardBlockNodeActive : traditionalStyleCardBlockNodeNew : editingStyleCardBlockNode;
+      } else {
+        return isTraditional ? getDeletedTraditionalInlineStyle(false) : deletedContentStyleNew;
+      }
+    }
+    return isTraditional ? isActive ? traditionalStyleCardBlockNodeActive : traditionalStyleCardBlockNodeNew : editingStyleCardBlockNode;
+  }
+  if (isExtendedEnabled(diffType)) {
+    if (isInserted) {
+      return isTraditional ? isActive ? traditionalStyleNodeActive : traditionalStyleNodeNew : editingStyleNode;
+    } else {
+      return isTraditional ? getDeletedTraditionalInlineStyle(false) : deletedContentStyleNew;
+    }
+  }
+  return isTraditional ? isActive ? traditionalStyleNodeActive : traditionalStyleNodeNew : editingStyleNode;
+};

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

@@ -9,13 +9,16 @@ import { areNodesEqualIgnoreAttrs } from '@atlaskit/editor-common/utils/document
 import { findParentNodeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
+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 { addedCellOverlayStyle, addedCellOverlayRoundedStyle, deletedRowStyle, deletedCellOverlayStyle, deletedCellOverlayRoundedStyle } from './colorSchemes/standard';
-import { deletedTraditionalRowStyle, deletedTraditionalCellOverlayStyle, deletedTraditionalCellOverlayRoundedStyle, traditionalAddedCellOverlayStyle, traditionalAddedCellOverlayRoundedStyle } from './colorSchemes/traditional';
+import { buildAddedCellOverlayRoundedStyle, buildAddedCellOverlayStyle, buildDeletedCellOverlayRoundedStyle, buildDeletedCellOverlayStyle, buildDeletedRowStyle } from './colorSchemes/factory';
+import { colorSchemeRegistry } from './colorSchemes/schemes';
+import { resolveCellOverlayStyleLegacy, resolveDeletedRowStyleLegacy } from './createChangedRowDecorationWidgets.styles.legacy';
 import { buildDiffDecorationSpec } from './decorationKeys';
 import { findSafeInsertPos } from './utils/findSafeInsertPos';
 import { applyCellEdgeAttrs, getRowCellEdgeAttrs } from './utils/tableCellEdgeAttrs';
+var DEFAULT_COLOR_SCHEME = 'standard';
 /**
  * Extracts information about deleted table rows from a change
  */
@@ -126,12 +129,11 @@ var isEmptyRow = function isEmptyRow(rowNode) {
  */
 var createChangedRowDOM = function createChangedRowDOM(rowNode, cellEdgeAttrs, nodeViewSerializer, colorScheme, isInserted, diffType) {
   var tr = document.createElement('tr');
-  if (isExtendedEnabled(diffType)) {
-    if (!isInserted) {
-      tr.setAttribute('style', colorScheme === 'traditional' ? deletedTraditionalRowStyle : deletedRowStyle);
-    }
-  } else {
-    tr.setAttribute('style', colorScheme === 'traditional' ? deletedTraditionalRowStyle : deletedRowStyle);
+  var colors = colorSchemeRegistry[colorScheme !== null && colorScheme !== void 0 ? colorScheme : DEFAULT_COLOR_SCHEME];
+
+  // Inserted rows keep their natural styling; the row strikethrough is deletions only.
+  if (!isExtendedEnabled(diffType) || !isInserted) {
+    tr.setAttribute('style', isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? buildDeletedRowStyle(colors) : resolveDeletedRowStyleLegacy(colorScheme));
   }
   tr.setAttribute('data-testid', 'show-diff-deleted-row');
 
@@ -146,10 +148,11 @@ var createChangedRowDOM = function createChangedRowDOM(rowNode, cellEdgeAttrs, n
           if (isExtendedEnabled(diffType)) {
             var overlay = document.createElement('span');
             var isRoundedTable = expValEquals('platform_editor_table_diff_rounded_corners', 'isEnabled', true);
-            var isTraditional = colorScheme === 'traditional';
-            var deletedCellStyle = isTraditional ? isRoundedTable ? deletedTraditionalCellOverlayRoundedStyle : deletedTraditionalCellOverlayStyle : isRoundedTable ? deletedCellOverlayRoundedStyle : deletedCellOverlayStyle;
-            var addedCellStyle = isTraditional ? isRoundedTable ? traditionalAddedCellOverlayRoundedStyle : traditionalAddedCellOverlayStyle : isRoundedTable ? addedCellOverlayRoundedStyle : addedCellOverlayStyle;
-            var overlayStyle = isInserted ? addedCellStyle : deletedCellStyle;
+            var overlayStyle = isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? isInserted ? isRoundedTable ? buildAddedCellOverlayRoundedStyle(colors) : buildAddedCellOverlayStyle(colors) : isRoundedTable ? buildDeletedCellOverlayRoundedStyle(colors) : buildDeletedCellOverlayStyle(colors) : resolveCellOverlayStyleLegacy({
+              colorScheme: colorScheme,
+              isInserted: isInserted,
+              isRoundedTable: isRoundedTable
+            });
             overlay.setAttribute('style', overlayStyle);
             nodeView.appendChild(overlay);
           }

package/dist/esm/pm-plugins/decorations/createChangedRowDecorationWidgets.styles.legacy.js

@@ -0,0 +1,32 @@
+/**
+ * Pre-refactor code preserved for the OFF cohort of
+ * `platform_editor_show_diff_color_scheme_refactor`.
+ *
+ * These resolvers reproduce the per-scheme string-constant style decisions that
+ * `createChangedRowDOM` made before the `colorSchemeRegistry` + `factory.ts` migration, verbatim.
+ *
+ * Do not modify. Delete this file at experiment cleanup (EDITOR-8281).
+ */
+
+import { addedCellOverlayRoundedStyle, addedCellOverlayStyle, deletedCellOverlayRoundedStyle, deletedCellOverlayStyle, deletedRowStyle } from './colorSchemes/standard';
+import { deletedTraditionalCellOverlayRoundedStyle, deletedTraditionalCellOverlayStyle, deletedTraditionalRowStyle, traditionalAddedCellOverlayRoundedStyle, traditionalAddedCellOverlayStyle } from './colorSchemes/traditional';
+
+/**
+ * Pre-refactor deleted-row style for the `<tr>` element.
+ */
+export var resolveDeletedRowStyleLegacy = function resolveDeletedRowStyleLegacy(colorScheme) {
+  return colorScheme === 'traditional' ? deletedTraditionalRowStyle : deletedRowStyle;
+};
+
+/**
+ * Pre-refactor cell overlay style.
+ */
+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 : traditionalAddedCellOverlayStyle : isRoundedTable ? addedCellOverlayRoundedStyle : addedCellOverlayStyle;
+  return isInserted ? addedCellStyle : deletedCellStyle;
+};

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

@@ -4,24 +4,91 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { isExtendedEnabled } from '../isExtendedEnabled';
-import { editingStyle, editingStyleExtended, editingStyleExtendedNoUnderline, editingStyleActive, editingStyleActiveExtended, editingStyleActiveExtendedNoUnderline, deletedContentStyle, deletedContentStyleActive, deletedInlineContentStyleExtended } from './colorSchemes/standard';
-import { traditionalInsertStyle, traditionalInsertStyleActive, getDeletedTraditionalInlineStyle } from './colorSchemes/traditional';
+import { buildAtomicInlineChangedCSSVariables, buildDeletedInlineContentStyleExtended, buildDeletedInlineStyle, buildDeletedInlineStyleStandard, buildInsertStyle, buildInsertStyleActive, buildInsertStyleExtended, buildInsertStyleExtendedActive, buildInsertStyleExtendedNoUnderline, buildInsertStyleExtendedNoUnderlineActive } from './colorSchemes/factory';
+import { colorSchemeRegistry } from './colorSchemes/schemes';
 import { createInlineIndicatorAnchorWidgets } from './createAnchorDecorationWidgets';
+import { getAtomicInlineNodeClassNameLegacy, resolveInlineChangedStyleLegacy } from './createInlineChangedDecoration.styles.legacy';
 import { buildDiffDecorationSpec } from './decorationKeys';
 var displayNoneStyle = convertToInlineCss({
   display: 'none'
 });
-var getAtomicInlineNodeClassName = function getAtomicInlineNodeClassName(inlineNodeName, colorScheme) {
+var DEFAULT_COLOR_SCHEME = 'standard';
+var getColorScheme = function getColorScheme(colorScheme) {
+  return colorSchemeRegistry[colorScheme !== null && colorScheme !== void 0 ? colorScheme : DEFAULT_COLOR_SCHEME];
+};
+
+/**
+ * Class names for an atomic inline node decoration (date, emoji, mention, status). Scheme-agnostic
+ * — `buildAtomicInlineChangedCSSVariables()` supplies the colour inline on the same element.
+ */
+var getAtomicInlineNodeClassName = function getAtomicInlineNodeClassName(inlineNodeName) {
   var classNames = ['show-diff-atomic-inline-changed'];
   if (inlineNodeName) {
     classNames.push("show-diff-atomic-inline-changed-".concat(inlineNodeName));
   }
-  if (colorScheme === 'traditional') {
-    classNames.push('show-diff-atomic-inline-changed-traditional');
-  }
   return classNames.join(' ');
 };
+
+/** Inline style for inserted content under the extended diff experience. */
+var getExtendedInsertStyle = function getExtendedInsertStyle(colors, isActive, hideAddedDiffsUnderline) {
+  if (colors.insertedInlineTreatment === 'underline') {
+    // hideAddedDiffsUnderline only targets the 'borderBottom' rule, so it does not apply here.
+    return isActive ? buildInsertStyleActive(colors) : buildInsertStyle(colors);
+  }
+  if (isActive) {
+    return hideAddedDiffsUnderline ? buildInsertStyleExtendedNoUnderlineActive(colors) : buildInsertStyleExtendedActive(colors);
+  }
+  return hideAddedDiffsUnderline ? buildInsertStyleExtendedNoUnderline(colors) : buildInsertStyleExtended(colors);
+};
+
+/** Inline style for deleted content under the extended diff experience. */
+var getExtendedDeletedStyle = function getExtendedDeletedStyle(colors, isActive) {
+  if (colors.deletedInlineTreatment === 'strikethrough') {
+    // Identical in both states — the block decoration carries the active emphasis.
+    return buildDeletedInlineStyle(colors, false);
+  }
+  return buildDeletedInlineStyleStandard(colors, isActive ? 'active' : 'default') + buildDeletedInlineContentStyleExtended(colors);
+};
+
+/** Registry-driven inline `style` for a changed-content decoration. */
+var resolveInlineChangedStyleRefactored = function resolveInlineChangedStyleRefactored(_ref) {
+  var colors = _ref.colors,
+    diffType = _ref.diffType,
+    hideAddedDiffsUnderline = _ref.hideAddedDiffsUnderline,
+    isActive = _ref.isActive,
+    isInserted = _ref.isInserted;
+  if (isExtendedEnabled(diffType)) {
+    return isInserted ? getExtendedInsertStyle(colors, isActive, hideAddedDiffsUnderline) : getExtendedDeletedStyle(colors, isActive);
+  }
+  return isActive ? buildInsertStyleActive(colors) : buildInsertStyle(colors);
+};
+
+/**
+ * Single gate for the inline `style` string: registry + factory when the refactor is on, the
+ * verbatim pre-refactor per-scheme constants when it is off.
+ */
+var resolveInlineChangedStyle = function resolveInlineChangedStyle(args) {
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? resolveInlineChangedStyleRefactored(args) : resolveInlineChangedStyleLegacy(args);
+};
+
+/**
+ * Single gate for the atomic-inline-node decoration attributes. The two cohorts differ in the DOM:
+ * on, the colour rides on an inline CSS variable and the class list is scheme-agnostic; off, the
+ * colour comes from a `-traditional` class and no variable is emitted. Returned together so the
+ * class list and style suffix can never be mixed across cohorts.
+ */
+var resolveAtomicInlineAttrs = function resolveAtomicInlineAttrs(inlineNodeName, colorScheme, colors) {
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? {
+    className: getAtomicInlineNodeClassName(inlineNodeName),
+    styleSuffix: buildAtomicInlineChangedCSSVariables(colors)
+  } : {
+    className: getAtomicInlineNodeClassNameLegacy(inlineNodeName, colorScheme),
+    styleSuffix: ''
+  };
+};
+
 /**
  * Inline decoration used for insertions as the content already exists in the document
  *
@@ -29,28 +96,28 @@ var getAtomicInlineNodeClassName = function getAtomicInlineNodeClassName(inlineN
  * @returns Prosemirror inline decoration
  */
 
-export var createInlineChangedDecoration = function createInlineChangedDecoration(_ref) {
-  var change = _ref.change,
-    colorScheme = _ref.colorScheme,
-    _ref$isActive = _ref.isActive,
-    isActive = _ref$isActive === void 0 ? false : _ref$isActive,
-    _ref$isInserted = _ref.isInserted,
-    isInserted = _ref$isInserted === void 0 ? true : _ref$isInserted,
-    _ref$isAtomicInlineNo = _ref.isAtomicInlineNode,
-    isAtomicInlineNode = _ref$isAtomicInlineNo === void 0 ? false : _ref$isAtomicInlineNo,
-    _ref$shouldHideDelete = _ref.shouldHideDeleted,
-    shouldHideDeleted = _ref$shouldHideDelete === void 0 ? false : _ref$shouldHideDelete,
-    _ref$showIndicators = _ref.showIndicators,
-    showIndicators = _ref$showIndicators === void 0 ? false : _ref$showIndicators,
-    doc = _ref.doc,
-    diffType = _ref.diffType,
-    _ref$hideAddedDiffsUn = _ref.hideAddedDiffsUnderline,
-    hideAddedDiffsUnderline = _ref$hideAddedDiffsUn === void 0 ? false : _ref$hideAddedDiffsUn,
-    inlineNodeName = _ref.inlineNodeName,
-    _ref$hasDeletedWidget = _ref.hasDeletedWidget,
-    hasDeletedWidget = _ref$hasDeletedWidget === void 0 ? false : _ref$hasDeletedWidget,
-    _ref$isDeletedWidgetB = _ref.isDeletedWidgetBelow,
-    isDeletedWidgetBelow = _ref$isDeletedWidgetB === void 0 ? false : _ref$isDeletedWidgetB;
+export var createInlineChangedDecoration = function createInlineChangedDecoration(_ref2) {
+  var change = _ref2.change,
+    colorScheme = _ref2.colorScheme,
+    _ref2$isActive = _ref2.isActive,
+    isActive = _ref2$isActive === void 0 ? false : _ref2$isActive,
+    _ref2$isInserted = _ref2.isInserted,
+    isInserted = _ref2$isInserted === void 0 ? true : _ref2$isInserted,
+    _ref2$isAtomicInlineN = _ref2.isAtomicInlineNode,
+    isAtomicInlineNode = _ref2$isAtomicInlineN === void 0 ? false : _ref2$isAtomicInlineN,
+    _ref2$shouldHideDelet = _ref2.shouldHideDeleted,
+    shouldHideDeleted = _ref2$shouldHideDelet === void 0 ? false : _ref2$shouldHideDelet,
+    _ref2$showIndicators = _ref2.showIndicators,
+    showIndicators = _ref2$showIndicators === void 0 ? false : _ref2$showIndicators,
+    doc = _ref2.doc,
+    diffType = _ref2.diffType,
+    _ref2$hideAddedDiffsU = _ref2.hideAddedDiffsUnderline,
+    hideAddedDiffsUnderline = _ref2$hideAddedDiffsU === void 0 ? false : _ref2$hideAddedDiffsU,
+    inlineNodeName = _ref2.inlineNodeName,
+    _ref2$hasDeletedWidge = _ref2.hasDeletedWidget,
+    hasDeletedWidget = _ref2$hasDeletedWidge === void 0 ? false : _ref2$hasDeletedWidge,
+    _ref2$isDeletedWidget = _ref2.isDeletedWidgetBelow,
+    isDeletedWidgetBelow = _ref2$isDeletedWidget === void 0 ? false : _ref2$isDeletedWidget;
   var diffId = crypto.randomUUID();
   if (shouldHideDeleted) {
     return [Decoration.inline(change.fromB, change.toB, {
@@ -61,38 +128,21 @@ export var createInlineChangedDecoration = function createInlineChangedDecoratio
       isActive: isActive
     }))];
   }
-  var style;
-  if (isExtendedEnabled(diffType)) {
-    if (isInserted) {
-      if (colorScheme === 'traditional') {
-        style = isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
-      } else {
-        style = isActive ? hideAddedDiffsUnderline ? editingStyleActiveExtendedNoUnderline : editingStyleActiveExtended : hideAddedDiffsUnderline ? editingStyleExtendedNoUnderline : editingStyleExtended;
-      }
-    } else {
-      if (colorScheme === 'traditional') {
-        style = getDeletedTraditionalInlineStyle(false);
-      } else {
-        style = isActive ? deletedContentStyleActive : deletedContentStyle;
-        /**
-         * Merge into existing styles when cleaning up
-         */
-        if (isExtendedEnabled(diffType)) {
-          style += deletedInlineContentStyleExtended;
-        }
-      }
-    }
-  } else {
-    if (colorScheme === 'traditional') {
-      style = isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
-    } else {
-      style = isActive ? editingStyleActive : editingStyle;
-    }
-  }
+  var colors = getColorScheme(colorScheme);
+  var style = resolveInlineChangedStyle({
+    colors: colors,
+    colorScheme: colorScheme,
+    diffType: diffType,
+    hideAddedDiffsUnderline: hideAddedDiffsUnderline,
+    isActive: isActive,
+    isInserted: isInserted
+  });
+  var isAtomicInlineInsertion = isAtomicInlineNode && isInserted;
+  var atomicInlineAttrs = isAtomicInlineInsertion ? resolveAtomicInlineAttrs(inlineNodeName, colorScheme, colors) : undefined;
   var decorations = [Decoration.inline(change.fromB, change.toB, _objectSpread(_objectSpread({
-    style: style
-  }, isAtomicInlineNode && isInserted && {
-    class: getAtomicInlineNodeClassName(inlineNodeName, colorScheme)
+    style: atomicInlineAttrs ? "".concat(style).concat(atomicInlineAttrs.styleSuffix) : style
+  }, atomicInlineAttrs && {
+    class: atomicInlineAttrs.className
   }), {}, {
     'data-testid': 'show-diff-changed-decoration'
   }), buildDiffDecorationSpec({

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

@@ -0,0 +1,61 @@
+/**
+ * Pre-refactor `createInlineChangedDecoration` styling code, preserved verbatim for the OFF cohort
+ * of `platform_editor_show_diff_color_scheme_refactor`.
+ *
+ * Do not modify — this module exists purely so the OFF cohort keeps running the exact code that
+ * shipped before the `colorSchemeRegistry` + `factory.ts` migration. Delete the whole file at
+ * experiment cleanup (EDITOR-8281).
+ */
+
+import { isExtendedEnabled } from '../isExtendedEnabled';
+import { deletedContentStyle, deletedContentStyleActive, deletedInlineContentStyleExtended, editingStyle, editingStyleActive, editingStyleActiveExtended, editingStyleActiveExtendedNoUnderline, editingStyleExtended, editingStyleExtendedNoUnderline } from './colorSchemes/standard';
+import { getDeletedTraditionalInlineStyle, traditionalInsertStyle, traditionalInsertStyleActive } from './colorSchemes/traditional';
+/**
+ * Pre-refactor inline `style` computation for `createInlineChangedDecoration`.
+ */
+export var resolveInlineChangedStyleLegacy = function resolveInlineChangedStyleLegacy(_ref) {
+  var colorScheme = _ref.colorScheme,
+    diffType = _ref.diffType,
+    hideAddedDiffsUnderline = _ref.hideAddedDiffsUnderline,
+    isActive = _ref.isActive,
+    isInserted = _ref.isInserted;
+  var style;
+  if (isExtendedEnabled(diffType)) {
+    if (isInserted) {
+      if (colorScheme === 'traditional') {
+        style = isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
+      } else {
+        style = isActive ? hideAddedDiffsUnderline ? editingStyleActiveExtendedNoUnderline : editingStyleActiveExtended : hideAddedDiffsUnderline ? editingStyleExtendedNoUnderline : editingStyleExtended;
+      }
+    } else {
+      if (colorScheme === 'traditional') {
+        style = getDeletedTraditionalInlineStyle(false);
+      } else {
+        style = (isActive ? deletedContentStyleActive : deletedContentStyle) + deletedInlineContentStyleExtended;
+      }
+    }
+  } else {
+    if (colorScheme === 'traditional') {
+      style = isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
+    } else {
+      style = isActive ? editingStyleActive : editingStyle;
+    }
+  }
+  return style;
+};
+
+/**
+ * Pre-refactor class names for an atomic inline node decoration (date, emoji, mention, status).
+ * The colour was carried by the per-scheme `-traditional` class rather than by an inline CSS
+ * variable on the same element.
+ */
+export var getAtomicInlineNodeClassNameLegacy = function getAtomicInlineNodeClassNameLegacy(inlineNodeName, colorScheme) {
+  var classNames = ['show-diff-atomic-inline-changed'];
+  if (inlineNodeName) {
+    classNames.push("show-diff-atomic-inline-changed-".concat(inlineNodeName));
+  }
+  if (colorScheme === 'traditional') {
+    classNames.push('show-diff-atomic-inline-changed-traditional');
+  }
+  return classNames.join(' ');
+};