@atlaskit/editor-plugin-show-diff 24.1.3 → 24.1.6

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.wrapBlockNodeView = exports.injectInnerWrapper = exports.createRemovedLozenge = exports.createContentWrapper = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-var _messages = require("@atlaskit/editor-common/messages");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
+var _trackChanges = require("@atlaskit/editor-common/messages/track-changes");
 var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
@@ -145,7 +145,7 @@ var createRemovedLozenge = exports.createRemovedLozenge = function createRemoved
   var colorScheme = arguments.length > 2 ? arguments[2] : undefined;
   var inCell = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var container = document.createElement('span');
-  var containerStyle = (0, _lazyNodeView.convertToInlineCss)({
+  var containerStyle = (0, _cssHelper.convertToInlineCss)({
     position: 'absolute',
     top: "var(--ds-space-075, 6px)",
     right: "var(--ds-space-075, 6px)",
@@ -162,7 +162,7 @@ var createRemovedLozenge = exports.createRemovedLozenge = function createRemoved
   // A column label sits over an already-grey deleted cell, so use the red Removed treatment.
   var lozengeInnerStyle = (0, _wrapBlockNodeViewStyles.resolveRemovedLozengeStyle)(colorScheme, inCell || isActive);
   lozengeElement.setAttribute('style', lozengeInnerStyle);
-  lozengeElement.textContent = intl.formatMessage(_messages.trackChangesMessages.removed).toUpperCase();
+  lozengeElement.textContent = intl.formatMessage(_trackChanges.trackChangesMessages.removed).toUpperCase();
   if (inCell) {
     lozengeElement.setAttribute('style', "".concat(lozengeInnerStyle, ";").concat(containerStyle));
     lozengeElement.setAttribute('data-testid', 'show-diff-removed-lozenge');
@@ -180,7 +180,7 @@ var createRemovedLozenge = exports.createRemovedLozenge = function createRemoved
  */
 var createBlockNodeWrapper = function createBlockNodeWrapper() {
   var wrapper = document.createElement('div');
-  var baseStyle = (0, _lazyNodeView.convertToInlineCss)({
+  var baseStyle = (0, _cssHelper.convertToInlineCss)({
     position: 'relative',
     display: 'block',
     opacity: 1
@@ -275,7 +275,7 @@ var applyInlineLeafNodeStyles = function applyInlineLeafNodeStyles(_ref7) {
  * font metrics, not from an inline-level child. `flow-root` keeps the formatting context but is
  * block-level — unlike `block`, which lets the child paragraph's top margin collapse out.
  */
-var quoteBlockLevelStyle = (0, _lazyNodeView.convertToInlineCss)({
+var quoteBlockLevelStyle = (0, _cssHelper.convertToInlineCss)({
   display: 'flow-root'
 });
 var applyTextLikeBlockNodeStyles = function applyTextLikeBlockNodeStyles(_ref8) {
@@ -359,7 +359,7 @@ var createBlockNodeContentWrapper = function createBlockNodeContentWrapper(_ref9
     var _nodeView$querySelect;
     // Give an empty deleted column height so its diff box doesn't collapse
     var placeholderTarget = (_nodeView$querySelect = nodeView.querySelector('[data-layout-content]')) !== null && _nodeView$querySelect !== void 0 ? _nodeView$querySelect : nodeView;
-    appendStyleToElement(placeholderTarget, (0, _lazyNodeView.convertToInlineCss)({
+    appendStyleToElement(placeholderTarget, (0, _cssHelper.convertToInlineCss)({
       minHeight: "var(--ds-space-300, 24px)"
     }));
   }
@@ -444,7 +444,7 @@ var handleMediaSingleWithLozenge = function handleMediaSingleWithLozenge(_ref1)
 
   // Add relative positioning to media node to anchor lozenge
   var currentStyle = mediaNode.getAttribute('style') || '';
-  var relativePositionStyle = (0, _lazyNodeView.convertToInlineCss)({
+  var relativePositionStyle = (0, _cssHelper.convertToInlineCss)({
     position: 'relative'
   });
   mediaNode.setAttribute('style', "".concat(currentStyle).concat(relativePositionStyle));
@@ -508,7 +508,7 @@ var wrapBlockNode = function wrapBlockNode(_ref10) {
     // right edge — host it on the breakout element, which must establish a containing block.
     var breakoutHost = (0, _fg.fg)('platform_editor_ai_show_diff_patch_2') ? findBreakoutElement(targetNode, nodeView) : null;
     if (breakoutHost) {
-      appendStyleToElement(breakoutHost, (0, _lazyNodeView.convertToInlineCss)({
+      appendStyleToElement(breakoutHost, (0, _cssHelper.convertToInlineCss)({
         position: 'relative'
       }));
       breakoutHost.append(lozenge);
@@ -648,7 +648,7 @@ var createContentWrapper = exports.createContentWrapper = function createContent
   var isInserted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var reveal = arguments.length > 3 ? arguments[3] : undefined;
   var wrapper = document.createElement('span');
-  var baseStyle = (0, _lazyNodeView.convertToInlineCss)({
+  var baseStyle = (0, _cssHelper.convertToInlineCss)({
     position: 'relative',
     width: 'fit-content'
   });

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.resolveRemovedLozengeStyleLegacy = exports.resolveNestedInsertedNodeStyleLegacy = exports.resolveCellOverlayStyleLegacy = exports.hasRestingDeletedRingLegacy = exports.getInsertedContentStyleLegacy = exports.getDeletedContentStyleUnboundedLegacy = exports.getDeletedContentStyleLegacy = exports.getChangedNodeStyleLegacy = exports.getChangedContentStyleLegacy = void 0;
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _standard = require("../colorSchemes/standard");
 var _traditional = require("../colorSchemes/traditional");
@@ -19,7 +19,7 @@ var _traditional = require("../colorSchemes/traditional");
  * `colorSchemes/standard.ts`, `colorSchemes/traditional.ts` (EDITOR-8281).
  */
 
-var lozengeStyle = (0, _lazyNodeView.convertToInlineCss)({
+var lozengeStyle = (0, _cssHelper.convertToInlineCss)({
   display: 'inline-flex',
   boxSizing: 'border-box',
   position: 'static',
@@ -35,7 +35,7 @@ var lozengeStyle = (0, _lazyNodeView.convertToInlineCss)({
   whiteSpace: 'nowrap',
   color: "var(--ds-text-warning-inverse, #292A2E)"
 });
-var lozengeStyleActiveStandard = (0, _lazyNodeView.convertToInlineCss)({
+var lozengeStyleActiveStandard = (0, _cssHelper.convertToInlineCss)({
   display: 'inline-flex',
   boxSizing: 'border-box',
   position: 'static',
@@ -51,7 +51,7 @@ var lozengeStyleActiveStandard = (0, _lazyNodeView.convertToInlineCss)({
   whiteSpace: 'nowrap',
   color: "var(--ds-text-warning-inverse, #292A2E)"
 });
-var lozengeStyleActiveTraditional = (0, _lazyNodeView.convertToInlineCss)({
+var lozengeStyleActiveTraditional = (0, _cssHelper.convertToInlineCss)({
   display: 'inline-flex',
   boxSizing: 'border-box',
   position: 'static',

package/dist/cjs/pm-plugins/scrollToDiff.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.scrollToDecoration = void 0;
-var _styles = require("@atlaskit/editor-common/styles");
+var _table = require("@atlaskit/editor-common/styles/table");
 var _getStickyHeaderHeight = require("@atlaskit/editor-common/table/get-sticky-header-height");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _decorationKeys = require("./decorations/decorationKeys");
@@ -22,7 +22,7 @@ function updateScrollTargetMargin(view, targetPos, api) {
   var _api$limitedMode;
   var isLimitedModeEnabled = Boolean(api === null || api === void 0 || (_api$limitedMode = api.limitedMode) === null || _api$limitedMode === void 0 || (_api$limitedMode = _api$limitedMode.sharedState.currentState()) === null || _api$limitedMode === void 0 ? void 0 : _api$limitedMode.enabled);
   var tableHeaderHeight = isLimitedModeEnabled ? undefined : (0, _getStickyHeaderHeight.getStickyHeaderHeight)(view, targetPos);
-  view.dom.style.setProperty(_decorationKeys.SCROLL_TARGET_MARGIN_CSS_PROPERTY, "".concat(tableHeaderHeight ? tableHeaderHeight + _styles.tableMarginTop : 0, "px"));
+  view.dom.style.setProperty(_decorationKeys.SCROLL_TARGET_MARGIN_CSS_PROPERTY, "".concat(tableHeaderHeight ? tableHeaderHeight + _table.tableMarginTop : 0, "px"));
 }
 
 /**

package/dist/cjs/ui/ContributorTag/buildContributorTagDom.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.buildContributorTagDom = exports.TAG_EXIT_FALLBACK_MS = exports.MAX_TAG_WIDTH = exports.CONTRIBUTOR_TAG_Z_INDEX = exports.CONTRIBUTOR_TAG_TOOLTIP_STYLES = exports.CONTRIBUTOR_TAG_TESTID = exports.CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE = exports.CONTRIBUTOR_TAG_NAME_TESTID = exports.CONTRIBUTOR_TAG_CLASS = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
 var _constants = require("@atlaskit/editor-shared-styles/constants");
 var CONTRIBUTOR_TAG_TESTID = exports.CONTRIBUTOR_TAG_TESTID = 'diff-contributor-tag';
 var CONTRIBUTOR_TAG_NAME_TESTID = exports.CONTRIBUTOR_TAG_NAME_TESTID = 'diff-contributor-tag-name';
@@ -77,7 +77,7 @@ var CONTRIBUTOR_TAG_TOOLTIP_STYLES = exports.CONTRIBUTOR_TAG_TOOLTIP_STYLES = {
 // Positioned against the host widget its decoration renders on the change's first character:
 // `bottom: 100%` lifts the tag onto the line above, `inset-inline-start` starts it on that
 // character.
-var constraintStyle = (0, _lazyNodeView.convertToInlineCss)({
+var constraintStyle = (0, _cssHelper.convertToInlineCss)({
   // `flex`, not `block`: a block box lays the tag on a line box whose strut is the *paragraph's*
   // line-height (~24px) against the tag's ~20px, so `bottom: 100%` pins that leftover strut to the
   // change and the tag floats above it. A flex container has no line box.
@@ -107,7 +107,7 @@ var constraintStyle = (0, _lazyNodeView.convertToInlineCss)({
 // `backgroundColor` comes from the model, and is set by the controller. `opacity`, `pointer-events`
 // and the transition between their two states are in `contributorTagStyles` — see
 // `CONTRIBUTOR_TAG_CLASS`.
-var tagStyle = (0, _lazyNodeView.convertToInlineCss)({
+var tagStyle = (0, _cssHelper.convertToInlineCss)({
   display: 'inline-flex',
   alignItems: 'center',
   gap: "var(--ds-space-025, 2px)",
@@ -132,12 +132,12 @@ var tagStyle = (0, _lazyNodeView.convertToInlineCss)({
   whiteSpace: 'nowrap',
   boxSizing: 'border-box'
 });
-var avatarsStyle = (0, _lazyNodeView.convertToInlineCss)({
+var avatarsStyle = (0, _cssHelper.convertToInlineCss)({
   display: 'inline-flex',
   alignItems: 'center',
   flexShrink: 0
 });
-var nameStyle = (0, _lazyNodeView.convertToInlineCss)({
+var nameStyle = (0, _cssHelper.convertToInlineCss)({
   display: 'block',
   minWidth: 0,
   overflow: 'hidden',
@@ -146,7 +146,7 @@ var nameStyle = (0, _lazyNodeView.convertToInlineCss)({
 });
 
 /** `@atlaskit/visually-hidden`, inlined. */
-var srLabelStyle = (0, _lazyNodeView.convertToInlineCss)({
+var srLabelStyle = (0, _cssHelper.convertToInlineCss)({
   width: '1px',
   height: '1px',
   padding: 0,

package/dist/cjs/ui/ContributorTag/contributorAvatarRenderer.js

@@ -7,7 +7,7 @@ exports.contributorAvatarRenderer = void 0;
 var _bindEventListener = require("bind-event-listener");
 var _avatarSizes = require("@atlaskit/avatar/avatar-sizes");
 var _default = require("@atlaskit/avatar/constants/default");
-var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _cssHelper = require("@atlaskit/editor-common/css-helper");
 var _contributorTagIcons = require("./contributorTagIcons");
 /**
  * Agent kinds with a custom contributor-tag icon, used as a fallback glyph when no `avatarUrl` is
@@ -37,7 +37,7 @@ var AVATAR_BOX_SIZE = AVATAR_SIZE + AVATAR_RING_WIDTH * 2;
 
 /** Reused from `@atlaskit/avatar`'s `avatar-content`, so the two shapes cannot drift. */
 var HEXAGON_CLIP_PATH = 'polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%)';
-var boxStyle = (0, _lazyNodeView.convertToInlineCss)({
+var boxStyle = (0, _cssHelper.convertToInlineCss)({
   display: 'inline-flex',
   alignItems: 'center',
   justifyContent: 'center',
@@ -48,7 +48,7 @@ var boxStyle = (0, _lazyNodeView.convertToInlineCss)({
 });
 
 /** Agents get a drop shadow instead of a ring, so their box skips the ring's padding. */
-var agentBoxStyle = (0, _lazyNodeView.convertToInlineCss)({
+var agentBoxStyle = (0, _cssHelper.convertToInlineCss)({
   display: 'inline-flex',
   alignItems: 'center',
   justifyContent: 'center',
@@ -57,7 +57,7 @@ var agentBoxStyle = (0, _lazyNodeView.convertToInlineCss)({
   width: "".concat(AVATAR_SIZE, "px"),
   height: "".concat(AVATAR_SIZE, "px")
 });
-var shapeStyle = (0, _lazyNodeView.convertToInlineCss)({
+var shapeStyle = (0, _cssHelper.convertToInlineCss)({
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
@@ -75,11 +75,11 @@ var shapeStyle = (0, _lazyNodeView.convertToInlineCss)({
  * opacity). Light keeps the token as is.
  */
 var agentShadowColor = "light-dark(".concat("var(--ds-shadow-overflow-perimeter, #1E1F211f)", ", color-mix(in srgb, ", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 12%, transparent))");
-var agentShadowStyle = (0, _lazyNodeView.convertToInlineCss)({
+var agentShadowStyle = (0, _cssHelper.convertToInlineCss)({
   // No clip-path on `element`, so the blur isn't cut off.
   filter: "drop-shadow(0 5px 5px ".concat(agentShadowColor, ") drop-shadow(0 1px 2px ").concat(agentShadowColor, ") drop-shadow(0 0 2px ").concat(agentShadowColor, ")")
 });
-var imageStyle = (0, _lazyNodeView.convertToInlineCss)({
+var imageStyle = (0, _cssHelper.convertToInlineCss)({
   display: 'block',
   width: '100%',
   height: '100%',
@@ -87,7 +87,7 @@ var imageStyle = (0, _lazyNodeView.convertToInlineCss)({
 });
 
 /** The `@atlaskit/avatar` image fallback: a subtle glyph on a tinted box. */
-var personFallbackStyle = (0, _lazyNodeView.convertToInlineCss)({
+var personFallbackStyle = (0, _cssHelper.convertToInlineCss)({
   width: '100%',
   height: '100%',
   display: 'flex',

package/dist/cjs/ui/IndicatorBar/IndicatorBarContentComponent.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.IndicatorBarContentComponent = void 0;
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _decorationKeys = require("../../pm-plugins/decorations/decorationKeys");
 var _IndicatorBar = require("./IndicatorBar");
 var renderIndicatorBar = function renderIndicatorBar(descriptor) {
@@ -91,7 +91,7 @@ var renderIndicatorBar = function renderIndicatorBar(descriptor) {
 
 var IndicatorBarContentComponent = exports.IndicatorBarContentComponent = function IndicatorBarContentComponent(_ref) {
   var api = _ref.api;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['showDiff'], function (state) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['showDiff'], function (state) {
       var _state$showDiffState, _state$showDiffState2, _state$showDiffState3;
       return {
         showIndicators: (_state$showDiffState = state.showDiffState) === null || _state$showDiffState === void 0 ? void 0 : _state$showDiffState.showIndicators,

package/dist/es2019/pm-plugins/NodeViewSerializer.js

@@ -38,14 +38,6 @@ export function isEditorViewWithNodeViews(view) {
 /** Expand-family nodes whose expanded state lives in a node-keyed WeakMap. */
 const EXPAND_TYPES = new Set(['expand', 'nestedExpand']);
 
-/** Merges an inline style string onto an element's existing `style` attribute. */
-const appendInlineStyle = (element, style) => {
-  var _element$getAttribute;
-  const currentStyle = (_element$getAttribute = element.getAttribute('style')) !== null && _element$getAttribute !== void 0 ? _element$getAttribute : '';
-  const separator = currentStyle && style && !currentStyle.trimEnd().endsWith(';') ? '; ' : '';
-  element.setAttribute('style', `${currentStyle}${separator}${style}`);
-};
-
 /** Tables are the only node views that read and write positions, so only they need a preview. */
 const containsTable = node => {
   const {
@@ -99,21 +91,21 @@ export class NodeViewSerializer {
     // views resolve to their real depth instead of every one of them seeing depth 0.
     let childPos = basePos + 1;
     children.forEach(child => {
-      const childNode = this.tryCreateNodeViewInner(child, childPos, editorProxy, isInserted, colorScheme) || this.serializeNode(child);
+      let childNode = this.tryCreateNodeViewInner(child, childPos, editorProxy, isInserted, colorScheme) || this.serializeNode(child);
       if (childNode) {
         // Give inserted atomic children the same box-shadow
         // highlight an in-place attribute change already gets (`getAtomicInlineChangedAttrs`).
         if (isInserted && isExperimentEnabled('platform_editor_show_diff_deleted_nodeview_content') && isInlineAttrChangeNodeName(child.type.name) && childNode instanceof HTMLElement) {
-          var _childNode$getAttribu;
           const {
             className,
             styleSuffix
           } = getAtomicInlineChangedAttrs(child.type.name, colorScheme);
-          const existingClassName = (_childNode$getAttribu = childNode.getAttribute('class')) !== null && _childNode$getAttribu !== void 0 ? _childNode$getAttribu : '';
-          childNode.setAttribute('class', existingClassName ? `${existingClassName} ${className}` : className);
-          if (styleSuffix) {
-            appendInlineStyle(childNode, styleSuffix);
-          }
+          // create wrapper to add the diff styles to to avoid conflicting with any nodeView styles
+          const wrapper = document.createElement('span');
+          wrapper.className = className;
+          wrapper.setAttribute('style', styleSuffix);
+          wrapper.append(childNode);
+          childNode = wrapper;
         }
         contentDOM === null || contentDOM === void 0 ? void 0 : contentDOM.append(childNode);
       }

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

@@ -1,5 +1,5 @@
 import { agentBrandColorSchemes } from '@atlaskit/agent-color/agent-brand-color-schemes';
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getStandardDeletedTextDecorationStyle } from './getStandardDeletedTextDecorationStyle';
 /**

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

@@ -1,4 +1,4 @@
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { getStandardDeletedTextDecorationStyle } from './getStandardDeletedTextDecorationStyle';
 export const editingStyleExtended = convertToInlineCss({
   background: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",

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

@@ -1,4 +1,4 @@
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 export const traditionalInsertStyle = convertToInlineCss({
   background: "var(--ds-background-accent-green-subtlest, #DCFFF1)",
   textDecoration: 'underline',

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

@@ -1,4 +1,4 @@
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -223,9 +223,14 @@ export const createBlockChangedDecoration = ({
     isInserted,
     isActive
   });
-  const style = tagAnchorName ? [nodeStyle, convertToInlineCss({
+  const styleOld = tagAnchorName ? [nodeStyle, convertToInlineCss({
     anchorName: `--${tagAnchorName}`
   }), fg('platform_editor_ai_show_diff_patch_1') ? scrollMarginTopStyle : undefined].filter(Boolean).join(' ') : nodeStyle;
+  const style = fg('platform_editor_ai_show_diff_patch_2') ? [nodeStyle, tagAnchorName ? convertToInlineCss({
+    anchorName: `--${tagAnchorName}`
+  }) : undefined,
+  // only add margin top if the node actually should be styled to avoid incorrect diff decoration specs being built
+  nodeStyle ? scrollMarginTopStyle : undefined].filter(Boolean).join(' ') : styleOld;
   const className = getNodeClass(change.name);
   if (style || className) {
     decorations.push(Decoration.node(change.from, change.to, {

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

@@ -8,7 +8,7 @@
  * equivalent longhand; with that gate off, their CSS remains unchanged. 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 { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { standardDecorationMarkerVariable, deletedDecorationMarkerVariable, editingStyleQuoteNode, editingStyleRuleNode, editingStyleCardBlockNode, editingStyleNode, getStandardDeletedContentStyleNew, 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';
 

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

@@ -1,4 +1,4 @@
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

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

@@ -1,5 +1,5 @@
 import { agentBrandColorSchemes } from '@atlaskit/agent-color/agent-brand-color-schemes';
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { buildDeletedInlineStyleStandard, getDeletedInlineRevealColors, getInsertedInlineRevealColors } from './colorSchemes/factory';
 import { colorSchemeRegistry } from './colorSchemes/schemes';

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

@@ -1,5 +1,5 @@
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
-import { trackChangesMessages } from '@atlaskit/editor-common/messages';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
+import { trackChangesMessages } from '@atlaskit/editor-common/messages/track-changes';
 import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

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

@@ -8,7 +8,7 @@
  * remains unchanged. 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 { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyleUnbounded, deletedInlineContentStyleExtended, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlockExtended, editingContentStyleInBlockExtendedNoUnderline, editingStyleExtended, editingStyleExtendedNoUnderline, editingStyleActiveExtended, editingStyleActiveExtendedNoUnderline, editingStyleNode, getStandardDeletedContentStyleActive, getStandardDeletedContentStyleNew, 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';

package/dist/es2019/pm-plugins/scrollToDiff.js

@@ -1,4 +1,4 @@
-import { tableMarginTop } from '@atlaskit/editor-common/styles';
+import { tableMarginTop } from '@atlaskit/editor-common/styles/table';
 import { getStickyHeaderHeight } from '@atlaskit/editor-common/table/get-sticky-header-height';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { isDiffDecoration, SCROLL_TARGET_MARGIN_CSS_PROPERTY } from './decorations/decorationKeys';

package/dist/es2019/ui/ContributorTag/buildContributorTagDom.js

@@ -1,4 +1,4 @@
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles/constants';
 export const CONTRIBUTOR_TAG_TESTID = 'diff-contributor-tag';
 export const CONTRIBUTOR_TAG_NAME_TESTID = 'diff-contributor-tag-name';

package/dist/es2019/ui/ContributorTag/contributorAvatarRenderer.js

@@ -1,7 +1,7 @@
 import { bind } from 'bind-event-listener';
 import { AVATAR_SIZES } from '@atlaskit/avatar/avatar-sizes';
 import { BORDER_WIDTH } from '@atlaskit/avatar/constants/default';
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { getContributorTagIcon } from './contributorTagIcons';
 
 /**

package/dist/es2019/ui/IndicatorBar/IndicatorBarContentComponent.js

@@ -1,7 +1,7 @@
 /* IndicatorBarContentComponent.tsx generated by @compiled/babel-plugin v3.0.2 */
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { buildAnchorDecorationKey, AnchorTypeKey } from '../../pm-plugins/decorations/decorationKeys';
 import { IndicatorBar } from './IndicatorBar';
 const renderIndicatorBar = descriptor => {

package/dist/esm/pm-plugins/NodeViewSerializer.js

@@ -40,14 +40,6 @@ export function isEditorViewWithNodeViews(view) {
 /** Expand-family nodes whose expanded state lives in a node-keyed WeakMap. */
 var EXPAND_TYPES = new Set(['expand', 'nestedExpand']);
 
-/** Merges an inline style string onto an element's existing `style` attribute. */
-var appendInlineStyle = function appendInlineStyle(element, style) {
-  var _element$getAttribute;
-  var currentStyle = (_element$getAttribute = element.getAttribute('style')) !== null && _element$getAttribute !== void 0 ? _element$getAttribute : '';
-  var separator = currentStyle && style && !currentStyle.trimEnd().endsWith(';') ? '; ' : '';
-  element.setAttribute('style', "".concat(currentStyle).concat(separator).concat(style));
-};
-
 /** Tables are the only node views that read and write positions, so only they need a preview. */
 var containsTable = function containsTable(node) {
   var table = node.type.schema.nodes.table;
@@ -114,15 +106,15 @@ export var NodeViewSerializer = /*#__PURE__*/function () {
           // Give inserted atomic children the same box-shadow
           // highlight an in-place attribute change already gets (`getAtomicInlineChangedAttrs`).
           if (isInserted && isExperimentEnabled('platform_editor_show_diff_deleted_nodeview_content') && isInlineAttrChangeNodeName(child.type.name) && childNode instanceof HTMLElement) {
-            var _childNode$getAttribu;
             var _getAtomicInlineChang = getAtomicInlineChangedAttrs(child.type.name, colorScheme),
               className = _getAtomicInlineChang.className,
               styleSuffix = _getAtomicInlineChang.styleSuffix;
-            var existingClassName = (_childNode$getAttribu = childNode.getAttribute('class')) !== null && _childNode$getAttribu !== void 0 ? _childNode$getAttribu : '';
-            childNode.setAttribute('class', existingClassName ? "".concat(existingClassName, " ").concat(className) : className);
-            if (styleSuffix) {
-              appendInlineStyle(childNode, styleSuffix);
-            }
+            // create wrapper to add the diff styles to to avoid conflicting with any nodeView styles
+            var wrapper = document.createElement('span');
+            wrapper.className = className;
+            wrapper.setAttribute('style', styleSuffix);
+            wrapper.append(childNode);
+            childNode = wrapper;
           }
           contentDOM === null || contentDOM === void 0 || contentDOM.append(childNode);
         }

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

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 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 { agentBrandColorSchemes } from '@atlaskit/agent-color/agent-brand-color-schemes';
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getStandardDeletedTextDecorationStyle } from './getStandardDeletedTextDecorationStyle';
 /**

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 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 { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { getStandardDeletedTextDecorationStyle } from './getStandardDeletedTextDecorationStyle';
 export var editingStyleExtended = convertToInlineCss({
   background: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 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 { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 export var traditionalInsertStyle = convertToInlineCss({
   background: "var(--ds-background-accent-green-subtlest, #DCFFF1)",
   textDecoration: 'underline',

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

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 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 { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -230,9 +230,14 @@ export var createBlockChangedDecoration = function createBlockChangedDecoration(
     isInserted: isInserted,
     isActive: isActive
   });
-  var style = tagAnchorName ? [nodeStyle, convertToInlineCss({
+  var styleOld = tagAnchorName ? [nodeStyle, convertToInlineCss({
     anchorName: "--".concat(tagAnchorName)
   }), fg('platform_editor_ai_show_diff_patch_1') ? scrollMarginTopStyle : undefined].filter(Boolean).join(' ') : nodeStyle;
+  var style = fg('platform_editor_ai_show_diff_patch_2') ? [nodeStyle, tagAnchorName ? convertToInlineCss({
+    anchorName: "--".concat(tagAnchorName)
+  }) : undefined,
+  // only add margin top if the node actually should be styled to avoid incorrect diff decoration specs being built
+  nodeStyle ? scrollMarginTopStyle : undefined].filter(Boolean).join(' ') : styleOld;
   var className = getNodeClass(change.name);
   if (style || className) {
     decorations.push(Decoration.node(change.from, change.to, _objectSpread({

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

@@ -8,7 +8,7 @@
  * equivalent longhand; with that gate off, their CSS remains unchanged. 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 { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { standardDecorationMarkerVariable, deletedDecorationMarkerVariable, editingStyleQuoteNode, editingStyleRuleNode, editingStyleCardBlockNode, editingStyleNode, getStandardDeletedContentStyleNew, 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';
 

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

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 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 { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { agentBrandColorSchemes } from '@atlaskit/agent-color/agent-brand-color-schemes';
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { buildDeletedInlineStyleStandard, getDeletedInlineRevealColors, getInsertedInlineRevealColors } from './colorSchemes/factory';
 import { colorSchemeRegistry } from './colorSchemes/schemes';

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

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
-import { trackChangesMessages } from '@atlaskit/editor-common/messages';
+import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
+import { trackChangesMessages } from '@atlaskit/editor-common/messages/track-changes';
 import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';

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

@@ -8,7 +8,7 @@
  * remains unchanged. 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 { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyleUnbounded, deletedInlineContentStyleExtended, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlockExtended, editingContentStyleInBlockExtendedNoUnderline, editingStyleExtended, editingStyleExtendedNoUnderline, editingStyleActiveExtended, editingStyleActiveExtendedNoUnderline, editingStyleNode, getStandardDeletedContentStyleActive, getStandardDeletedContentStyleNew, 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';

package/dist/esm/pm-plugins/scrollToDiff.js

@@ -1,4 +1,4 @@
-import { tableMarginTop } from '@atlaskit/editor-common/styles';
+import { tableMarginTop } from '@atlaskit/editor-common/styles/table';
 import { getStickyHeaderHeight } from '@atlaskit/editor-common/table/get-sticky-header-height';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { isDiffDecoration, SCROLL_TARGET_MARGIN_CSS_PROPERTY } from './decorations/decorationKeys';