@atlaskit/editor-common 81.1.1 → 81.1.3

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

@@ -8,6 +8,8 @@ const separator = css({
   margin: `0 ${"var(--ds-space-050, 4px)"}`,
   alignSelf: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
 export default (() => jsx("div", {
   css: separator,
   className: "separator"

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

@@ -153,11 +153,16 @@ export default class Layer extends Component {
     }, this.props.children), /*#__PURE__*/React.createElement("div", {
       ref: this.contentRef,
       style: {
+        // 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,
         maxHeight: maxHeight ? maxHeight : 'auto',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...opacity
       }
     }, this.props.content));

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

@@ -88,7 +88,9 @@ export default function MediaSingle({
     "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: classnames('rich-media-item mediaSingleView-content-wrap', `image-${layout}`, className, {
       'is-loading': isLoading,
       'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'

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

@@ -261,9 +261,12 @@ export const MediaBorderGapFiller = ({
 }) => {
   return 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 ${borderColor}`,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       borderRadius: '1px'
     }
   });

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

@@ -253,9 +253,12 @@ export default class Popup extends React.Component {
     return /*#__PURE__*/React.createElement("div", {
       ref: this.handleRef,
       style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         position: 'absolute',
         zIndex: this.props.zIndex || akEditorFloatingPanelZIndex,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...position,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...this.props.style
       },
       "aria-label": ariaLabel,

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

@@ -186,7 +186,9 @@ export default class Resizer extends React.Component {
         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,

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

@@ -42,20 +42,23 @@ const UnsupportedBlockNode = ({
   });
   const originalNodeType = node === null || node === void 0 ? void 0 : node.attrs.originalValue.type;
   const tooltipOnShowHandler = useCallback(() => dispatchAnalyticsEvent && trackUnsupportedContentTooltipDisplayedFor(dispatchAnalyticsEvent, ACTION_SUBJECT_ID.ON_UNSUPPORTED_BLOCK, originalNodeType), [dispatchAnalyticsEvent, originalNodeType]);
-  return jsx("div", {
-    css: blockNodeStyle,
-    className: "unsupported"
-  }, message, jsx(Tooltip, {
-    content: tooltipContent,
-    hideTooltipOnClick: false,
-    position: "bottom",
-    onShow: tooltipOnShowHandler,
-    strategy: "absolute"
-  }, jsx("span", {
-    style: style
-  }, jsx(QuestionsIcon, {
-    label: "?",
-    size: "small"
-  }))));
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: blockNodeStyle,
+      className: "unsupported"
+    }, message, jsx(Tooltip, {
+      content: tooltipContent,
+      hideTooltipOnClick: false,
+      position: "bottom",
+      onShow: tooltipOnShowHandler,
+      strategy: "absolute"
+    }, jsx("span", {
+      style: style
+    }, jsx(QuestionsIcon, {
+      label: "?",
+      size: "small"
+    }))))
+  );
 };
 export default injectIntl(UnsupportedBlockNode);

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

@@ -46,14 +46,17 @@ export const WidthProvider = ({
     setWidth(nextWidth);
   });
   const skipWidthDetection = shouldCheckExistingValue && existingContextValue.width > 0;
-  return jsx("div", {
-    css: styles,
-    className: className
-  }, !skipWidthDetection && jsx(Fragment, null, jsx(WidthObserver, {
-    setWidth: updateWidth,
-    offscreen: true
-  }), jsx(Provider, {
-    value: providerValue
-  }, children)), skipWidthDetection && children);
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: styles,
+      className: className
+    }, !skipWidthDetection && jsx(Fragment, null, jsx(WidthObserver, {
+      setWidth: updateWidth,
+      offscreen: true
+    }), jsx(Provider, {
+      value: providerValue
+    }, children)), skipWidthDetection && children)
+  );
 };
 export { Consumer as WidthConsumer };

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

@@ -53,7 +53,9 @@ class Color extends 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: `${isSelected ? 'selected' : ''}`,
       style: {
         backgroundColor: colorStyle || 'transparent',

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

@@ -57,7 +57,9 @@ const ColorPalette = props => {
     return getColorsPerRowFromPalette(palette, cols);
   }, [palette, cols]);
   return jsx(React.Fragment, null, colorsPerRow.map(row => jsx("div", {
-    css: colorPaletteWrapper,
+    css: colorPaletteWrapper
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: className,
     key: `row-first-color-${row[0].value}`,
     role: "radiogroup"

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

@@ -116,10 +116,14 @@ export const ColorPaletteArrowKeyNavigationProvider = ({
       listenerTargetElement && listenerTargetElement.removeEventListener('keydown', handleKeyDown);
     };
   }, [currentSelectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, wrapperRef, handleClose, closeOnTab, ignoreEscapeKey, listenerTargetElement]);
-  return /*#__PURE__*/React.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.createElement("div", {
+      className: "custom-key-handler-wrapper",
+      ref: wrapperRef
+    }, children)
+  );
 };
 function getColorSwatchesRows(rootNode) {
   if (!rootNode) {

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

@@ -174,6 +174,7 @@ export const MenuArrowKeyNavigationProvider = ({
     };
   }, [currentSelectedItemIndex, wrapperRef, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, incrementIndex, decrementIndex, listenerTargetElement]);
   return /*#__PURE__*/React.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/es2019/ui-menu/DropdownMenu/index.js

@@ -248,6 +248,7 @@ const DropdownMenuItemCustomComponent = /*#__PURE__*/React.forwardRef((props, re
       // 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/es2019/ui-menu/ToolbarArrowKeyNavigationProvider/index.js

@@ -211,7 +211,9 @@ export const ToolbarArrowKeyNavigationProvider = ({
     };
   }, [selectedItemIndex, wrapperRef, editorView, disableArrowKeyNavigation, handleEscape, childComponentSelector, incrementIndex, decrementIndex, isShortcutToFocusToolbar, editorAppearance, useStickyToolbar]);
   return 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/es2019/ui-menu/ToolbarButton/index.js

@@ -64,7 +64,9 @@ const ToolbarButton = /*#__PURE__*/React.forwardRef((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/es2019/ui-menu/ToolbarButton/styles.js

@@ -5,6 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Button from '@atlaskit/button/standard-button';
 export default /*#__PURE__*/React.forwardRef((props, ref) => {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   return /*#__PURE__*/React.createElement(Button, _extends({
     ref: ref
   }, props, {

package/dist/es2019/utils/validator.js

@@ -32,7 +32,7 @@ export const 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
  */
-export const markOrder = ['fragment', 'link', 'em', 'strong', 'textColor', 'strike', 'subsup', 'underline', 'code', 'confluenceInlineComment', 'annotation', 'dataConsumer', 'backgroundColor'];
+export const markOrder = ['fragment', 'link', 'em', 'strong', 'textColor', 'backgroundColor', 'strike', 'subsup', 'underline', 'code', 'confluenceInlineComment', 'annotation', 'dataConsumer'];
 export const isSubSupType = type => {
   return type === 'sub' || type === 'sup';
 };

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

@@ -94,8 +94,11 @@ function ElementList(_ref) {
         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') ? function (e) {
@@ -220,7 +223,9 @@ export function ElementItem(_ref4) {
     ref: ref,
     testId: "element-item-".concat(index),
     id: "searched-item-".concat(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,
@@ -246,22 +251,25 @@ var ItemContent = /*#__PURE__*/memo(function (_ref6) {
   var title = _ref6.title,
     description = _ref6.description,
     keyshortcut = _ref6.keyshortcut;
-  return jsx("div", {
-    css: itemBody,
-    className: "item-body"
-  }, jsx("div", {
-    css: itemText
-  }, jsx("div", {
-    css: itemTitleWrapper
-  }, jsx("p", {
-    css: itemTitle
-  }, title), jsx("div", {
-    css: itemAfter
-  }, keyshortcut && jsx("div", {
-    css: shortcutStyle
-  }, keyshortcut))), description && jsx("p", {
-    css: itemDescription
-  }, description)));
+  return (
+    // 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", {
+      css: itemText
+    }, jsx("div", {
+      css: itemTitleWrapper
+    }, jsx("p", {
+      css: itemTitle
+    }, title), jsx("div", {
+      css: itemAfter
+    }, keyshortcut && jsx("div", {
+      css: shortcutStyle
+    }, keyshortcut))), description && jsx("p", {
+      css: itemDescription
+    }, description)))
+  );
 });
 var elementItemsWrapper = css({
   flex: 1,

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

@@ -98,7 +98,9 @@ function ElementSearch(_ref) {
     }, "\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,
@@ -107,7 +109,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/esm/extensibility/Extension/Extension/index.js

@@ -106,9 +106,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: function onMouseEnter() {
       return handleMouseEvent(true);
@@ -124,18 +128,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/esm/extensibility/Extension/InlineExtension/index.js

@@ -42,7 +42,9 @@ var InlineExtension = function 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: function onMouseEnter() {
       return handleMouseEvent(true);

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

@@ -83,8 +83,11 @@ export var ExtensionLabel = function ExtensionLabel(_ref) {
     setIsNodeHovered === null || setIsNodeHovered === 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/esm/extensibility/ExtensionNodeWrapper.js

@@ -27,8 +27,11 @@ export var ExtensionNodeWrapper = function ExtensionNodeWrapper(_ref) {
     '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/esm/extensibility/MultiBodiedExtension/index.js

@@ -33,16 +33,20 @@ var getWrapperTitleContent = function getWrapperTitleContent(imageData, title, s
   if (imageData) {
     var url = imageData.url,
       rest = _objectWithoutProperties(imageData, _excluded);
-    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, {
@@ -144,9 +148,12 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref)
     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: function onMouseEnter() {
       return handleMouseEvent(true);
@@ -155,19 +162,24 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref)
       return 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/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -838,7 +838,9 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       // for details: https://a11y-internal.atlassian.net/browse/AK-740
       var 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/esm/link/LinkSearch/LinkSearchListItem.js

@@ -120,6 +120,7 @@ var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
         intl = _this$props6.intl;
       var 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/esm/media-inline/inline-image-wrapper.js

@@ -33,7 +33,10 @@ export var InlineImageWrapper = function InlineImageWrapper(_ref) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/prefer-primitives
     jsx("span", _extends({
-      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: INLINE_IMAGE_WRAPPER_CLASS_NAME,
       css: [wrapperStyle, borderSize && borderColor && borderStyle, isSelected && selectedStyle, isInteractive && interactiveStyle],
       "data-testid": "inline-image-wrapper",

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

@@ -82,11 +82,16 @@ export var CommentBadge = function CommentBadge(_ref) {
     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/esm/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/esm/messages/card.js

@@ -120,6 +120,11 @@ export var 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/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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.1";
+var packageVersion = "81.1.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -85,6 +85,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/esm/react-node-view/getInlineNodeViewProducer.js

@@ -177,12 +177,16 @@ function getPortalChildren(_ref2) {
       ,
       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: "".concat(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: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }));
   };