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

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/editor-plugin-show-diff
 
+## 13.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.1.0
+
+### Minor Changes
+
+- [`ff63426bafe82`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ff63426bafe82) -
+  Migrate all show-diff decoration consumers off the traditional/standard colour scheme shims onto
+  the scheme registry and factory, replacing roughly 30 `colorScheme === 'traditional'` branches,
+  and add five structural fields to `DiffColorScheme` so both schemes keep rendering identically.
+
+  Behind the `platform_editor_show_diff_color_scheme_refactor` experiment, default off, read inline
+  at each call site with `isExperimentEnabled` from `@atlaskit/platform-feature-experiments`. Every
+  gated call site keeps its pre-refactor implementation in a `*.legacy.ts` sibling, and the
+  `standard.ts` / `traditional.ts` shims are retained, so the off cohort runs exactly the code it
+  ran before.
+
+  In editor-core, the atomic inline highlight for date, emoji, mention and status nodes gains a
+  `var(--show-diff-atomic-inline-changed-border-color, <token>)` fallback on the consuming
+  declarations. The existing two-scheme colour table is unchanged and still drives the off cohort;
+  it is removed in a follow-up once the experiment is cleaned up.
+
+  No visual change in either cohort.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.0.11
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -35,6 +35,9 @@
 		{
 			"path": "../../editor-tables/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-experiments/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -35,6 +35,9 @@
 		{
 			"path": "../../editor-tables/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-experiments/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../platform/feature-flags/afm-products/tsconfig.json"
 		},

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

@@ -7,9 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.buildAddedCellOverlayRoundedStyle = buildAddedCellOverlayRoundedStyle;
 exports.buildAddedCellOverlayStyle = buildAddedCellOverlayStyle;
 exports.buildAddedCellOverlayStyleNew = buildAddedCellOverlayStyleNew;
+exports.buildAtomicInlineChangedCSSVariables = buildAtomicInlineChangedCSSVariables;
 exports.buildDecorationMarkerVariable = buildDecorationMarkerVariable;
 exports.buildDecorationMarkerVariableActive = buildDecorationMarkerVariableActive;
 exports.buildDecorationMarkerVariableNew = buildDecorationMarkerVariableNew;
+exports.buildDeletedBlockNodeStyle = buildDeletedBlockNodeStyle;
 exports.buildDeletedBlockOutline = buildDeletedBlockOutline;
 exports.buildDeletedBlockOutlineActive = buildDeletedBlockOutlineActive;
 exports.buildDeletedBlockOutlineNew = buildDeletedBlockOutlineNew;
@@ -24,15 +26,22 @@ exports.buildDeletedDecorationMarkerVariable = buildDeletedDecorationMarkerVaria
 exports.buildDeletedDecorationMarkerVariableActive = buildDeletedDecorationMarkerVariableActive;
 exports.buildDeletedDecorationMarkerVariableNew = buildDeletedDecorationMarkerVariableNew;
 exports.buildDeletedDecorationMarkerVariableSimple = buildDeletedDecorationMarkerVariableSimple;
+exports.buildDeletedInlineContentStyle = buildDeletedInlineContentStyle;
 exports.buildDeletedInlineContentStyleExtended = buildDeletedInlineContentStyleExtended;
 exports.buildDeletedInlineStyle = buildDeletedInlineStyle;
 exports.buildDeletedInlineStyleStandard = buildDeletedInlineStyleStandard;
 exports.buildDeletedInlineStyleUnbounded = buildDeletedInlineStyleUnbounded;
+exports.buildDeletedLozengeActiveStyle = buildDeletedLozengeActiveStyle;
+exports.buildDeletedLozengeStyle = buildDeletedLozengeStyle;
+exports.buildDeletedNodeCSSVariables = buildDeletedNodeCSSVariables;
+exports.buildDeletedQuoteNodeWithLozengeStyle = buildDeletedQuoteNodeWithLozengeStyle;
 exports.buildDeletedRowStyle = buildDeletedRowStyle;
+exports.buildDeletedStrikethroughLine = buildDeletedStrikethroughLine;
 exports.buildDeletedStyleQuoteNode = buildDeletedStyleQuoteNode;
 exports.buildDeletedStyleQuoteNodeActive = buildDeletedStyleQuoteNodeActive;
 exports.buildDeletedStyleQuoteNodeWithLozenge = buildDeletedStyleQuoteNodeWithLozenge;
 exports.buildDeletedStyleQuoteNodeWithLozengeActive = buildDeletedStyleQuoteNodeWithLozengeActive;
+exports.buildDeletedWrappedBlockOutline = buildDeletedWrappedBlockOutline;
 exports.buildInsertStyle = buildInsertStyle;
 exports.buildInsertStyleActive = buildInsertStyleActive;
 exports.buildInsertStyleCardBlockNode = buildInsertStyleCardBlockNode;
@@ -54,6 +63,8 @@ exports.buildInsertStyleQuoteNodeNew = buildInsertStyleQuoteNodeNew;
 exports.buildInsertStyleRuleNode = buildInsertStyleRuleNode;
 exports.buildInsertStyleRuleNodeActive = buildInsertStyleRuleNodeActive;
 exports.buildInsertStyleRuleNodeNew = buildInsertStyleRuleNodeNew;
+exports.buildInsertedBlockNodeStyle = buildInsertedBlockNodeStyle;
+exports.buildInsertedInlineStyle = buildInsertedInlineStyle;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -132,16 +143,16 @@ function textAccent(color) {
   return textAccentMap[color];
 }
 
-/** Outline colour for deleted table-cell overlays. */
-function deletedCellOutline(colors) {
-  return colors.deletedCellBorderProminence === 'subtle' ? "var(--ds-border-disabled, #0515240F)" : borderAccent(colors.deletedCellColor);
-}
-
 /** Ring colour for an active (scroll-target) deleted block outline. */
 function deletedBlockOutlineActiveRing(colors) {
   return colors.deletedBlockOutlineActiveEmphasis === 'border' ? borderAccent(colors.deleteActiveColor) : bgSubtlerPressed(colors.deleteActiveColor);
 }
 
+/** Outline colour for deleted table-cell overlays. */
+function deletedCellOutline(colors) {
+  return colors.deletedCellBorderProminence === 'subtle' ? "var(--ds-border-disabled, #0515240F)" : borderAccent(colors.deletedCellColor);
+}
+
 // --- Inserted content styles ---
 
 /** Inline inserted content — default state. */
@@ -227,6 +238,7 @@ function buildInsertStyleActive(colors) {
 
 // --- Deleted inline content styles ---
 
+/** Base deleted-inline-style object, shared by several exports. */
 function deletedInlineStyleBase(colors) {
   return {
     textDecorationColor: borderAccent(colors.deleteColor),
@@ -235,6 +247,8 @@ function deletedInlineStyleBase(colors) {
     opacity: 1
   };
 }
+
+/** Active deleted-inline-style object, extending the base. */
 function deletedInlineStyleActiveBase(colors) {
   return _objectSpread(_objectSpread({}, deletedInlineStyleBase(colors)), {}, {
     textDecorationThickness: '2px',
@@ -311,8 +325,6 @@ function buildDeletedStyleQuoteNodeWithLozengeActive(colors) {
     borderRadius: "var(--ds-radius-small, 4px)"
   });
 }
-
-/** Deleted quote node — a 2px left border, or a 1px ring with padding, per `deletedQuoteNodeShape`. */
 function buildDeletedStyleQuoteNode(colors) {
   if (colors.deletedQuoteNodeShape === 'borderLeft') {
     return (0, _lazyNodeView.convertToInlineCss)({
@@ -393,18 +405,20 @@ function buildDeletedBlockOutlineRoundedNew(colors) {
 
 // --- Deleted table row style ---
 
-/** Table row style for deleted rows. See `deletedRowTreatment`. */
+/** Table row style for deleted rows. */
 function buildDeletedRowStyle(colors) {
-  var base = {
+  // Each branch emits exactly the CSS the pre-factory shim did for its scheme.
+  return colors.deletedRowTreatment === 'textTint' ? (0, _lazyNodeView.convertToInlineCss)({
+    color: textAccent(colors.deleteColor),
     textDecoration: 'line-through',
     opacity: 0.6,
     display: 'table-row'
-  };
-  return colors.deletedRowTreatment === 'textTint' ? (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({}, base), {}, {
-    color: textAccent(colors.deleteColor)
-  })) : (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({}, base), {}, {
-    textDecorationColor: borderAccent(colors.deleteColor)
-  }));
+  }) : (0, _lazyNodeView.convertToInlineCss)({
+    textDecorationColor: borderAccent(colors.deleteColor),
+    textDecoration: 'line-through',
+    opacity: 0.6,
+    display: 'table-row'
+  });
 }
 
 // --- Inserted block node styles — quote, rule, generic node, card ---
@@ -505,9 +519,11 @@ function buildInsertStyleCardBlockNodeActive(colors) {
   });
 }
 
-// --- CSS custom properties ---
-// Applied inline on the decoration wrapper; cascade down to child/pseudo-element selectors in the
-// global stylesheet.
+// ---------------------------------------------------------------------------
+// CSS custom property variables (for nodes styled via global stylesheet)
+// These are applied as inline styles on the decoration wrapper element and
+// cascade down to child/pseudo-element selectors in the global stylesheet.
+// ---------------------------------------------------------------------------
 
 /** CSS variables for an inserted node decoration marker — default state. */
 function buildDecorationMarkerVariable(colors) {
@@ -541,7 +557,7 @@ function buildDeletedDecorationMarkerVariable(colors) {
   }));
 }
 
-/** Opacity only, no position or strikethrough. Used by the standard scheme. */
+/** Opacity only, no position or strikethrough. Used by 'static' schemes. */
 function buildDeletedDecorationMarkerVariableSimple(colors) {
   return (0, _lazyNodeView.convertToInlineCss)({
     opacity: 0.8,
@@ -550,6 +566,10 @@ function buildDeletedDecorationMarkerVariableSimple(colors) {
   });
 }
 
+/**
+ * 'glyphTint' deleted inline style — tints the glyph itself via `color:`. Opacity ramps 0.6
+ * default, 0.83 "new", 1 active.
+ */
 /** Extended deleted inline style — background highlight + border-bottom underline (standard scheme). */
 function buildDeletedInlineContentStyleExtended(colors) {
   return (0, _lazyNodeView.convertToInlineCss)({
@@ -558,8 +578,6 @@ function buildDeletedInlineContentStyleExtended(colors) {
     padding: "1px 0 2px"
   });
 }
-
-/** Standard deleted inline style — colours the glyph itself, not just the strikethrough. */
 function buildDeletedInlineStyleStandard(colors, state) {
   if (state === 'active') {
     return (0, _lazyNodeView.convertToInlineCss)({
@@ -596,7 +614,7 @@ function buildDeletedDecorationMarkerVariableActive(colors) {
 
 // --- Table cell overlay styles ---
 
-/** Cell overlay for added table cells — default state. Stacking order varies by scheme. */
+/** Cell overlay for added table cells — default state (zIndex 1). */
 function buildAddedCellOverlayStyle(colors) {
   return (0, _lazyNodeView.convertToInlineCss)({
     position: 'absolute',
@@ -611,7 +629,7 @@ function buildAddedCellOverlayStyle(colors) {
   });
 }
 
-/** Added cell overlay — rounded variant. See `roundedAddedCellOverlayInheritsBorder`. */
+/** Cell overlay for added table cells — rounded variant (zIndex 2, inherits border/radius). */
 function buildAddedCellOverlayRoundedStyle(colors) {
   return (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({
     position: 'absolute',
@@ -675,4 +693,222 @@ function buildDeletedCellOverlayRoundedStyle(colors) {
     border: 'inherit',
     borderRadius: 'inherit'
   });
+}
+
+// ---------------------------------------------------------------------------
+// CSS custom property variables for deleted node global stylesheet
+//
+// These are set as inline styles on the deleted node wrapper element and cascade
+// down to child/pseudo-element selectors in the global smartCardStyles stylesheet.
+// The stylesheet reads var(--diff-delete-color) etc. — one set of selectors for
+// all schemes, written once, never needs to change when new schemes are added.
+// ---------------------------------------------------------------------------
+
+// --- Inline content style dispatch ---
+
+/**
+ * Inserted inline content under the extended diff experience. `insertedInlineTreatment` picks
+ * `text-decoration` vs a `border-bottom` rule; only the latter honours `hideAddedDiffsUnderline`.
+ */
+function buildInsertedInlineStyle(colors, isActive, hideAddedDiffsUnderline) {
+  if (colors.insertedInlineTreatment === 'underline') {
+    return isActive ? buildInsertStyleActive(colors) : buildInsertStyle(colors);
+  }
+  if (isActive) {
+    return hideAddedDiffsUnderline ? buildInsertStyleExtendedNoUnderlineActive(colors) : buildInsertStyleExtendedActive(colors);
+  }
+  return hideAddedDiffsUnderline ? buildInsertStyleExtendedNoUnderline(colors) : buildInsertStyleExtended(colors);
+}
+
+/** The three visual states deleted inline content can be in. */
+
+/**
+ * Deleted inline content in a given state. 'strikethrough' renders 'default' and 'new'
+ * identically; the 'new' step exists only for the 'glyphTint' opacity ramp.
+ */
+function buildDeletedInlineContentStyle(colors, state) {
+  return colors.deletedInlineTreatment === 'strikethrough' ? buildDeletedInlineStyle(colors, state === 'active') : buildDeletedInlineStyleStandard(colors, state);
+}
+
+/**
+ * The positioned line across deleted content spanning an unbounded range. 'stateful' thickens
+ * 1px to 2px when active and tints with the border accent; 'static' uses the text accent always.
+ */
+function buildDeletedStrikethroughLine(colors, isActive) {
+  if (colors.deletedNodeEmphasis !== 'stateful') {
+    return buildDeletedInlineStyleUnbounded(colors);
+  }
+  return isActive ? buildDeletedContentStyleUnboundedActive(colors) : buildDeletedContentStyleUnbounded(colors);
+}
+
+// --- Deleted-content "REMOVED" lozenge ---
+
+/** Structural CSS shared by both lozenge states — everything except the background tint. */
+var deletedLozengeBase = {
+  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)",
+  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)"
+};
+
+/**
+ * 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.
+ */
+function buildDeletedLozengeStyle() {
+  return (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({}, deletedLozengeBase), {}, {
+    backgroundColor: "var(--ds-background-accent-gray-subtler, #DDDEE1)"
+  }));
+}
+
+/** The "REMOVED" lozenge — active state, tinted with the scheme's deleteActiveColor. */
+function buildDeletedLozengeActiveStyle(colors) {
+  return (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({}, deletedLozengeBase), {}, {
+    backgroundColor: bgSubtlerPressed(colors.deleteActiveColor)
+  }));
+}
+
+// ---------------------------------------------------------------------------
+// Block node style dispatch
+//
+// A block node's decoration shape is a property of the *node type* — every scheme draws a
+// blockquote with a left border and a horizontal rule as a filled bar. What varies per scheme
+// is the emphasis and, for deleted content, which of the treatments below is used. Keeping that
+// table here rather than in the decoration consumers means adding a scheme stays a change to
+// `schemes.ts` alone.
+// ---------------------------------------------------------------------------
+
+/** The decoration shape an inserted block node takes. Determined by node type, not by scheme. */
+
+/**
+ * Outline for an inserted block node. `insertedNodeEmphasis`: 'stateful' draws a 4px ring
+ * (`subtlest` at rest, `subtler.pressed` when focused), 'static' one 1px accent ring.
+ */
+function buildInsertedBlockNodeStyle(colors, shape, isActive) {
+  var isStateful = colors.insertedNodeEmphasis === 'stateful';
+  switch (shape) {
+    case 'quote':
+      if (!isStateful) {
+        return buildInsertStyleQuoteNode(colors);
+      }
+      return isActive ? buildInsertStyleQuoteNodeActive(colors) : buildInsertStyleQuoteNodeNew(colors);
+    case 'rule':
+      if (!isStateful) {
+        return buildInsertStyleRuleNode(colors);
+      }
+      return isActive ? buildInsertStyleRuleNodeActive(colors) : buildInsertStyleRuleNodeNew(colors);
+    case 'cardBlock':
+      if (!isStateful) {
+        return buildInsertStyleCardBlockNode(colors);
+      }
+      return isActive ? buildInsertStyleCardBlockNodeActive(colors) : buildInsertStyleCardBlockNodeNew(colors);
+    case 'marker':
+      if (!isStateful) {
+        return buildDecorationMarkerVariable(colors);
+      }
+      return isActive ? buildDecorationMarkerVariableActive(colors) : buildDecorationMarkerVariableNew(colors);
+    case 'node':
+    default:
+      if (!isStateful) {
+        return buildInsertStyleNode(colors);
+      }
+      return isActive ? buildInsertStyleNodeActive(colors) : buildInsertStyleNodeNew(colors);
+  }
+}
+
+/**
+ * The category a deleted block node falls into — by node type, not by scheme.
+ *
+ * 'container' — media, panel: content is a child element, so the node is only dimmed.
+ * 'listItem'  — listItem: reads the marker variables via editor-core's list styles.
+ * 'marker'    — extension, embedCard: same, via extension and smart-card styles.
+ * 'quote'     — blockquote.
+ * 'generic'   — rule, blockCard, everything else.
+ */
+
+/**
+ * Outline for a deleted block node, driven by `deletedInlineTreatment` (strike vs tint) and
+ * `deletedNodeEmphasis` (whether the outline tracks scroll state and emits marker variables).
+ */
+function buildDeletedBlockNodeStyle(colors, category, isActive) {
+  var isStrikethrough = colors.deletedInlineTreatment === 'strikethrough';
+  var statefulMarker = function statefulMarker() {
+    return isActive ? buildDeletedDecorationMarkerVariableActive(colors) : buildDeletedDecorationMarkerVariableNew(colors);
+  };
+  switch (category) {
+    case 'quote':
+      // Both emphases share one builder here — `deletedQuoteNodeShape` already carries the
+      // only variance (a ring versus a left border).
+      return buildDeletedStyleQuoteNode(colors);
+    case 'container':
+      return isStrikethrough ? buildDeletedInlineStyle(colors, false) : buildDeletedDecorationMarkerVariableSimple(colors);
+    case 'listItem':
+      return colors.deletedNodeEmphasis === 'stateful' ? statefulMarker() : buildDeletedDecorationMarkerVariableSimple(colors);
+    case 'marker':
+      return colors.deletedNodeEmphasis === 'stateful' ? statefulMarker() : buildDeletedInlineStyleStandard(colors, 'new');
+    case 'generic':
+    default:
+      return isStrikethrough ? buildDeletedInlineStyle(colors, false) : buildDeletedInlineStyleStandard(colors, 'new');
+  }
+}
+
+/**
+ * Deleted blockquote inside a lozenge wrapper (the nodeview path). Always a ring, since the
+ * lozenge needs an enclosed shape, so `deletedQuoteNodeShape` does not apply — only
+ * `deletedQuoteNodeActiveTone`, which picks the active ring's tone.
+ */
+function buildDeletedQuoteNodeWithLozengeStyle(colors, isActive) {
+  if (!isActive) {
+    return buildDeletedStyleQuoteNodeWithLozenge(colors);
+  }
+  return colors.deletedQuoteNodeActiveTone === 'backgroundPressed' ? buildDeletedStyleQuoteNodeActive(colors) : buildDeletedStyleQuoteNodeWithLozengeActive(colors);
+}
+
+/**
+ * Outline for a deleted block node via the nodeview wrapper (expand, decisionList, panel,
+ * codeBlock). Every scheme shares the active state; `deletedNodeEmphasis` changes only the
+ * resting one — 'stateful' a 4px subtlest ring, 'static' a 1px accent ring.
+ */
+function buildDeletedWrappedBlockOutline(colors, _ref) {
+  var isActive = _ref.isActive,
+    isRounded = _ref.isRounded;
+  if (isActive) {
+    return isRounded ? buildDeletedBlockOutlineRoundedActive(colors) : buildDeletedBlockOutlineActive(colors);
+  }
+  if (colors.deletedNodeEmphasis === 'stateful') {
+    return isRounded ? buildDeletedBlockOutlineRoundedNew(colors) : buildDeletedBlockOutlineNew(colors);
+  }
+  return isRounded ? buildDeletedBlockOutlineRounded(colors) : buildDeletedBlockOutline(colors);
+}
+
+/**
+ * Accent colour for atomic inline changed nodes (date, emoji, mention, status). Set inline on the
+ * decoration span and read by the `.show-diff-atomic-inline-changed-*` selectors in
+ * EditorContentContainer, on the decorated element or a descendant, so it must inherit. Being
+ * inline it beats the stylesheet's fallback, making the plugin the only source of the colour.
+ */
+function buildAtomicInlineChangedCSSVariables(colors) {
+  return (0, _lazyNodeView.convertToInlineCss)({
+    '--show-diff-atomic-inline-changed-border-color': borderAccent(colors.insertColor)
+  });
+}
+
+/** Deleted node wrapper variables, all three states. Read by the smartCardStyles selectors. */
+function buildDeletedNodeCSSVariables(colors) {
+  return (0, _lazyNodeView.convertToInlineCss)({
+    '--diff-delete-color': borderAccent(colors.deleteColor),
+    '--diff-delete-color-default': borderAccent(colors.deleteActiveColor),
+    '--diff-delete-color-new': bgSubtlest(colors.deleteColor),
+    '--diff-delete-color-active': bgSubtlerPressed(colors.deleteActiveColor),
+    '--diff-delete-text-decoration-color': borderAccent(colors.deleteColor)
+  });
 }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.traditionalScheme = exports.standardScheme = void 0;
+exports.traditionalScheme = exports.standardScheme = exports.colorSchemeRegistry = void 0;
 /** Green insertions, red deletions. */
 var traditionalScheme = exports.traditionalScheme = {
   insertColor: 'green',
@@ -12,13 +12,18 @@ var traditionalScheme = exports.traditionalScheme = {
   deleteColor: 'red',
   deleteActiveColor: 'red',
   deletedCellColor: 'gray',
+  deletedRowTreatment: 'strikeColor',
   insertedCellOpacity: 0.5,
   deletedQuoteNodeShape: 'ring',
   deletedCellBorderProminence: 'subtle',
-  deletedRowTreatment: 'strikeColor',
   deletedBlockOutlineActiveEmphasis: 'background',
   addedCellOverlayZIndex: 1,
-  roundedAddedCellOverlayInheritsBorder: true
+  roundedAddedCellOverlayInheritsBorder: true,
+  insertedInlineTreatment: 'underline',
+  deletedInlineTreatment: 'strikethrough',
+  insertedNodeEmphasis: 'stateful',
+  deletedNodeEmphasis: 'stateful',
+  deletedQuoteNodeActiveTone: 'backgroundPressed'
 };
 
 /** Purple insertions, gray deletions (red on active). */
@@ -29,11 +34,22 @@ var standardScheme = exports.standardScheme = {
   deleteColor: 'gray',
   deleteActiveColor: 'red',
   deletedCellColor: 'gray',
+  deletedRowTreatment: 'textTint',
   insertedCellOpacity: 0.2,
   deletedQuoteNodeShape: 'borderLeft',
   deletedCellBorderProminence: 'accent',
-  deletedRowTreatment: 'textTint',
   deletedBlockOutlineActiveEmphasis: 'border',
   addedCellOverlayZIndex: 2,
-  roundedAddedCellOverlayInheritsBorder: false
+  roundedAddedCellOverlayInheritsBorder: false,
+  insertedInlineTreatment: 'borderBottom',
+  deletedInlineTreatment: 'glyphTint',
+  insertedNodeEmphasis: 'static',
+  deletedNodeEmphasis: 'static',
+  deletedQuoteNodeActiveTone: 'borderAccent'
+};
+
+/** Maps the public ColorScheme string to its data object. Adding a scheme = one entry here. */
+var colorSchemeRegistry = exports.colorSchemeRegistry = {
+  traditional: traditionalScheme,
+  standard: standardScheme
 };