@atlaskit/editor-common 81.1.0 → 81.1.2

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-common
 
+## 81.1.2
+
+### Patch Changes
+
+-   [#103169](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103169)
+    [`e9d45fc94064`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e9d45fc94064) -
+    [ED-23248] -
+
+    **@af/editor-libra:** Added profilecardPopupName locator to Mention Model
+    **@atlaskit/editor-test-helpers:** Added optional profilecard provider mock for examples
+    **@atlaskit/editor-common:** Exporting mention with profile card component
+
+-   [#103816](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103816)
+    [`3fb50173376f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3fb50173376f) -
+    [ED-23159] Added blending styling for when highlights overlap inline comments
+-   Updated dependencies
+
+## 81.1.1
+
+### Patch Changes
+
+-   Updated dependencies
+
 ## 81.1.0
 
 ### Minor Changes

package/dist/cjs/element-browser/components/ElementList/ElementList.js

@@ -105,8 +105,11 @@ function ElementList(_ref) {
         return;
       }
       return (0, _react2.jsx)("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         style: style,
-        key: key,
+        key: key
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: "element-item-wrapper",
         css: elementItemWrapper,
         onKeyDown: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-focus-order-for-element-browser-categories_ztiw1') ? function (e) {
@@ -231,7 +234,9 @@ function ElementItem(_ref4) {
     ref: ref,
     testId: "element-item-".concat(index),
     id: "searched-item-".concat(index)
-  }, (0, _react2.jsx)(ItemContent, {
+  }, (0, _react2.jsx)(ItemContent
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+  , {
     style: inlineMode ? null : itemStyleOverrides,
     tabIndex: 0,
     title: title,
@@ -257,22 +262,25 @@ var ItemContent = /*#__PURE__*/(0, _react.memo)(function (_ref6) {
   var title = _ref6.title,
     description = _ref6.description,
     keyshortcut = _ref6.keyshortcut;
-  return (0, _react2.jsx)("div", {
-    css: itemBody,
-    className: "item-body"
-  }, (0, _react2.jsx)("div", {
-    css: itemText
-  }, (0, _react2.jsx)("div", {
-    css: itemTitleWrapper
-  }, (0, _react2.jsx)("p", {
-    css: itemTitle
-  }, title), (0, _react2.jsx)("div", {
-    css: itemAfter
-  }, keyshortcut && (0, _react2.jsx)("div", {
-    css: _shortcut.shortcutStyle
-  }, keyshortcut))), description && (0, _react2.jsx)("p", {
-    css: itemDescription
-  }, description)));
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("div", {
+      css: itemBody,
+      className: "item-body"
+    }, (0, _react2.jsx)("div", {
+      css: itemText
+    }, (0, _react2.jsx)("div", {
+      css: itemTitleWrapper
+    }, (0, _react2.jsx)("p", {
+      css: itemTitle
+    }, title), (0, _react2.jsx)("div", {
+      css: itemAfter
+    }, keyshortcut && (0, _react2.jsx)("div", {
+      css: _shortcut.shortcutStyle
+    }, keyshortcut))), description && (0, _react2.jsx)("p", {
+      css: itemDescription
+    }, description)))
+  );
 });
 var elementItemsWrapper = (0, _react2.css)({
   flex: 1,

package/dist/cjs/element-browser/components/ElementSearch.js

@@ -109,7 +109,9 @@ function ElementSearch(_ref) {
     }, "\u23CE ", formatMessage(_messages.default.elementAfterInputMessage))),
     placeholder: formatMessage(_messages.default.placeHolderMessage),
     "aria-label": "search",
-    "aria-labelledby": "search-assistive",
+    "aria-labelledby": "search-assistive"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "js-search-input",
     role: "combobox",
     "aria-activedescendant": ariaActiveDescendant,
@@ -118,7 +120,9 @@ function ElementSearch(_ref) {
     id: "search-assistive",
     ref: assistiveTextRef,
     "aria-live": "polite",
-    "aria-atomic": "true",
+    "aria-atomic": "true"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "assistive"
   }, assistiveMessage));
 }

package/dist/cjs/extensibility/Extension/Extension/index.js

@@ -115,9 +115,13 @@ function ExtensionWithPluginState(props) {
     isBodiedMacro: hasBody
   }), (0, _react2.jsx)("div", {
     ref: handleRef,
-    "data-layout": node.attrs.layout,
+    "data-layout": node.attrs.layout
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: classNames,
-    css: _styles2.wrapperStyle,
+    css: _styles2.wrapperStyle
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: customContainerStyles,
     onMouseEnter: function onMouseEnter() {
       return handleMouseEvent(true);
@@ -133,18 +137,24 @@ function ExtensionWithPluginState(props) {
     css: _styles.overlay
   }), (0, _react2.jsx)("div", {
     css: _styles2.header,
-    contentEditable: false,
+    contentEditable: false
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: headerClassNames
   }, !removeBorder && (0, _react2.jsx)(_Lozenge.default, {
     isNodeSelected: isNodeSelected,
     node: node,
     showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
-  }), children), hasBody && (0, _react2.jsx)("div", {
+  }), children), hasBody &&
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  (0, _react2.jsx)("div", {
     css: newContentStyles,
     className: newContentClassNames
   }, (0, _react2.jsx)("div", {
     css: _styles2.content,
-    ref: handleContentDOMRef,
+    ref: handleContentDOMRef
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: contentClassNames
   })))));
 }

package/dist/cjs/extensibility/Extension/InlineExtension/index.js

@@ -53,7 +53,9 @@ var InlineExtension = function InlineExtension(props) {
     setIsNodeHovered: setIsNodeHovered
   }), (0, _react2.jsx)("div", {
     "data-testid": "inline-extension-wrapper",
-    css: [_styles2.wrapperStyle, extendedInlineExtension && _styles2.inlineWrapperStyles],
+    css: [_styles2.wrapperStyle, extendedInlineExtension && _styles2.inlineWrapperStyles]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: classNames,
     onMouseEnter: function onMouseEnter() {
       return handleMouseEvent(true);

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -91,8 +91,11 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
     setIsNodeHovered === null || setIsNodeHovered === void 0 || setIsNodeHovered(false);
   }, [setIsNodeHovered]);
   return (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     css: containerStyles,
-    className: containerClassNames,
+    className: containerClassNames
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: customContainerStyles,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,

package/dist/cjs/extensibility/ExtensionNodeWrapper.js

@@ -35,8 +35,11 @@ var ExtensionNodeWrapper = exports.ExtensionNodeWrapper = function ExtensionNode
     'inline-extension': nodeType === 'inlineExtension' && showMacroInteractionDesignUpdates,
     relative: showMacroInteractionDesignUpdates
   });
-  return (0, _react2.jsx)("span", {
-    className: wrapperClassNames,
-    css: styles
-  }, children, nodeType === 'inlineExtension' && _utils.ZERO_WIDTH_SPACE);
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("span", {
+      className: wrapperClassNames,
+      css: styles
+    }, children, nodeType === 'inlineExtension' && _utils.ZERO_WIDTH_SPACE)
+  );
 };

package/dist/cjs/extensibility/MultiBodiedExtension/index.js

@@ -42,16 +42,20 @@ var getWrapperTitleContent = function getWrapperTitleContent(imageData, title, s
   if (imageData) {
     var url = imageData.url,
       rest = (0, _objectWithoutProperties2.default)(imageData, _excluded);
-    return (0, _react2.jsx)("div", {
-      className: "extension-title"
-    }, (0, _react2.jsx)("img", (0, _extends2.default)({
-      css: imageStyles,
-      src: url
-    }, rest, {
-      alt: title
-    })), title);
+    return (
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      (0, _react2.jsx)("div", {
+        className: "extension-title"
+      }, (0, _react2.jsx)("img", (0, _extends2.default)({
+        css: imageStyles,
+        src: url
+      }, rest, {
+        alt: title
+      })), title)
+    );
   }
   return (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "extension-title",
     "data-testid": 'multiBodiedExtension-default-lozenge'
   }, (0, _react2.jsx)(_file.default, {
@@ -153,9 +157,12 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref)
     setIsNodeHovered: setIsNodeHovered,
     isBodiedMacro: true
   }), (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: wrapperClassNames,
     css: _styles.mbeExtensionWrapperCSSStyles,
-    "data-testid": "multiBodiedExtension--wrapper",
+    "data-testid": "multiBodiedExtension--wrapper"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: mbeWrapperStyles,
     onMouseEnter: function onMouseEnter() {
       return handleMouseEvent(true);
@@ -164,19 +171,24 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref)
       return handleMouseEvent(false);
     }
   }, (0, _react2.jsx)("div", {
-    css: _styles.overlayStyles,
+    css: _styles.overlayStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: overlayClassNames,
     "data-testid": "multiBodiedExtension--overlay"
   }), getWrapperTitleContent(imageData, title, showMacroInteractionDesignUpdates), (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: containerClassNames,
     css: getContainerCssExtendedStyles(activeChildIndex, showMacroInteractionDesignUpdates),
     "data-testid": "multiBodiedExtension--container",
     "data-active-child-index": activeChildIndex
   }, (0, _react2.jsx)("nav", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: navigationClassNames,
     css: _MultiBodiedExtension.sharedMultiBodiedExtensionStyles.mbeNavigation,
     "data-testid": "multiBodiedExtension-navigation"
   }, extensionHandlerResult), (0, _react2.jsx)("article", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "multiBodiedExtension--frames",
     "data-testid": "multiBodiedExtension--frames",
     ref: articleRef

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -845,7 +845,9 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
       // for details: https://a11y-internal.atlassian.net/browse/AK-740
       var screenReaderText = _utils.browser.safari && this.getScreenReaderText();
       return (0, _react2.jsx)("div", {
-        "aria-label": "Hyperlink Edit",
+        "aria-label": "Hyperlink Edit"
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: "recent-list",
         "data-testid": "hyperlink-add-toolbar"
       }, (0, _react2.jsx)("div", {

package/dist/cjs/link/LinkSearch/LinkSearchListItem.js

@@ -127,6 +127,7 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
         intl = _this$props6.intl;
       var date = (0, _transformTimeStamp.transformTimeStamp)(intl, item.lastViewedDate, item.lastUpdatedDate);
       return date && (0, _react2.jsx)(_react.Fragment, null, "\xA0 \u2022", (0, _react2.jsx)("span", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: "link-search-timestamp",
         "data-test-id": "link-search-timestamp"
       }, "\xA0 ", date.pageAction, " ", date.dateString, " ", date.timeSince || ''));

package/dist/cjs/media-inline/inline-image-wrapper.js

@@ -37,7 +37,10 @@ var InlineImageWrapper = exports.InlineImageWrapper = function InlineImageWrappe
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     (0, _react.jsx)("span", (0, _extends2.default)({
-      style: _objectSpread(_objectSpread({}, borderStyleVars), aspectStyleVars),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      style: _objectSpread(_objectSpread({}, borderStyleVars), aspectStyleVars)
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: _styles.INLINE_IMAGE_WRAPPER_CLASS_NAME,
       css: [_styles.wrapperStyle, borderSize && borderColor && _styles.borderStyle, isSelected && _styles.selectedStyle, isInteractive && _styles.interactiveStyle],
       "data-testid": "inline-image-wrapper",

package/dist/cjs/media-single/CommentBadge.js

@@ -90,11 +90,16 @@ var CommentBadge = exports.CommentBadge = function CommentBadge(_ref) {
     content: title
   }, (0, _react2.jsx)(_button.CustomThemeButton, {
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       height: badgeDimensions,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       width: badgeDimensions,
       background: colourToken,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       display: 'flex',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       justifyContent: 'center',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       alignItems: 'center'
     },
     onClick: onClick,

package/dist/cjs/mention.js

@@ -16,5 +16,12 @@ Object.defineProperty(exports, "MentionSharedCssClassName", {
     return _mention.MentionSharedCssClassName;
   }
 });
+Object.defineProperty(exports, "MentionWithProfileCard", {
+  enumerable: true,
+  get: function get() {
+    return _mentionWithProfilecard.default;
+  }
+});
 var _Mention = _interopRequireDefault(require("./ui/Mention"));
-var _mention = require("./styles/shared/mention");
+var _mention = require("./styles/shared/mention");
+var _mentionWithProfilecard = _interopRequireDefault(require("./ui/Mention/mention-with-profilecard"));

package/dist/cjs/messages/card.js

@@ -126,6 +126,11 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Configure',
     description: 'An overlay shown when hover over inline smart link to inform user that they can click the link to edit the links appearance.'
   },
+  inlineConfigureLink: {
+    id: 'fabric.editor.inlineConfigureLink',
+    defaultMessage: 'Configure link',
+    description: 'An icon shown when hovering over inline smart link to inform user they can click the icon to configure the links appearance.'
+  },
   datasourceConfluenceSearch: {
     id: 'fabric.editor.datasource.confluenceSearch',
     defaultMessage: 'Insert Confluence list',

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "81.1.0";
+var packageVersion = "81.1.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/quick-insert/assets/date.js

@@ -93,6 +93,7 @@ function IconDate() {
     fillRule: "nonzero",
     opacity: 0.37,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       mixBlendMode: 'screen'
     }
   }), /*#__PURE__*/_react.default.createElement("path", {

package/dist/cjs/react-node-view/getInlineNodeViewProducer.js

@@ -184,12 +184,16 @@ function getPortalChildren(_ref2) {
       ,
       getPos: nodeViewParams.getPos,
       node: currentNode
-    }, extraComponentProps)), _utils.browser.android ? (0, _react2.jsx)("span", {
+    }, extraComponentProps)), _utils.browser.android ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("span", {
       className: "zeroWidthSpaceContainer",
       contentEditable: "false"
     }, (0, _react2.jsx)("span", {
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
-    }), _utils.ZERO_WIDTH_SPACE) : (0, _react2.jsx)("span", {
+    }), _utils.ZERO_WIDTH_SPACE) :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("span", {
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }));
   };

package/dist/cjs/resizer/Resizer.js

@@ -127,6 +127,7 @@ var ResizerNext = function ResizerNext(props, ref) {
   var handleComponent = (0, _react.useMemo)(function () {
     return SUPPORTED_HANDLES.reduce(function (result, position) {
       var thumb = /*#__PURE__*/_react.default.createElement("button", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: _resizer.resizerHandleThumbClassName,
         "data-testid": "resizer-handle-".concat(position, "-thumb"),
         contentEditable: false,
@@ -142,11 +143,15 @@ var ResizerNext = function ResizerNext(props, ref) {
         /*#__PURE__*/
         //It's important to have {thumb} element before the div, the thumb element is the one that gets focus and only the 1st element recives aria-descibedby attribute which is important for screen reader users
         _react.default.createElement(_react.default.Fragment, null, thumb, /*#__PURE__*/_react.default.createElement("div", {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           className: (0, _classnames3.default)(_resizer.resizerHandleTrackClassName, handleHighlight),
           "data-testid": "resizer-handle-".concat(position, "-track")
         }));
         if (!!handleTooltipContent) {
-          return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, position, /*#__PURE__*/_react.default.createElement("div", {
+          return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, position,
+          /*#__PURE__*/
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          _react.default.createElement("div", {
             contentEditable: false,
             style: inheritedCSS
           }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
@@ -157,7 +162,10 @@ var ResizerNext = function ResizerNext(props, ref) {
             testId: "resizer-handle-".concat(position, "-tooltip")
           }, thumbWithTrack))));
         }
-        return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, position, /*#__PURE__*/_react.default.createElement("div", {
+        return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, position,
+        /*#__PURE__*/
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        _react.default.createElement("div", {
           contentEditable: false,
           style: inheritedCSS
         }, thumbWithTrack)));
@@ -166,6 +174,7 @@ var ResizerNext = function ResizerNext(props, ref) {
         /*#__PURE__*/
         //It's important to have {thumb} element before the div, the thumb element is the one that gets focus and only the 1st element recives aria-descibedby attribute which is important for screen reader users
         _react.default.createElement(_react.default.Fragment, null, thumb, /*#__PURE__*/_react.default.createElement("div", {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           className: (0, _classnames3.default)(_resizer.resizerHandleTrackClassName, handleHighlight),
           "data-testid": "resizer-handle-".concat(position, "-track")
         }));
@@ -197,7 +206,9 @@ var ResizerNext = function ResizerNext(props, ref) {
       width: width,
       // just content itself (no paddings)
       height: 'auto'
-    },
+    }
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: resizerClassName,
     handleClasses: handles,
     handleWrapperClass: _resizer.handleWrapperClass,

package/dist/cjs/styles/shared/background-color.js

@@ -5,11 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.backgroundColorStyles = void 0;
 var _react = require("@emotion/react");
-var backgroundColorStyles = exports.backgroundColorStyles = (0, _react.css)({
-  '.fabric-background-color-mark': {
-    backgroundColor: 'var(--custom-palette-color, inherit)'
-  },
-  'a .fabric-background-color-mark': {
-    backgroundColor: 'unset'
-  }
-});
+var backgroundColorStyles = exports.backgroundColorStyles = function backgroundColorStyles(colorMode) {
+  return (0, _react.css)({
+    '.fabric-background-color-mark': {
+      backgroundColor: 'var(--custom-palette-color, inherit)'
+    },
+    'a .fabric-background-color-mark': {
+      backgroundColor: 'unset'
+    },
+    '.fabric-background-color-mark .ak-editor-annotation, .fabric-background-color-mark [data-mark-type="annotation"]': {
+      mixBlendMode: colorMode === 'dark' ? 'color-dodge' : 'multiply'
+    }
+  });
+};

package/dist/cjs/table/SortingIcon.js

@@ -126,7 +126,9 @@ var SortingIcon = function SortingIcon(_ref) {
     content: content,
     position: "top"
   }, (0, _react.jsx)("div", {
-    css: buttonStyles,
+    css: buttonStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: buttonClassName,
     role: "button",
     tabIndex: isSortingAllowed ? 0 : -1,
@@ -135,7 +137,9 @@ var SortingIcon = function SortingIcon(_ref) {
     onClick: handleClick,
     onKeyDown: handleKeyDown
   }, (0, _react.jsx)("div", {
-    css: iconWrapperStyles,
+    css: iconWrapperStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: getIconClassName(isSortingAllowed, sortOrdered)
   }, (0, _react.jsx)("div", {
     css: iconStyles

package/dist/cjs/ui/Announcer/announcer.js

@@ -52,6 +52,7 @@ var Announcer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     };
   }, [text, delay]);
   return /*#__PURE__*/_react.default.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "assistive",
     ref: ref,
     role: role,

package/dist/cjs/ui/DropList/index.js

@@ -20,7 +20,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "81.1.0";
+var packageVersion = "81.1.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui/FloatingToolbar/Button.js

@@ -57,7 +57,9 @@ var _default = exports.default = function _default(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
-  }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: className,
     theme: function theme(adgTheme, themeProps) {
       var _adgTheme = adgTheme(themeProps),

package/dist/cjs/ui/FloatingToolbar/Separator.js

@@ -15,6 +15,8 @@ var separator = (0, _react.css)({
   margin: "0 ".concat("var(--ds-space-050, 4px)"),
   alignSelf: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
 var _default = exports.default = function _default() {
   return (0, _react.jsx)("div", {
     css: separator,

package/dist/cjs/ui/Layer/index.js

@@ -187,9 +187,13 @@ var Layer = exports.default = /*#__PURE__*/function (_Component) {
       }, this.props.children), /*#__PURE__*/_react.default.createElement("div", {
         ref: this.contentRef,
         style: _objectSpread({
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           top: 0,
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           left: 0,
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           position: 'absolute',
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           transform: transform,
           maxHeight: maxHeight ? maxHeight : 'auto'
         }, opacity)

package/dist/cjs/ui/MediaSingle/index.js

@@ -103,7 +103,9 @@ function MediaSingle(_ref) {
     "data-layout": layout,
     "data-width": mediaSingleWidth,
     "data-width-type": (size === null || size === void 0 ? void 0 : size.widthType) || 'percentage',
-    "data-node-type": nodeType,
+    "data-node-type": nodeType
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: (0, _classnames.default)('rich-media-item mediaSingleView-content-wrap', "image-".concat(layout), className, {
       'is-loading': isLoading,
       'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'

package/dist/cjs/ui/MediaSingle/styled.js

@@ -202,9 +202,12 @@ var MediaBorderGapFiller = exports.MediaBorderGapFiller = function MediaBorderGa
   var borderColor = _ref4.borderColor;
   return (0, _react2.jsx)("div", {
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'absolute',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       inset: '0px',
       border: "0.5px solid ".concat(borderColor),
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       borderRadius: '1px'
     }
   });

package/dist/cjs/ui/Popup/index.js

@@ -298,6 +298,7 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react.default.createElement("div", {
         ref: this.handleRef,
         style: _objectSpread(_objectSpread({
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           position: 'absolute',
           zIndex: this.props.zIndex || _editorSharedStyles.akEditorFloatingPanelZIndex
         }, position), this.props.style),

package/dist/cjs/ui/ResizerLegacy/index.js

@@ -198,7 +198,9 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
           width: width,
           // just content itself (no paddings)
           height: 'auto'
-        },
+        }
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: className,
         handleClasses: handles,
         handleStyles: updatedHandleStyles,