@atlaskit/editor-plugin-media 10.1.0 → 10.1.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-media
 
+## 10.1.2
+
+### Patch Changes
+
+- [`ca2338799c141`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ca2338799c141) -
+  [ux] Fix media cards and media singles to use the correct border radius in the editor, renderer
+  and inline media player.
+- Updated dependencies
+
+## 10.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.1.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/mediaGroup.js

@@ -54,11 +54,11 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
         pluginInjectionApi = props.pluginInjectionApi;
       var getPos = this.getPos;
       return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
         providerFactory: providerFactory
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         ,
         renderNode: function renderNode(_ref2) {
           var contextIdentifierProvider = _ref2.contextIdentifierProvider;

package/dist/cjs/nodeviews/mediaInline.js

@@ -201,7 +201,7 @@ var MediaInline = exports.MediaInline = function MediaInline(props) {
       alt: alt,
       width: width,
       height: height
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       border: {
         borderSize: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
@@ -311,11 +311,11 @@ var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_
       var view = this.view;
       var getPos = this.getPos;
       return (0, _react2.jsx)(_providerFactory.WithProviders
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
         providerFactory: providerFactory
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         ,
         renderNode: function renderNode(_ref4) {
           var _mediaProvider = _ref4.mediaProvider,

package/dist/cjs/nodeviews/mediaNodeView/index.js

@@ -281,7 +281,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     value: function render() {
       var providerFactory = this.reactComponentProps.providerFactory;
       return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
         providerFactory: providerFactory,

package/dist/cjs/nodeviews/mediaNodeView/media.js

@@ -367,7 +367,7 @@ var MediaNode = exports.MediaNode = /*#__PURE__*/function (_Component) {
         borderWidth: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
         selected: selected
       }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         data: (0, _defineProperty2.default)({}, _analyticsNamespacedContext.MEDIA_CONTEXT, {
           border: !!borderMark

package/dist/cjs/nodeviews/mediaSingle.js

@@ -254,11 +254,11 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
       // getPos is a boolean for marks, since this is a node we know it must be a function
       var getPos = this.getPos;
       return (0, _react2.jsx)(_providerFactory.WithProviders
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
         providerFactory: providerFactory
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         ,
         renderNode: function renderNode(_ref2) {
           var contextIdentifierProvider = _ref2.contextIdentifierProvider;

package/dist/cjs/nodeviews/styles.js

@@ -8,6 +8,7 @@ exports.MediaSingleNodeSelector = exports.MediaCardWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -36,6 +37,11 @@ var MediaCardWrapper = exports.MediaCardWrapper = function MediaCardWrapper(_ref
     borderWidth = _ref$borderWidth === void 0 ? 0 : _ref$borderWidth,
     onContextMenu = _ref.onContextMenu;
   var calculatedBorderWidth = selected && borderWidth > 0 ? borderWidth + 1 : borderWidth;
+  // [FEATURE FLAG: platform_editor_media_border_radius_fix]
+  // Fixes border radius calculation to properly fit image with 8px radius
+  // To clean up: keep only flag-on behavior (calculatedBorderWidth + 8)
+  var borderRadius = (0, _platformFeatureFlags.fg)('platform_editor_media_border_radius_fix') ? "".concat(calculatedBorderWidth + 8, "px") : "".concat(calculatedBorderWidth * 2, "px"); // OLD BEHAVIOR (to be removed when flag is cleaned up)
+
   return (0, _react2.jsx)("div", {
     "data-testid": "media-card-wrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -47,7 +53,8 @@ var MediaCardWrapper = exports.MediaCardWrapper = function MediaCardWrapper(_ref
       borderWidth: "".concat(calculatedBorderWidth, "px"),
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       borderStyle: 'solid',
-      borderRadius: "".concat(calculatedBorderWidth * 2, "px")
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      borderRadius: borderRadius
     }
   }, (0, _react2.jsx)("div", {
     css: forcedDimensionsStyles,

package/dist/cjs/pm-plugins/pixel-resizing/ui/index.js

@@ -80,7 +80,7 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
     mediaHeight: mediaHeight || _mediaSingle.DEFAULT_IMAGE_HEIGHT,
     minWidth: minWidth,
     maxWidth: maxWidth
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onChange: function onChange(valid) {
       if (valid) {
@@ -89,7 +89,7 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
         hoverDecoration === null || hoverDecoration === void 0 || hoverDecoration(mediaSingle, false)(editorView.state, dispatch, editorView);
       }
     }
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onSubmit: function onSubmit(_ref2) {
       var width = _ref2.width,
@@ -99,7 +99,7 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
         dispatch(tr);
       }
     }
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onMigrate: function onMigrate() {
       var tr = state.tr.setNodeMarkup(selectedMediaSingleNode.pos, undefined, _objectSpread(_objectSpread({}, selectedMediaSingleNode.node.attrs), {}, {
@@ -114,7 +114,7 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
       }
       dispatch(tr);
     }
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onCloseAndSave: function onCloseAndSave(_ref3, setFocus) {
       var width = _ref3.width,

package/dist/cjs/pm-plugins/pixel-resizing/ui/pixel-entry.js

@@ -209,7 +209,7 @@ var PixelEntryComponent = exports.PixelEntryComponent = function PixelEntryCompo
           // Ignored via go/ees005
           // eslint-disable-next-line react/jsx-props-no-spreading
           , (0, _extends2.default)({}, fieldProps, {
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
             css: [_styles.pixelSizingWidthInput, _styles.pixelSizingInput],
             appearance: "none",
             isCompact: true,
@@ -236,7 +236,7 @@ var PixelEntryComponent = exports.PixelEntryComponent = function PixelEntryCompo
           // Ignored via go/ees005
           // eslint-disable-next-line react/jsx-props-no-spreading
           , (0, _extends2.default)({}, fieldProps, {
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
             css: [_styles.pixelSizingHeightInput, _styles.pixelSizingInput],
             appearance: "none",
             isCompact: true,
@@ -366,7 +366,7 @@ var PixelEntryComponentNext = exports.PixelEntryComponentNext = function PixelEn
     }))), !isViewMode && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_primitives.Box, {
       xcss: dividerStyles
     }), (0, _react2.jsx)(_new.IconButton
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       icon: function icon() {
         return (0, _react2.jsx)(_cross.default, {
@@ -376,7 +376,7 @@ var PixelEntryComponentNext = exports.PixelEntryComponentNext = function PixelEn
       },
       label: formatMessage(_media.pixelEntryMessages.closePixelEntry),
       appearance: "subtle"
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       onClick: function onClick() {
         handleCloseAndSave({

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

@@ -68,12 +68,12 @@ var CommentBadgeWrapper = exports.CommentBadgeWrapper = function CommentBadgeWra
     onClick: onClick,
     mediaSingleElement: mediaSingleElement,
     status: entered ? 'entered' : status
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onMouseEnter: function onMouseEnter() {
       return setEntered(true);
     }
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onMouseLeave: function onMouseLeave() {
       return setEntered(false);

package/dist/cjs/ui/MediaLinkingToolbar.js

@@ -127,7 +127,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
             label: formatLinkAddressText,
             size: "small"
           })
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onClick: function onClick() {
             return _this.handleOnBack({
@@ -135,7 +135,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
               inputMethod: currentInputMethod
             });
           }
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onKeyDown: function onKeyDown(event) {
             if (event.key === 'Enter' || event.key === ' ') {
@@ -154,7 +154,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
           autoFocus: true,
           onCancel: _this.handleCancel,
           defaultValue: value
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onSubmit: function onSubmit(inputValue) {
             var validationErrors = _this.getValidationErrors(inputValue, currentInputMethod);
@@ -165,7 +165,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
               _onSubmit();
             }
           }
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onChange: function onChange(value) {
             _this.setState({
@@ -184,12 +184,12 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
           icon: (0, _react2.jsx)(_linkBroken.default, {
             label: formatUnlinkText
           })
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onClick: function onClick() {
             return _this.handleUnlink();
           }
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onKeyDown: function onKeyDown(event) {
             if (event.key === 'Enter' || event.key === ' ') {

package/dist/cjs/ui/MediaPicker/DropzoneWrapper.js

@@ -49,12 +49,12 @@ var DropzoneWrapperInternal = function DropzoneWrapperInternal(_ref) {
     onError: pickerFacadeInstance.handleUploadError,
     onPreviewUpdate: pickerFacadeInstance.handleUploadPreviewUpdate,
     onEnd: pickerFacadeInstance.handleReady
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onDragEnter: function onDragEnter() {
       return handleDrag === null || handleDrag === void 0 ? void 0 : handleDrag('enter');
     }
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onDragLeave: function onDragLeave() {
       return handleDrag === null || handleDrag === void 0 ? void 0 : handleDrag('leave');

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

@@ -434,7 +434,7 @@ var ResizableMediaSingle = exports.default = /*#__PURE__*/function (_React$Compo
         // when cursor is located below a media with caption,
         // press “Up“ key will result cursor focus on an invalid position, (on the resize handler)
         // This workaround adds an empty div inside the resize handler to prevent the issue.
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         ,
         handleComponentFunc: function handleComponentFunc() {
           return (0, _react2.jsx)("div", {

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

@@ -306,13 +306,13 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
           state = editorView.state;
         var borderMark = (0, _currentMediaNode.currentMediaOrInlineNodeBorderMark)(state);
         return /*#__PURE__*/_react.default.createElement(_ImageBorder.default
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         , {
           toggleBorder: function toggleBorder() {
             var _pluginInjectionApi$a;
             (0, _commands.toggleBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(state, dispatch);
           }
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           setBorder: function setBorder(attrs) {
             var _pluginInjectionApi$a2;

package/dist/cjs/ui/toolbar/layout-group.js

@@ -51,7 +51,7 @@ var LayoutGroup = exports.LayoutGroup = function LayoutGroup(_ref) {
           title: item.title,
           selected: item.selected,
           disabled: item.disabled
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onClick: function onClick() {
             dispatchCommand(item.onClick);

package/dist/cjs/ui/toolbar/linking.js

@@ -76,14 +76,14 @@ var getLinkingToolbar = exports.getLinkingToolbar = function getLinkingToolbar(t
               providerFactory: providerFactory,
               intl: intl,
               editing: editing
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onUnlink: function onUnlink(setFocus) {
                 var _pluginInjectionApi$a;
                 (0, _linking.unlink)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(view.state, view.dispatch, view);
                 setFocusOnFloatingToolbar(setFocus);
               }
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onBack: function onBack(href, meta, setFocus) {
                 if (href.trim() && meta.inputMethod) {
@@ -93,7 +93,7 @@ var getLinkingToolbar = exports.getLinkingToolbar = function getLinkingToolbar(t
                 (0, _linking.hideLinkingToolbar)(view.state, view.dispatch, view);
                 setFocusOnFloatingToolbar(setFocus);
               }
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onCancel: function onCancel() {
                 var _pluginInjectionApi$f2;
@@ -107,7 +107,7 @@ var getLinkingToolbar = exports.getLinkingToolbar = function getLinkingToolbar(t
                 pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f2 = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f2 === void 0 || (_pluginInjectionApi$f2 = _pluginInjectionApi$f2.actions) === null || _pluginInjectionApi$f2 === void 0 || _pluginInjectionApi$f2.forceFocusSelector(selector)(tr);
                 dispatch(tr);
               }
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onSubmit: function onSubmit(href, meta) {
                 var _pluginInjectionApi$a3;
@@ -115,7 +115,7 @@ var getLinkingToolbar = exports.getLinkingToolbar = function getLinkingToolbar(t
                 (0, _linking.hideLinkingToolbar)(view.state, view.dispatch, view);
                 setFocusOnFloatingToolbar(true);
               }
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onBlur: function onBlur() {
                 (0, _linking.hideLinkingToolbar)(view.state, view.dispatch, view);

package/dist/cjs/ui/toolbar/mediaInline.js

@@ -205,13 +205,13 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
           state = editorView.state;
         var borderMark = (0, _currentMediaNode.currentMediaOrInlineNodeBorderMark)(state);
         return /*#__PURE__*/_react.default.createElement(_ImageBorder.default
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         , {
           toggleBorder: function toggleBorder() {
             var _pluginInjectionApi$a2;
             (0, _commands.toggleBorderMark)(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(state, dispatch);
           }
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           setBorder: function setBorder(attrs) {
             var _pluginInjectionApi$a3;

package/dist/es2019/nodeviews/mediaGroup.js

@@ -36,11 +36,11 @@ class MediaGroupNodeView extends ReactNodeView {
     } = props;
     const getPos = this.getPos;
     return /*#__PURE__*/React.createElement(WithProviders
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       providers: ['contextIdentifierProvider'],
       providerFactory: providerFactory
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       renderNode: ({
         contextIdentifierProvider

package/dist/es2019/nodeviews/mediaInline.js

@@ -134,7 +134,7 @@ export const MediaInline = props => {
       alt: alt,
       width: width,
       height: height
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       border: {
         borderSize: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
@@ -234,11 +234,11 @@ export class MediaInlineNodeView extends SelectionBasedNodeView {
     } = this;
     const getPos = this.getPos;
     return jsx(WithProviders
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       providers: ['contextIdentifierProvider'],
       providerFactory: providerFactory
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       renderNode: ({
         mediaProvider: _mediaProvider,

package/dist/es2019/nodeviews/mediaNodeView/index.js

@@ -258,7 +258,7 @@ class MediaNodeView extends SelectionBasedNodeView {
       providerFactory
     } = this.reactComponentProps;
     return /*#__PURE__*/React.createElement(WithProviders
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       providers: ['contextIdentifierProvider'],
       providerFactory: providerFactory,

package/dist/es2019/nodeviews/mediaNodeView/media.js

@@ -306,7 +306,7 @@ export class MediaNode extends Component {
       borderWidth: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
       selected: selected
     }, /*#__PURE__*/React.createElement(AnalyticsContext
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       data: {
         [MEDIA_CONTEXT]: {

package/dist/es2019/nodeviews/mediaSingle.js

@@ -212,11 +212,11 @@ class MediaSingleNodeView extends ReactNodeView {
     // getPos is a boolean for marks, since this is a node we know it must be a function
     const getPos = this.getPos;
     return jsx(WithProviders
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       providers: ['contextIdentifierProvider'],
       providerFactory: providerFactory
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       renderNode: ({
         contextIdentifierProvider

package/dist/es2019/nodeviews/styles.js

@@ -7,6 +7,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { MediaBorderGapFiller } from '@atlaskit/editor-common/ui';
+import { fg } from '@atlaskit/platform-feature-flags';
 export const MediaSingleNodeSelector = 'media-single-node';
 const absoluteDivStyles = css({
   position: 'absolute',
@@ -28,6 +29,11 @@ export const MediaCardWrapper = ({
   onContextMenu
 }) => {
   const calculatedBorderWidth = selected && borderWidth > 0 ? borderWidth + 1 : borderWidth;
+  // [FEATURE FLAG: platform_editor_media_border_radius_fix]
+  // Fixes border radius calculation to properly fit image with 8px radius
+  // To clean up: keep only flag-on behavior (calculatedBorderWidth + 8)
+  const borderRadius = fg('platform_editor_media_border_radius_fix') ? `${calculatedBorderWidth + 8}px` : `${calculatedBorderWidth * 2}px`; // OLD BEHAVIOR (to be removed when flag is cleaned up)
+
   return jsx("div", {
     "data-testid": "media-card-wrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -39,7 +45,8 @@ export const MediaCardWrapper = ({
       borderWidth: `${calculatedBorderWidth}px`,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       borderStyle: 'solid',
-      borderRadius: `${calculatedBorderWidth * 2}px`
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      borderRadius
     }
   }, jsx("div", {
     css: forcedDimensionsStyles,

package/dist/es2019/pm-plugins/pixel-resizing/ui/index.js

@@ -78,7 +78,7 @@ export const PixelEntry = ({
     mediaHeight: mediaHeight || DEFAULT_IMAGE_HEIGHT,
     minWidth: minWidth,
     maxWidth: maxWidth
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onChange: valid => {
       if (valid) {
@@ -87,7 +87,7 @@ export const PixelEntry = ({
         hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaSingle, false)(editorView.state, dispatch, editorView);
       }
     }
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onSubmit: ({
       width,
@@ -98,7 +98,7 @@ export const PixelEntry = ({
         dispatch(tr);
       }
     }
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onMigrate: () => {
       let tr = state.tr.setNodeMarkup(selectedMediaSingleNode.pos, undefined, {
@@ -114,7 +114,7 @@ export const PixelEntry = ({
       }
       dispatch(tr);
     }
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onCloseAndSave: ({
       width,

package/dist/es2019/pm-plugins/pixel-resizing/ui/pixel-entry.js

@@ -192,7 +192,7 @@ export const PixelEntryComponent = ({
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
         , _extends({}, fieldProps, {
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           css: [pixelSizingWidthInput, pixelSizingInput],
           appearance: "none",
           isCompact: true,
@@ -218,7 +218,7 @@ export const PixelEntryComponent = ({
         // Ignored via go/ees005
         // eslint-disable-next-line react/jsx-props-no-spreading
         , _extends({}, fieldProps, {
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           css: [pixelSizingHeightInput, pixelSizingInput],
           appearance: "none",
           isCompact: true,
@@ -348,7 +348,7 @@ export const PixelEntryComponentNext = ({
     }))), !isViewMode && jsx(Fragment, null, jsx(Box, {
       xcss: dividerStyles
     }), jsx(IconButton
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       icon: () => jsx(CrossIcon, {
         label: "",
@@ -356,7 +356,7 @@ export const PixelEntryComponentNext = ({
       }),
       label: formatMessage(messages.closePixelEntry),
       appearance: "subtle"
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       onClick: () => {
         handleCloseAndSave({

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

@@ -62,10 +62,10 @@ export const CommentBadgeWrapper = ({
     onClick: onClick,
     mediaSingleElement: mediaSingleElement,
     status: entered ? 'entered' : status
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onMouseEnter: () => setEntered(true)
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onMouseLeave: () => setEntered(false)
   });

package/dist/es2019/ui/MediaLinkingToolbar.js

@@ -122,13 +122,13 @@ class LinkAddToolbar extends React.PureComponent {
             label: formatLinkAddressText,
             size: "small"
           })
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onClick: () => this.handleOnBack({
             url: value,
             inputMethod: currentInputMethod
           })
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onKeyDown: event => {
             if (event.key === 'Enter' || event.key === ' ') {
@@ -147,7 +147,7 @@ class LinkAddToolbar extends React.PureComponent {
           autoFocus: true,
           onCancel: this.handleCancel,
           defaultValue: value
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onSubmit: inputValue => {
             const validationErrors = this.getValidationErrors(inputValue, currentInputMethod);
@@ -158,7 +158,7 @@ class LinkAddToolbar extends React.PureComponent {
               onSubmit();
             }
           }
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onChange: value => {
             this.setState({
@@ -177,10 +177,10 @@ class LinkAddToolbar extends React.PureComponent {
           icon: jsx(EditorUnlinkIcon, {
             label: formatUnlinkText
           })
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onClick: () => this.handleUnlink()
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onKeyDown: event => {
             if (event.key === 'Enter' || event.key === ' ') {

package/dist/es2019/ui/MediaPicker/DropzoneWrapper.js

@@ -43,10 +43,10 @@ const DropzoneWrapperInternal = ({
     onError: pickerFacadeInstance.handleUploadError,
     onPreviewUpdate: pickerFacadeInstance.handleUploadPreviewUpdate,
     onEnd: pickerFacadeInstance.handleReady
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onDragEnter: () => handleDrag === null || handleDrag === void 0 ? void 0 : handleDrag('enter')
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onDragLeave: () => handleDrag === null || handleDrag === void 0 ? void 0 : handleDrag('leave'),
     featureFlags: featureFlags

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

@@ -364,7 +364,7 @@ export default class ResizableMediaSingle extends React.Component {
       // when cursor is located below a media with caption,
       // press “Up“ key will result cursor focus on an invalid position, (on the resize handler)
       // This workaround adds an empty div inside the resize handler to prevent the issue.
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       handleComponentFunc: () => jsx("div", {
         contentEditable: false

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

@@ -299,13 +299,13 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
         } = editorView;
         const borderMark = currentMediaOrInlineNodeBorderMark(state);
         return /*#__PURE__*/React.createElement(ImageBorderItem
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         , {
           toggleBorder: () => {
             var _pluginInjectionApi$a;
             toggleBorderMark(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(state, dispatch);
           }
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           setBorder: attrs => {
             var _pluginInjectionApi$a2;

package/dist/es2019/ui/toolbar/layout-group.js

@@ -44,7 +44,7 @@ export const LayoutGroup = ({
           title: item.title,
           selected: item.selected,
           disabled: item.disabled
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onClick: () => {
             dispatchCommand(item.onClick);

package/dist/es2019/ui/toolbar/linking.js

@@ -77,14 +77,14 @@ export const getLinkingToolbar = (toolbarBaseConfig, mediaLinkingState, state, i
               providerFactory: providerFactory,
               intl: intl,
               editing: editing
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onUnlink: setFocus => {
                 var _pluginInjectionApi$a;
                 unlink(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(view.state, view.dispatch, view);
                 setFocusOnFloatingToolbar(setFocus);
               }
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onBack: (href, meta, setFocus) => {
                 if (href.trim() && meta.inputMethod) {
@@ -94,7 +94,7 @@ export const getLinkingToolbar = (toolbarBaseConfig, mediaLinkingState, state, i
                 hideLinkingToolbar(view.state, view.dispatch, view);
                 setFocusOnFloatingToolbar(setFocus);
               }
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onCancel: () => {
                 var _pluginInjectionApi$f3, _pluginInjectionApi$f4;
@@ -112,7 +112,7 @@ export const getLinkingToolbar = (toolbarBaseConfig, mediaLinkingState, state, i
                 pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f3 = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f3 === void 0 ? void 0 : (_pluginInjectionApi$f4 = _pluginInjectionApi$f3.actions) === null || _pluginInjectionApi$f4 === void 0 ? void 0 : _pluginInjectionApi$f4.forceFocusSelector(selector)(tr);
                 dispatch(tr);
               }
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onSubmit: (href, meta) => {
                 var _pluginInjectionApi$a3;
@@ -120,7 +120,7 @@ export const getLinkingToolbar = (toolbarBaseConfig, mediaLinkingState, state, i
                 hideLinkingToolbar(view.state, view.dispatch, view);
                 setFocusOnFloatingToolbar(true);
               }
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onBlur: () => {
                 hideLinkingToolbar(view.state, view.dispatch, view);

package/dist/es2019/ui/toolbar/mediaInline.js

@@ -195,13 +195,13 @@ const getMediaInlineImageToolbar = (state, intl, mediaPluginState, hoverDecorati
         } = editorView;
         const borderMark = currentMediaOrInlineNodeBorderMark(state);
         return /*#__PURE__*/React.createElement(ImageBorderItem
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         , {
           toggleBorder: () => {
             var _pluginInjectionApi$a2;
             toggleBorderMark(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(state, dispatch);
           }
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           setBorder: attrs => {
             var _pluginInjectionApi$a3;

package/dist/esm/nodeviews/mediaGroup.js

@@ -47,11 +47,11 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
         pluginInjectionApi = props.pluginInjectionApi;
       var getPos = this.getPos;
       return /*#__PURE__*/React.createElement(WithProviders
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
         providerFactory: providerFactory
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         ,
         renderNode: function renderNode(_ref2) {
           var contextIdentifierProvider = _ref2.contextIdentifierProvider;

package/dist/esm/nodeviews/mediaInline.js

@@ -197,7 +197,7 @@ export var MediaInline = function MediaInline(props) {
       alt: alt,
       width: width,
       height: height
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       border: {
         borderSize: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
@@ -307,11 +307,11 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
       var view = this.view;
       var getPos = this.getPos;
       return jsx(WithProviders
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
         providerFactory: providerFactory
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         ,
         renderNode: function renderNode(_ref4) {
           var _mediaProvider = _ref4.mediaProvider,

package/dist/esm/nodeviews/mediaNodeView/index.js

@@ -275,7 +275,7 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     value: function render() {
       var providerFactory = this.reactComponentProps.providerFactory;
       return /*#__PURE__*/React.createElement(WithProviders
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
         providerFactory: providerFactory,

package/dist/esm/nodeviews/mediaNodeView/media.js

@@ -359,7 +359,7 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
         borderWidth: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
         selected: selected
       }, /*#__PURE__*/React.createElement(AnalyticsContext
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         data: _defineProperty({}, MEDIA_CONTEXT, {
           border: !!borderMark

package/dist/esm/nodeviews/mediaSingle.js

@@ -250,11 +250,11 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
       // getPos is a boolean for marks, since this is a node we know it must be a function
       var getPos = this.getPos;
       return jsx(WithProviders
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       , {
         providers: ['contextIdentifierProvider'],
         providerFactory: providerFactory
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         ,
         renderNode: function renderNode(_ref2) {
           var contextIdentifierProvider = _ref2.contextIdentifierProvider;

package/dist/esm/nodeviews/styles.js

@@ -7,6 +7,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { MediaBorderGapFiller } from '@atlaskit/editor-common/ui';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var MediaSingleNodeSelector = 'media-single-node';
 var absoluteDivStyles = css({
   position: 'absolute',
@@ -28,6 +29,11 @@ export var MediaCardWrapper = function MediaCardWrapper(_ref) {
     borderWidth = _ref$borderWidth === void 0 ? 0 : _ref$borderWidth,
     onContextMenu = _ref.onContextMenu;
   var calculatedBorderWidth = selected && borderWidth > 0 ? borderWidth + 1 : borderWidth;
+  // [FEATURE FLAG: platform_editor_media_border_radius_fix]
+  // Fixes border radius calculation to properly fit image with 8px radius
+  // To clean up: keep only flag-on behavior (calculatedBorderWidth + 8)
+  var borderRadius = fg('platform_editor_media_border_radius_fix') ? "".concat(calculatedBorderWidth + 8, "px") : "".concat(calculatedBorderWidth * 2, "px"); // OLD BEHAVIOR (to be removed when flag is cleaned up)
+
   return jsx("div", {
     "data-testid": "media-card-wrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -39,7 +45,8 @@ export var MediaCardWrapper = function MediaCardWrapper(_ref) {
       borderWidth: "".concat(calculatedBorderWidth, "px"),
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       borderStyle: 'solid',
-      borderRadius: "".concat(calculatedBorderWidth * 2, "px")
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      borderRadius: borderRadius
     }
   }, jsx("div", {
     css: forcedDimensionsStyles,

package/dist/esm/pm-plugins/pixel-resizing/ui/index.js

@@ -76,7 +76,7 @@ export var PixelEntry = function PixelEntry(_ref) {
     mediaHeight: mediaHeight || DEFAULT_IMAGE_HEIGHT,
     minWidth: minWidth,
     maxWidth: maxWidth
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onChange: function onChange(valid) {
       if (valid) {
@@ -85,7 +85,7 @@ export var PixelEntry = function PixelEntry(_ref) {
         hoverDecoration === null || hoverDecoration === void 0 || hoverDecoration(mediaSingle, false)(editorView.state, dispatch, editorView);
       }
     }
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onSubmit: function onSubmit(_ref2) {
       var width = _ref2.width,
@@ -95,7 +95,7 @@ export var PixelEntry = function PixelEntry(_ref) {
         dispatch(tr);
       }
     }
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onMigrate: function onMigrate() {
       var tr = state.tr.setNodeMarkup(selectedMediaSingleNode.pos, undefined, _objectSpread(_objectSpread({}, selectedMediaSingleNode.node.attrs), {}, {
@@ -110,7 +110,7 @@ export var PixelEntry = function PixelEntry(_ref) {
       }
       dispatch(tr);
     }
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onCloseAndSave: function onCloseAndSave(_ref3, setFocus) {
       var width = _ref3.width,

package/dist/esm/pm-plugins/pixel-resizing/ui/pixel-entry.js

@@ -197,7 +197,7 @@ export var PixelEntryComponent = function PixelEntryComponent(_ref) {
           // Ignored via go/ees005
           // eslint-disable-next-line react/jsx-props-no-spreading
           , _extends({}, fieldProps, {
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
             css: [pixelSizingWidthInput, pixelSizingInput],
             appearance: "none",
             isCompact: true,
@@ -224,7 +224,7 @@ export var PixelEntryComponent = function PixelEntryComponent(_ref) {
           // Ignored via go/ees005
           // eslint-disable-next-line react/jsx-props-no-spreading
           , _extends({}, fieldProps, {
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
             css: [pixelSizingHeightInput, pixelSizingInput],
             appearance: "none",
             isCompact: true,
@@ -354,7 +354,7 @@ export var PixelEntryComponentNext = function PixelEntryComponentNext(_ref5) {
     }))), !isViewMode && jsx(Fragment, null, jsx(Box, {
       xcss: dividerStyles
     }), jsx(IconButton
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     , {
       icon: function icon() {
         return jsx(CrossIcon, {
@@ -364,7 +364,7 @@ export var PixelEntryComponentNext = function PixelEntryComponentNext(_ref5) {
       },
       label: formatMessage(messages.closePixelEntry),
       appearance: "subtle"
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       ,
       onClick: function onClick() {
         handleCloseAndSave({

package/dist/esm/ui/CommentBadge/index.js

@@ -59,12 +59,12 @@ export var CommentBadgeWrapper = function CommentBadgeWrapper(_ref) {
     onClick: onClick,
     mediaSingleElement: mediaSingleElement,
     status: entered ? 'entered' : status
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onMouseEnter: function onMouseEnter() {
       return setEntered(true);
     }
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onMouseLeave: function onMouseLeave() {
       return setEntered(false);

package/dist/esm/ui/MediaLinkingToolbar.js

@@ -123,7 +123,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
             label: formatLinkAddressText,
             size: "small"
           })
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onClick: function onClick() {
             return _this.handleOnBack({
@@ -131,7 +131,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
               inputMethod: currentInputMethod
             });
           }
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onKeyDown: function onKeyDown(event) {
             if (event.key === 'Enter' || event.key === ' ') {
@@ -150,7 +150,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
           autoFocus: true,
           onCancel: _this.handleCancel,
           defaultValue: value
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onSubmit: function onSubmit(inputValue) {
             var validationErrors = _this.getValidationErrors(inputValue, currentInputMethod);
@@ -161,7 +161,7 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
               _onSubmit();
             }
           }
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onChange: function onChange(value) {
             _this.setState({
@@ -180,12 +180,12 @@ var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
           icon: jsx(EditorUnlinkIcon, {
             label: formatUnlinkText
           })
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onClick: function onClick() {
             return _this.handleUnlink();
           }
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onKeyDown: function onKeyDown(event) {
             if (event.key === 'Enter' || event.key === ' ') {

package/dist/esm/ui/MediaPicker/DropzoneWrapper.js

@@ -42,12 +42,12 @@ var DropzoneWrapperInternal = function DropzoneWrapperInternal(_ref) {
     onError: pickerFacadeInstance.handleUploadError,
     onPreviewUpdate: pickerFacadeInstance.handleUploadPreviewUpdate,
     onEnd: pickerFacadeInstance.handleReady
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onDragEnter: function onDragEnter() {
       return handleDrag === null || handleDrag === void 0 ? void 0 : handleDrag('enter');
     }
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     ,
     onDragLeave: function onDragLeave() {
       return handleDrag === null || handleDrag === void 0 ? void 0 : handleDrag('leave');

package/dist/esm/ui/ResizableMediaSingle/index.js

@@ -430,7 +430,7 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
         // when cursor is located below a media with caption,
         // press “Up“ key will result cursor focus on an invalid position, (on the resize handler)
         // This workaround adds an empty div inside the resize handler to prevent the issue.
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         ,
         handleComponentFunc: function handleComponentFunc() {
           return jsx("div", {

package/dist/esm/ui/toolbar/index.js

@@ -297,13 +297,13 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
           state = editorView.state;
         var borderMark = currentMediaOrInlineNodeBorderMark(state);
         return /*#__PURE__*/React.createElement(ImageBorderItem
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         , {
           toggleBorder: function toggleBorder() {
             var _pluginInjectionApi$a;
             toggleBorderMark(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(state, dispatch);
           }
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           setBorder: function setBorder(attrs) {
             var _pluginInjectionApi$a2;

package/dist/esm/ui/toolbar/layout-group.js

@@ -43,7 +43,7 @@ export var LayoutGroup = function LayoutGroup(_ref) {
           title: item.title,
           selected: item.selected,
           disabled: item.disabled
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           onClick: function onClick() {
             dispatchCommand(item.onClick);

package/dist/esm/ui/toolbar/linking.js

@@ -68,14 +68,14 @@ export var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, med
               providerFactory: providerFactory,
               intl: intl,
               editing: editing
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onUnlink: function onUnlink(setFocus) {
                 var _pluginInjectionApi$a;
                 unlink(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(view.state, view.dispatch, view);
                 setFocusOnFloatingToolbar(setFocus);
               }
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onBack: function onBack(href, meta, setFocus) {
                 if (href.trim() && meta.inputMethod) {
@@ -85,7 +85,7 @@ export var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, med
                 hideLinkingToolbar(view.state, view.dispatch, view);
                 setFocusOnFloatingToolbar(setFocus);
               }
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onCancel: function onCancel() {
                 var _pluginInjectionApi$f2;
@@ -99,7 +99,7 @@ export var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, med
                 pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f2 = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f2 === void 0 || (_pluginInjectionApi$f2 = _pluginInjectionApi$f2.actions) === null || _pluginInjectionApi$f2 === void 0 || _pluginInjectionApi$f2.forceFocusSelector(selector)(tr);
                 dispatch(tr);
               }
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onSubmit: function onSubmit(href, meta) {
                 var _pluginInjectionApi$a3;
@@ -107,7 +107,7 @@ export var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, med
                 hideLinkingToolbar(view.state, view.dispatch, view);
                 setFocusOnFloatingToolbar(true);
               }
-              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
               ,
               onBlur: function onBlur() {
                 hideLinkingToolbar(view.state, view.dispatch, view);

package/dist/esm/ui/toolbar/mediaInline.js

@@ -196,13 +196,13 @@ var getMediaInlineImageToolbar = function getMediaInlineImageToolbar(state, intl
           state = editorView.state;
         var borderMark = currentMediaOrInlineNodeBorderMark(state);
         return /*#__PURE__*/React.createElement(ImageBorderItem
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         , {
           toggleBorder: function toggleBorder() {
             var _pluginInjectionApi$a2;
             toggleBorderMark(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(state, dispatch);
           }
-          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
           ,
           setBorder: function setBorder(attrs) {
             var _pluginInjectionApi$a3;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "10.1.0",
+	"version": "10.1.2",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -66,8 +66,8 @@
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^44.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tmp-editor-statsig": "^45.0.0",
+		"@atlaskit/tokens": "^11.2.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -78,7 +78,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.7.0",
+		"@atlaskit/editor-common": "^112.8.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
@@ -162,6 +162,9 @@
 		},
 		"confluence_fe_create_inline_comment_exp_coverage_2": {
 			"type": "boolean"
+		},
+		"platform_editor_media_border_radius_fix": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {