@atlaskit/editor-common 81.1.0 → 81.1.2

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

@@ -53,20 +53,23 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
   var tooltipOnShowHandler = (0, _react.useCallback)(function () {
     return dispatchAnalyticsEvent && (0, _trackUnsupportedContent.trackUnsupportedContentTooltipDisplayedFor)(dispatchAnalyticsEvent, _analytics.ACTION_SUBJECT_ID.ON_UNSUPPORTED_BLOCK, originalNodeType);
   }, [dispatchAnalyticsEvent, originalNodeType]);
-  return (0, _react2.jsx)("div", {
-    css: blockNodeStyle,
-    className: "unsupported"
-  }, message, (0, _react2.jsx)(_tooltip.default, {
-    content: tooltipContent,
-    hideTooltipOnClick: false,
-    position: "bottom",
-    onShow: tooltipOnShowHandler,
-    strategy: "absolute"
-  }, (0, _react2.jsx)("span", {
-    style: style
-  }, (0, _react2.jsx)(_questionCircle.default, {
-    label: "?",
-    size: "small"
-  }))));
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("div", {
+      css: blockNodeStyle,
+      className: "unsupported"
+    }, message, (0, _react2.jsx)(_tooltip.default, {
+      content: tooltipContent,
+      hideTooltipOnClick: false,
+      position: "bottom",
+      onShow: tooltipOnShowHandler,
+      strategy: "absolute"
+    }, (0, _react2.jsx)("span", {
+      style: style
+    }, (0, _react2.jsx)(_questionCircle.default, {
+      label: "?",
+      size: "small"
+    }))))
+  );
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(UnsupportedBlockNode);

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

@@ -64,13 +64,16 @@ var WidthProvider = exports.WidthProvider = function WidthProvider(_ref) {
     setWidth(nextWidth);
   });
   var skipWidthDetection = shouldCheckExistingValue && existingContextValue.width > 0;
-  return (0, _react2.jsx)("div", {
-    css: styles,
-    className: className
-  }, !skipWidthDetection && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_widthDetector.WidthObserver, {
-    setWidth: updateWidth,
-    offscreen: true
-  }), (0, _react2.jsx)(Provider, {
-    value: providerValue
-  }, children)), skipWidthDetection && children);
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("div", {
+      css: styles,
+      className: className
+    }, !skipWidthDetection && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_widthDetector.WidthObserver, {
+      setWidth: updateWidth,
+      offscreen: true
+    }), (0, _react2.jsx)(Provider, {
+      value: providerValue
+    }, children)), skipWidthDetection && children)
+  );
 };

package/dist/cjs/ui-color/ColorPalette/Color/index.js

@@ -72,7 +72,9 @@ var Color = /*#__PURE__*/function (_PureComponent) {
         "aria-checked": isSelected,
         onClick: this.onClick,
         onMouseDown: this.onMouseDown,
-        tabIndex: tabIndex,
+        tabIndex: tabIndex
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: "".concat(isSelected ? 'selected' : ''),
         style: {
           backgroundColor: colorStyle || 'transparent',

package/dist/cjs/ui-color/ColorPalette/index.js

@@ -62,7 +62,9 @@ var ColorPalette = function ColorPalette(props) {
   }, [palette, cols]);
   return (0, _react2.jsx)(_react.default.Fragment, null, colorsPerRow.map(function (row) {
     return (0, _react2.jsx)("div", {
-      css: _styles.colorPaletteWrapper,
+      css: _styles.colorPaletteWrapper
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: className,
       key: "row-first-color-".concat(row[0].value),
       role: "radiogroup"

package/dist/cjs/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.js

@@ -128,10 +128,14 @@ var ColorPaletteArrowKeyNavigationProvider = exports.ColorPaletteArrowKeyNavigat
       listenerTargetElement && listenerTargetElement.removeEventListener('keydown', handleKeyDown);
     };
   }, [currentSelectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, wrapperRef, handleClose, closeOnTab, ignoreEscapeKey, listenerTargetElement]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "custom-key-handler-wrapper",
-    ref: wrapperRef
-  }, children);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    _react.default.createElement("div", {
+      className: "custom-key-handler-wrapper",
+      ref: wrapperRef
+    }, children)
+  );
 };
 function getColorSwatchesRows(rootNode) {
   if (!rootNode) {

package/dist/cjs/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js

@@ -193,6 +193,7 @@ var MenuArrowKeyNavigationProvider = exports.MenuArrowKeyNavigationProvider = fu
     };
   }, [currentSelectedItemIndex, wrapperRef, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, incrementIndex, decrementIndex, listenerTargetElement]);
   return /*#__PURE__*/_react.default.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "menu-key-handler-wrapper custom-key-handler-wrapper",
     ref: wrapperRef
   }, children);

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -252,6 +252,7 @@ var DropdownMenuItemCustomComponent = /*#__PURE__*/_react.default.forwardRef(fun
       // The current implementation unfortunately is very brittle. Design System Team will
       // be prioritizing official support for accessible nested menus that we want you to move
       // to in the future.
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       position: 'static'
     }
   }), children);

