@atlaskit/editor-common 102.13.5 → 102.13.7

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-common
 
+## 102.13.7
+
+### Patch Changes
+
+- [#130660](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/130660)
+  [`35cca6367a1ba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/35cca6367a1ba) -
+  ED-27007 Clean up feature flag platform_editor_heading_margin_fix
+- [#131474](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/131474)
+  [`c3e241e444446`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c3e241e444446) -
+  ENGHEALTH-23692 Iconography uplift for editor-common
+- Updated dependencies
+
+## 102.13.6
+
+### Patch Changes
+
+- [#131280](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/131280)
+  [`9ff92ea2432f2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9ff92ea2432f2) -
+  [ED-27082] Fix media overflow toolbar to show correct options + update separators between button
+  groups
+- Updated dependencies
+
 ## 102.13.5
 
 ### Patch Changes

package/dist/cjs/card/MediaAndEmbedsToolbar/index.js

@@ -17,11 +17,11 @@ var _alignImageLeft = _interopRequireDefault(require("@atlaskit/icon/core/align-
 var _alignImageRight = _interopRequireDefault(require("@atlaskit/icon/core/align-image-right"));
 var _contentWrapLeft = _interopRequireDefault(require("@atlaskit/icon/core/content-wrap-left"));
 var _contentWrapRight = _interopRequireDefault(require("@atlaskit/icon/core/content-wrap-right"));
+var _contentWidthWideEditorMediaWide = _interopRequireDefault(require("@atlaskit/icon/core/migration/content-width-wide--editor-media-wide"));
+var _expandHorizontalEditorMediaFullWidth = _interopRequireDefault(require("@atlaskit/icon/core/migration/expand-horizontal--editor-media-full-width"));
 var _alignImageCenter2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-center"));
 var _alignImageLeft2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-left"));
 var _alignImageRight2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-right"));
-var _mediaFullWidth = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-full-width"));
-var _mediaWide = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wide"));
 var _mediaWrapLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wrap-left"));
 var _mediaWrapRight = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wrap-right"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -95,10 +95,10 @@ var wrappingIcons = exports.wrappingIcons = [{
 }];
 var breakoutIcons = [{
   value: 'wide',
-  icon: _mediaWide.default
+  icon: _contentWidthWideEditorMediaWide.default
 }, {
   value: 'full-width',
-  icon: _mediaFullWidth.default
+  icon: _expandHorizontalEditorMediaFullWidth.default
 }];
 
 // Ignored via go/ees005

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

@@ -8,7 +8,7 @@ exports.LozengeComponent = exports.ICON_SIZE = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _file = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file"));
+var _fileEditorFile = _interopRequireDefault(require("@atlaskit/icon/core/migration/file--editor-file"));
 var _styles = require("../styles");
 var _EditToggle = require("./EditToggle");
 var _ExtensionLabel = require("./ExtensionLabel");
@@ -69,7 +69,7 @@ var LozengeComponent = exports.LozengeComponent = function LozengeComponent(_ref
     }, lozengeData && !isBlockExtension ? renderImage(_objectSpread({
       height: ICON_SIZE,
       width: ICON_SIZE
-    }, lozengeData)) : (0, _react2.jsx)(_file.default, {
+    }, lozengeData)) : (0, _react2.jsx)(_fileEditorFile.default, {
       label: title
     }), (0, _react2.jsx)("span", {
       className: "extension-title"

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

@@ -14,7 +14,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _file = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file"));
+var _fileEditorFile = _interopRequireDefault(require("@atlaskit/icon/core/migration/file--editor-file"));
 var _hooks = require("../../hooks");
 var _MultiBodiedExtension = require("../../ui/MultiBodiedExtension");
 var _utils = require("../../utils");
@@ -82,7 +82,7 @@ var getWrapperTitleContent = function getWrapperTitleContent(imageData, title, s
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "extension-title",
     "data-testid": 'multiBodiedExtension-default-lozenge'
-  }, (0, _react2.jsx)(_file.default, {
+  }, (0, _react2.jsx)(_fileEditorFile.default, {
     label: title
   }), title);
 };

package/dist/cjs/link/ConfigureLinkOverlay/Dropdown.js

@@ -13,9 +13,9 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
-var _preferences = _interopRequireDefault(require("@atlaskit/icon/glyph/preferences"));
-var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
+var _customizePreferences = _interopRequireDefault(require("@atlaskit/icon/core/migration/customize--preferences"));
+var _linkExternalShortcut = _interopRequireDefault(require("@atlaskit/icon/core/migration/link-external--shortcut"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
 var _messages = require("../../messages");
 var _StyledButton = require("./StyledButton");
 var _useLinkOverlayAnalyticsEvents = require("./useLinkOverlayAnalyticsEvents");
@@ -83,7 +83,7 @@ var Dropdown = function Dropdown(_ref) {
       }, props, {
         iconBefore: (0, _react2.jsx)(_chevronDown.default, {
           label: configureLinkLabel,
-          size: 'small'
+          LEGACY_size: "small"
         }),
         onClick: function onClick(e) {
           _onClick === null || _onClick === void 0 || _onClick(e);
@@ -94,16 +94,16 @@ var Dropdown = function Dropdown(_ref) {
     testId: "".concat(testId, "-dropdown"),
     onOpenChange: onOpenChange
   }, (0, _react2.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
-    elemBefore: (0, _react2.jsx)(_shortcut.default, {
+    elemBefore: (0, _react2.jsx)(_linkExternalShortcut.default, {
       label: goToLinkLabel,
-      size: 'medium'
+      LEGACY_size: "medium"
     }),
     testId: "".concat(testId, "-dropdown-item-open-link"),
     onClick: onGoToLinkClick
   }, goToLinkLabel), (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
-    elemBefore: (0, _react2.jsx)(_preferences.default, {
+    elemBefore: (0, _react2.jsx)(_customizePreferences.default, {
       label: configureLinkLabel,
-      size: 'medium'
+      LEGACY_size: "medium"
     }),
     onClick: onConfigureClick,
     testId: "".concat(testId, "-dropdown-item-configure")

package/dist/cjs/link/ConfigureLinkOverlay/index.js

@@ -11,7 +11,7 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _preferences = _interopRequireDefault(require("@atlaskit/icon/glyph/preferences"));
+var _customizePreferences = _interopRequireDefault(require("@atlaskit/icon/core/migration/customize--preferences"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _messages = require("../../messages");
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
@@ -106,9 +106,9 @@ var OverlayButton = exports.OverlayButton = (0, _withAnalyticsContext.default)()
     testId: "".concat(testId, "-tooltip")
   }, (0, _react2.jsx)(_StyledButton.StyledButton, {
     onClick: handleConfigureClickWithAnalytics,
-    iconBefore: (0, _react2.jsx)(_preferences.default, {
+    iconBefore: (0, _react2.jsx)(_customizePreferences.default, {
       label: configureLinkLabel,
-      size: "small",
+      LEGACY_size: "small",
       testId: "".concat(testId, "-configure-icon")
     })
   })));

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

@@ -24,7 +24,7 @@ var _reactIntlNext = require("react-intl-next");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _ = _interopRequireDefault(require("@atlaskit/icon-object/glyph/page/16"));
-var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
+var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/cross-circle"));
 var _primitives = require("@atlaskit/primitives");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../../analytics");
@@ -901,7 +901,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         onClick: this.handleClearText
       }, (0, _react2.jsx)(_crossCircle.default, {
         label: formatClearLinkText,
-        primaryColor: "var(--ds-icon-subtle, #626F86)"
+        color: "var(--ds-icon-subtle, #626F86)"
       }))))), (0, _react2.jsx)("label", {
         htmlFor: displayTextInputId,
         css: [inputLabel, textLabelMargin]
@@ -928,7 +928,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         onKeyDown: this.handleClearTextKeyDown
       }, (0, _react2.jsx)(_crossCircle.default, {
         label: formatMessage(messages.clearText),
-        primaryColor: "var(--ds-icon-subtle, #626F86)"
+        color: "var(--ds-icon-subtle, #626F86)"
       }))))), (0, _react2.jsx)("div", {
         css: visuallyHiddenStyles,
         "aria-live": "polite",

package/dist/cjs/media/messages/pixelEntry.js

@@ -60,5 +60,10 @@ var pixelEntryMessages = exports.pixelEntryMessages = (0, _reactIntlNext.defineM
     id: 'fabric.editor.media.pixelEntry.closePixelEntry',
     defaultMessage: 'Close',
     description: 'The text give to the close button used to close the pixel inputs and go back to main toolbar'
+  },
+  resizeOption: {
+    id: 'fabric.editor.media.pixelEntry.ResizeOption',
+    defaultMessage: 'Resize',
+    description: 'The text give to the resize option in the overflow dropdown for images'
   }
 });

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

@@ -16,6 +16,7 @@ var _mediaCard = require("@atlaskit/media-card");
 var _mediaClient = require("@atlaskit/media-client");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _mediaViewer = require("@atlaskit/media-viewer");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _mediaInlineCard = require("../messages/media-inline-card");
 var _constants = require("./constants");
 var _inlineImageCard = require("./inline-image-card");
@@ -39,7 +40,8 @@ var MediaInlineImageCardInternal = exports.MediaInlineImageCardInternal = functi
     border = _ref.border,
     ssr = _ref.ssr,
     serializeDataAttrs = _ref.serializeDataAttrs,
-    shouldOpenMediaViewer = _ref.shouldOpenMediaViewer;
+    shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
+    isViewOnly = _ref.isViewOnly;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     fileState = _useState2[0],
@@ -194,11 +196,18 @@ var MediaInlineImageCardInternal = exports.MediaInlineImageCardInternal = functi
     }
     return {};
   }, [alt, fileState, height, identifier, width, serializeDataAttrs]);
-  var onMediaInlineImageClick = (0, _react.useCallback)(function () {
+  var onMediaInlineImageClick = (0, _react.useCallback)(function (e) {
     if (shouldOpenMediaViewer) {
       setMediaViewerVisible(true);
     }
-  }, [shouldOpenMediaViewer]);
+
+    // In edit mode (node content wrapper has contenteditable set to true), link redirection is disabled by default
+    // We need to call "stopPropagation" here in order to prevent in editor view mode, the browser from navigating to
+    // another URL if the media node is wrapped in a link mark.
+    if (isViewOnly && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
+      e.preventDefault();
+    }
+  }, [shouldOpenMediaViewer, isViewOnly]);
   var onMediaInlinePreviewClose = (0, _react.useCallback)(function () {
     setMediaViewerVisible(false);
   }, []);

package/dist/cjs/media-inline/views/error-view.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InlineImageCardErrorView = void 0;
 var _react = require("@emotion/react");
-var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
+var _warning = _interopRequireDefault(require("@atlaskit/icon/core/migration/warning"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("./constants");
 var _frame = require("./frame");
@@ -34,7 +34,7 @@ var InlineImageCardErrorView = exports.InlineImageCardErrorView = function Inlin
     hideTooltipOnClick: true
   }, (0, _react.jsx)(_iconWrapper.IconWrapper, null, icon || (0, _react.jsx)(_warning.default, {
     label: "error",
-    size: height > _constants.ICON_SIZE_THRESOLD ? 'medium' : 'small',
-    primaryColor: "var(--ds-icon-danger, #C9372C)"
+    LEGACY_size: height > _constants.ICON_SIZE_THRESOLD ? 'medium' : 'small',
+    color: "var(--ds-icon-danger, #C9372C)"
   }))));
 };

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.isUnbadgedUrl = exports.ExternalImageBadge = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _info = _interopRequireDefault(require("@atlaskit/icon/glyph/info"));
+var _informationInfo = _interopRequireDefault(require("@atlaskit/icon/core/migration/information--info"));
 var _primitives = require("@atlaskit/primitives");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _media = require("../media");
@@ -51,8 +51,8 @@ var ExternalImageBadge = exports.ExternalImageBadge = function ExternalImageBadg
   }), /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: message,
     position: "top"
-  }, /*#__PURE__*/_react.default.createElement(_info.default, {
-    size: "small",
+  }, /*#__PURE__*/_react.default.createElement(_informationInfo.default, {
+    LEGACY_size: "small",
     label: message
   })));
 };

package/dist/cjs/monitoring/error.js

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

package/dist/cjs/styles/shared/headings.js

@@ -14,7 +14,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var headingWithAlignmentStyles = function headingWithAlignmentStyles() {
   return (
     // Override marginTop: 0 with default margin found in headingsSharedStyles for first heading in alignment block that is not the first child
-    (0, _platformFeatureFlags.fg)('platform_editor_heading_margin_fix') ? {
+    {
       '.fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)': {
         '> h1:first-child': {
           marginTop: '1.667em'
@@ -41,7 +41,7 @@ var headingWithAlignmentStyles = function headingWithAlignmentStyles() {
           marginTop: '0'
         }
       }
-    } : {}
+    }
   );
 };
 

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

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "102.13.5";
+var packageVersion = "102.13.7";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SmallerEditIcon = void 0;
 var _react = require("@emotion/react");
-var _edit = _interopRequireDefault(require("@atlaskit/icon/glyph/edit"));
+var _edit = _interopRequireDefault(require("@atlaskit/icon/core/migration/edit"));
 /**
  * @jsxRuntime classic
  * @jsx jsx

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ValidMessage = exports.HelperMessage = exports.ErrorMessage = void 0;
 var _react = require("@emotion/react");
-var _success = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/success"));
-var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
+var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
+var _successEditorSuccess = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--editor-success"));
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -59,7 +59,7 @@ var ErrorMessage = exports.ErrorMessage = function ErrorMessage(_ref2) {
   }, (0, _react.jsx)("span", {
     css: iconWrapperStyle
   }, (0, _react.jsx)(_error.default, {
-    size: "small",
+    LEGACY_size: "small",
     label: "error",
     "aria-label": "error"
   })), children);
@@ -72,8 +72,8 @@ var ValidMessage = exports.ValidMessage = function ValidMessage(_ref3) {
     }
   }, (0, _react.jsx)("span", {
     css: iconWrapperStyle
-  }, (0, _react.jsx)(_success.default, {
-    size: "small",
+  }, (0, _react.jsx)(_successEditorSuccess.default, {
+    LEGACY_size: "small",
     label: "success"
   })), children);
 };

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

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/question-circle"));
+var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/question-circle"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../analytics");
 var _unsupportedContent = require("../../messages/unsupportedContent");
@@ -73,7 +73,7 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
       style: style
     }, (0, _react2.jsx)(_questionCircle.default, {
       label: "?",
-      size: "small"
+      LEGACY_size: "small"
     }))))
   );
 };

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

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/question-circle"));
+var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/question-circle"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../analytics");
 var _unsupportedContent = require("../../messages/unsupportedContent");
@@ -68,7 +68,7 @@ var UnsupportedInlineNode = function UnsupportedInlineNode(_ref) {
     style: style
   }, (0, _react2.jsx)(_questionCircle.default, {
     label: "?",
-    size: "small"
+    LEGACY_size: "small"
   }))));
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(UnsupportedInlineNode);

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
+var _checkMarkEditorDone = _interopRequireDefault(require("@atlaskit/icon/core/migration/check-mark--editor-done"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _styles = require("./styles");
 /**
@@ -73,8 +73,8 @@ var Color = function Color(props) {
       border: "1px solid ".concat(borderColor)
     },
     autoFocus: autoFocus
-  }, !decorator && isSelected && (0, _react2.jsx)(_done.default, {
-    primaryColor: checkMarkColor,
+  }, !decorator && isSelected && (0, _react2.jsx)(_checkMarkEditorDone.default, {
+    LEGACY_primaryColor: checkMarkColor,
     label: ""
   }), decorator)));
 };

package/dist/es2019/card/MediaAndEmbedsToolbar/index.js

@@ -7,11 +7,11 @@ import AlignImageLeftIcon from '@atlaskit/icon/core/align-image-left';
 import AlignImageRightIcon from '@atlaskit/icon/core/align-image-right';
 import ContentWrapLeftIcon from '@atlaskit/icon/core/content-wrap-left';
 import ContentWrapRightIcon from '@atlaskit/icon/core/content-wrap-right';
+import ContentWidthWide from '@atlaskit/icon/core/migration/content-width-wide--editor-media-wide';
+import FullWidthIcon from '@atlaskit/icon/core/migration/expand-horizontal--editor-media-full-width';
 import EditorAlignImageCenter from '@atlaskit/icon/glyph/editor/align-image-center';
 import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';
 import EditorAlignImageRight from '@atlaskit/icon/glyph/editor/align-image-right';
-import FullWidthIcon from '@atlaskit/icon/glyph/editor/media-full-width';
-import WideIcon from '@atlaskit/icon/glyph/editor/media-wide';
 import WrapLeftIcon from '@atlaskit/icon/glyph/editor/media-wrap-left';
 import WrapRightIcon from '@atlaskit/icon/glyph/editor/media-wrap-right';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -72,7 +72,7 @@ export const wrappingIcons = [{
 }];
 const breakoutIcons = [{
   value: 'wide',
-  icon: WideIcon
+  icon: ContentWidthWide
 }, {
   value: 'full-width',
   icon: FullWidthIcon

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

@@ -5,7 +5,7 @@
 import { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import EditorFileIcon from '@atlaskit/icon/glyph/editor/file';
+import EditorFileIcon from '@atlaskit/icon/core/migration/file--editor-file';
 import { placeholderFallback, placeholderFallbackParams } from '../styles';
 import { EditToggle } from './EditToggle';
 import { ExtensionLabel } from './ExtensionLabel';

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

@@ -10,7 +10,7 @@ import React, { Fragment, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
-import EditorFileIcon from '@atlaskit/icon/glyph/editor/file';
+import EditorFileIcon from '@atlaskit/icon/core/migration/file--editor-file';
 import { useSharedPluginState } from '../../hooks';
 import { removeMarginsAndBorder, sharedMultiBodiedExtensionStyles } from '../../ui/MultiBodiedExtension';
 import { calculateBreakoutStyles, getExtensionLozengeData } from '../../utils';

package/dist/es2019/link/ConfigureLinkOverlay/Dropdown.js

@@ -10,9 +10,9 @@ import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
-import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
-import PreferencesIcon from '@atlaskit/icon/glyph/preferences';
-import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
+import PreferencesIcon from '@atlaskit/icon/core/migration/customize--preferences';
+import LinkExternalIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
+import ChevronDownIcon from '@atlaskit/icon/utility/migration/chevron-down';
 import { cardMessages as messages } from '../../messages';
 import { StyledButton } from './StyledButton';
 import { useLinkOverlayAnalyticsEvents } from './useLinkOverlayAnalyticsEvents';
@@ -74,7 +74,7 @@ const Dropdown = ({
     }, props, {
       iconBefore: jsx(ChevronDownIcon, {
         label: configureLinkLabel,
-        size: 'small'
+        LEGACY_size: "small"
       }),
       onClick: e => {
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
@@ -84,16 +84,16 @@ const Dropdown = ({
     testId: `${testId}-dropdown`,
     onOpenChange: onOpenChange
   }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
-    elemBefore: jsx(ShortcutIcon, {
+    elemBefore: jsx(LinkExternalIcon, {
       label: goToLinkLabel,
-      size: 'medium'
+      LEGACY_size: "medium"
     }),
     testId: `${testId}-dropdown-item-open-link`,
     onClick: onGoToLinkClick
   }, goToLinkLabel), jsx(DropdownItem, {
     elemBefore: jsx(PreferencesIcon, {
       label: configureLinkLabel,
-      size: 'medium'
+      LEGACY_size: "medium"
     }),
     onClick: onConfigureClick,
     testId: `${testId}-dropdown-item-configure`

package/dist/es2019/link/ConfigureLinkOverlay/index.js

@@ -9,7 +9,7 @@ import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import PreferencesIcon from '@atlaskit/icon/glyph/preferences';
+import PreferencesIcon from '@atlaskit/icon/core/migration/customize--preferences';
 import Tooltip from '@atlaskit/tooltip';
 import { cardMessages } from '../../messages';
 import Dropdown from './Dropdown';
@@ -99,7 +99,7 @@ export const OverlayButton = withAnalyticsContext()(({
     onClick: handleConfigureClickWithAnalytics,
     iconBefore: jsx(PreferencesIcon, {
       label: configureLinkLabel,
-      size: "small",
+      LEGACY_size: "small",
       testId: `${testId}-configure-icon`
     })
   })));

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

@@ -14,7 +14,7 @@ import { defineMessages, injectIntl } from 'react-intl-next';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Page16Icon from '@atlaskit/icon-object/glyph/page/16';
-import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
+import CrossCircleIcon from '@atlaskit/icon/core/migration/cross-circle';
 import { Pressable, xcss } from '@atlaskit/primitives';
 import Tooltip from '@atlaskit/tooltip';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '../../../analytics';
@@ -750,7 +750,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       onClick: this.handleClearText
     }, jsx(CrossCircleIcon, {
       label: formatClearLinkText,
-      primaryColor: "var(--ds-icon-subtle, #626F86)"
+      color: "var(--ds-icon-subtle, #626F86)"
     }))))), jsx("label", {
       htmlFor: displayTextInputId,
       css: [inputLabel, textLabelMargin]
@@ -775,7 +775,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       onKeyDown: this.handleClearTextKeyDown
     }, jsx(CrossCircleIcon, {
       label: formatMessage(messages.clearText),
-      primaryColor: "var(--ds-icon-subtle, #626F86)"
+      color: "var(--ds-icon-subtle, #626F86)"
     }))))), jsx("div", {
       css: visuallyHiddenStyles,
       "aria-live": "polite",

package/dist/es2019/media/messages/pixelEntry.js

@@ -54,5 +54,10 @@ export const pixelEntryMessages = defineMessages({
     id: 'fabric.editor.media.pixelEntry.closePixelEntry',
     defaultMessage: 'Close',
     description: 'The text give to the close button used to close the pixel inputs and go back to main toolbar'
+  },
+  resizeOption: {
+    id: 'fabric.editor.media.pixelEntry.ResizeOption',
+    defaultMessage: 'Resize',
+    description: 'The text give to the resize option in the overflow dropdown for images'
   }
 });

package/dist/es2019/media-inline/media-inline-image-card.js

@@ -13,6 +13,7 @@ import { fireFailedMediaInlineEvent, fireSucceededMediaInlineEvent, MediaCardErr
 import { FileFetcherError } from '@atlaskit/media-client';
 import { MediaClientContext } from '@atlaskit/media-client-react';
 import { MediaViewer } from '@atlaskit/media-viewer';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { messages } from '../messages/media-inline-card';
 import { referenceHeights } from './constants';
 import { InlineImageCard } from './inline-image-card';
@@ -31,7 +32,8 @@ export const MediaInlineImageCardInternal = ({
   border,
   ssr,
   serializeDataAttrs,
-  shouldOpenMediaViewer
+  shouldOpenMediaViewer,
+  isViewOnly
 }) => {
   const [fileState, setFileState] = useState();
   const [subscribeError, setSubscribeError] = useState();
@@ -169,11 +171,18 @@ export const MediaInlineImageCardInternal = ({
     }
     return {};
   }, [alt, fileState, height, identifier, width, serializeDataAttrs]);
-  const onMediaInlineImageClick = useCallback(() => {
+  const onMediaInlineImageClick = useCallback(e => {
     if (shouldOpenMediaViewer) {
       setMediaViewerVisible(true);
     }
-  }, [shouldOpenMediaViewer]);
+
+    // In edit mode (node content wrapper has contenteditable set to true), link redirection is disabled by default
+    // We need to call "stopPropagation" here in order to prevent in editor view mode, the browser from navigating to
+    // another URL if the media node is wrapped in a link mark.
+    if (isViewOnly && editorExperiment('platform_editor_controls', 'variant1')) {
+      e.preventDefault();
+    }
+  }, [shouldOpenMediaViewer, isViewOnly]);
   const onMediaInlinePreviewClose = useCallback(() => {
     setMediaViewerVisible(false);
   }, []);

package/dist/es2019/media-inline/views/error-view.js

@@ -5,7 +5,7 @@
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import WarningIcon from '@atlaskit/icon/glyph/warning';
+import WarningIcon from '@atlaskit/icon/core/migration/warning';
 import Tooltip from '@atlaskit/tooltip';
 import { ICON_SIZE_THRESOLD } from './constants';
 import { Frame } from './frame';
@@ -25,7 +25,7 @@ export const InlineImageCardErrorView = ({
     hideTooltipOnClick: true
   }, jsx(IconWrapper, null, icon || jsx(WarningIcon, {
     label: "error",
-    size: height > ICON_SIZE_THRESOLD ? 'medium' : 'small',
-    primaryColor: "var(--ds-icon-danger, #C9372C)"
+    LEGACY_size: height > ICON_SIZE_THRESOLD ? 'medium' : 'small',
+    color: "var(--ds-icon-danger, #C9372C)"
   }))));
 };