package/dist/cjs/ui-menu/ToolbarArrowKeyNavigationProvider/index.js

@@ -218,7 +218,9 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
     };
   }, [selectedItemIndex, wrapperRef, editorView, disableArrowKeyNavigation, handleEscape, childComponentSelector, incrementIndex, decrementIndex, isShortcutToFocusToolbar, editorAppearance, useStickyToolbar]);
   return (0, _react2.jsx)("div", {
-    css: editorAppearance === 'comment' && centeredToolbarContainer,
+    css: editorAppearance === 'comment' && centeredToolbarContainer
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: "custom-key-handler-wrapper",
     ref: wrapperRef,
     role: "toolbar",

package/dist/cjs/ui-menu/ToolbarButton/index.js

@@ -77,7 +77,9 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     id: id,
     ref: ref,
     appearance: "subtle",
-    testId: testId,
+    testId: testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: className,
     href: href,
     iconAfter: iconAfter,

package/dist/cjs/ui-menu/ToolbarButton/styles.js

@@ -12,6 +12,7 @@ var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-
 // If you make any change here, copy it to above file as well
 //  and notify about the change in #team-fc-editor-ai-dev channel.
 var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   return /*#__PURE__*/_react.default.createElement(_standardButton.default, (0, _extends2.default)({
     ref: ref
   }, props, {

package/dist/cjs/utils/validator.js

@@ -43,7 +43,7 @@ var ADFStages = exports.ADFStages = {
  * It's important that this order follows the marks rank defined here:
  * https://product-fabric.atlassian.net/wiki/spaces/ETEMP/pages/11174043/Atlassian+Document+Format+-+Internal+documentation#Rank
  */
-var markOrder = exports.markOrder = ['fragment', 'link', 'em', 'strong', 'textColor', 'strike', 'subsup', 'underline', 'code', 'confluenceInlineComment', 'annotation', 'dataConsumer', 'backgroundColor'];
+var markOrder = exports.markOrder = ['fragment', 'link', 'em', 'strong', 'textColor', 'backgroundColor', 'strike', 'subsup', 'underline', 'code', 'confluenceInlineComment', 'annotation', 'dataConsumer'];
 var isSubSupType = exports.isSubSupType = function isSubSupType(type) {
   return type === 'sub' || type === 'sup';
 };

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

@@ -90,8 +90,11 @@ function ElementList({
       return;
     }
     return 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: getBooleanFF('platform.editor.a11y-focus-order-for-element-browser-categories_ztiw1') ? e => {
@@ -217,7 +220,9 @@ export function ElementItem({
     ref: ref,
     testId: `element-item-${index}`,
     id: `searched-item-${index}`
-  }, jsx(ItemContent, {
+  }, 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,
@@ -242,7 +247,9 @@ const ItemContent = /*#__PURE__*/memo(({
   title,
   description,
   keyshortcut
-}) => jsx("div", {
+}) =>
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+jsx("div", {
   css: itemBody,
   className: "item-body"
 }, jsx("div", {

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

@@ -100,7 +100,9 @@ function ElementSearch({
     }, "\u23CE ", formatMessage(commonMessages.elementAfterInputMessage))),
     placeholder: formatMessage(commonMessages.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,
@@ -109,7 +111,9 @@ function ElementSearch({
     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/es2019/extensibility/Extension/Extension/index.js

@@ -111,9 +111,13 @@ function ExtensionWithPluginState(props) {
     isBodiedMacro: hasBody
   }), 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: wrapperStyle,
+    css: wrapperStyle
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: customContainerStyles,
     onMouseEnter: () => handleMouseEvent(true),
     onMouseLeave: () => handleMouseEvent(false)
@@ -125,18 +129,24 @@ function ExtensionWithPluginState(props) {
     css: overlay
   }), jsx("div", {
     css: header,
-    contentEditable: false,
+    contentEditable: false
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: headerClassNames
   }, !removeBorder && jsx(ExtensionLozenge, {
     isNodeSelected: isNodeSelected,
     node: node,
     showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
-  }), children), hasBody && jsx("div", {
+  }), children), hasBody &&
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  jsx("div", {
     css: newContentStyles,
     className: newContentClassNames
   }, jsx("div", {
     css: 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/es2019/extensibility/Extension/InlineExtension/index.js

@@ -45,7 +45,9 @@ const InlineExtension = props => {
     setIsNodeHovered: setIsNodeHovered
   }), jsx("div", {
     "data-testid": "inline-extension-wrapper",
-    css: [wrapperStyle, extendedInlineExtension && inlineWrapperStyles],
+    css: [wrapperStyle, extendedInlineExtension && inlineWrapperStyles]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: classNames,
     onMouseEnter: () => handleMouseEvent(true),
     onMouseLeave: () => handleMouseEvent(false)

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

@@ -84,8 +84,11 @@ export const ExtensionLabel = ({
     setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(false);
   }, [setIsNodeHovered]);
   return 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/es2019/extensibility/ExtensionNodeWrapper.js

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

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

@@ -30,16 +30,20 @@ const getWrapperTitleContent = (imageData, title, showMacroInteractionDesignUpda
       url,
       ...rest
     } = imageData;
-    return jsx("div", {
-      className: "extension-title"
-    }, jsx("img", _extends({
-      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
+      jsx("div", {
+        className: "extension-title"
+      }, jsx("img", _extends({
+        css: imageStyles,
+        src: url
+      }, rest, {
+        alt: title
+      })), title)
+    );
   }
   return 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'
   }, jsx(EditorFileIcon, {
@@ -141,26 +145,34 @@ const MultiBodiedExtensionWithWidth = ({
     setIsNodeHovered: setIsNodeHovered,
     isBodiedMacro: true
   }), jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: wrapperClassNames,
     css: 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: () => handleMouseEvent(true),
     onMouseLeave: () => handleMouseEvent(false)
   }, jsx("div", {
-    css: overlayStyles,
+    css: 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), 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
   }, jsx("nav", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: navigationClassNames,
     css: sharedMultiBodiedExtensionStyles.mbeNavigation,
     "data-testid": "multiBodiedExtension-navigation"
   }, extensionHandlerResult), 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/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -684,7 +684,9 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
     // for details: https://a11y-internal.atlassian.net/browse/AK-740
     const screenReaderText = browser.safari && this.getScreenReaderText();
     return 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"
     }, jsx("div", {

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

@@ -107,6 +107,7 @@ class LinkSearchListItem extends React.PureComponent {
     } = this.props;
     const date = transformTimeStamp(intl, item.lastViewedDate, item.lastUpdatedDate);
     return date && jsx(Fragment, null, "\xA0 \u2022", 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/es2019/media-inline/inline-image-wrapper.js

@@ -34,10 +34,13 @@ export const InlineImageWrapper = ({
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     jsx("span", _extends({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       style: {
         ...borderStyleVars,
         ...aspectStyleVars
-      },
+      }
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
       className: INLINE_IMAGE_WRAPPER_CLASS_NAME,
       css: [wrapperStyle, borderSize && borderColor && borderStyle, isSelected && selectedStyle, isInteractive && interactiveStyle],
       "data-testid": "inline-image-wrapper",

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

@@ -76,11 +76,16 @@ export const CommentBadge = ({
     content: title
   }, jsx(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/es2019/mention.js

@@ -1,2 +1,3 @@
 export { default as Mention } from './ui/Mention';
-export { MentionSharedCssClassName } from './styles/shared/mention';
+export { MentionSharedCssClassName } from './styles/shared/mention';
+export { default as MentionWithProfileCard } from './ui/Mention/mention-with-profilecard';

package/dist/es2019/messages/card.js

@@ -120,6 +120,11 @@ export const messages = 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/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "81.1.0";
+const packageVersion = "81.1.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -86,6 +86,7 @@ export default 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.createElement("path", {

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

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

package/dist/es2019/resizer/Resizer.js

@@ -111,6 +111,7 @@ const ResizerNext = (props, ref) => {
   const handleComponent = useMemo(() => {
     return SUPPORTED_HANDLES.reduce((result, position) => {
       const thumb = /*#__PURE__*/React.createElement("button", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: resizerHandleThumbClassName,
         "data-testid": `resizer-handle-${position}-thumb`,
         contentEditable: false,
@@ -129,13 +130,17 @@ const 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.createElement(React.Fragment, null, thumb, /*#__PURE__*/React.createElement("div", {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           className: classnames(resizerHandleTrackClassName, handleHighlight),
           "data-testid": `resizer-handle-${position}-track`
         }));
         if (!!handleTooltipContent) {
           return {
             ...result,
-            [position]: /*#__PURE__*/React.createElement("div", {
+            [position]:
+            /*#__PURE__*/
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+            React.createElement("div", {
               contentEditable: false,
               style: inheritedCSS
             }, /*#__PURE__*/React.createElement(Tooltip, {
@@ -149,7 +154,10 @@ const ResizerNext = (props, ref) => {
         }
         return {
           ...result,
-          [position]: /*#__PURE__*/React.createElement("div", {
+          [position]:
+          /*#__PURE__*/
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          React.createElement("div", {
             contentEditable: false,
             style: inheritedCSS
           }, thumbWithTrack)
@@ -159,6 +167,7 @@ const 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.createElement(React.Fragment, null, thumb, /*#__PURE__*/React.createElement("div", {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
           className: classnames(resizerHandleTrackClassName, handleHighlight),
           "data-testid": `resizer-handle-${position}-track`
         }));
@@ -196,7 +205,9 @@ const ResizerNext = (props, ref) => {
       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: handleWrapperClass,

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

@@ -1,9 +1,12 @@
 import { css } from '@emotion/react';
-export const backgroundColorStyles = css({
+export const backgroundColorStyles = colorMode => 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/es2019/table/SortingIcon.js

@@ -165,7 +165,9 @@ const SortingIcon = ({
     content: content,
     position: "top"
   }, 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,
@@ -174,7 +176,9 @@ const SortingIcon = ({
     onClick: handleClick,
     onKeyDown: handleKeyDown
   }, 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)
   }, jsx("div", {
     css: iconStyles

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

@@ -32,6 +32,7 @@ const Announcer = /*#__PURE__*/forwardRef(({
     return () => clearTimeout(timer);
   }, [text, delay]);
   return /*#__PURE__*/React.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/es2019/ui/DropList/index.js

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "81.1.0";
+const packageVersion = "81.1.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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

@@ -44,7 +44,9 @@ export default (({
   }, /*#__PURE__*/React.createElement("div", {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: className,
     theme: (adgTheme, themeProps) => {
       const {