@atlaskit/editor-common 111.6.3 → 111.7.2

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/editor-common
 
+## 111.7.2
+
+### Patch Changes
+
+- [`819348f0857f5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/819348f0857f5) -
+  [ux] [EDITOR-3769] added shortcut to track changes button
+- Updated dependencies
+
+## 111.7.1
+
+### Patch Changes
+
+- [`0bf8d0bd8bf2c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0bf8d0bd8bf2c) -
+  [ux] EDITOR-4276 Apply block selection visual style only from drag handle
+- Updated dependencies
+
+## 111.7.0
+
+### Minor Changes
+
+- [`87b12e64ff750`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/87b12e64ff750) -
+  Removed usages of LEGACY icon props
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 111.6.3
 
 ### Patch Changes

package/dist/cjs/floating-toolbar/DropdownMenuItem.js

@@ -46,8 +46,6 @@ var SelectedIconBefore = function SelectedIconBefore(_ref) {
     return (0, _react2.jsx)("span", {
       "aria-hidden": "true"
     }, (0, _react2.jsx)(_checkMark.default, {
-      LEGACY_primaryColor: "var(--ds-icon-selected, #1868DB)",
-      LEGACY_size: "small",
       label: intl.formatMessage(_floatingToolbar.messages.confirmModalOK),
       spacing: "none"
     }));

package/dist/cjs/keymaps/index.js

@@ -103,7 +103,7 @@ exports.makeKeyMapArrayWithCommon = makeKeyMapArrayWithCommon;
 exports.makeKeyMapWithCommon = makeKeyMapWithCommon;
 exports.makeKeymap = makeKeymap;
 exports.shiftBackspace = exports.shiftArrowUp = exports.setNormalText = exports.selectTable = exports.selectRow = exports.selectColumn = exports.redoAlt = exports.redo = exports.previousCell = exports.pastePlainText = exports.paste = exports.outdentList = exports.outdent = exports.openHelp = exports.nextCell = exports.navToFloatingToolbar = exports.navToEditorToolbar = exports.moveUp = exports.moveRowUp = exports.moveRowDown = exports.moveRight = exports.moveLeft = exports.moveDown = exports.moveColumnRight = exports.moveColumnLeft = void 0;
-exports.toggleUnderline = exports.toggleTaskList = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleOrderedList = exports.toggleItalic = exports.toggleHighlightPalette = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCodeBlock = exports.toggleCode = exports.toggleBulletList = exports.toggleBold = exports.toggleBlockQuote = exports.tab = exports.submit = exports.startColumnResizing = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.showElementDragHandle = exports.shiftTab = exports.shiftEnter = void 0;
+exports.toggleViewChanges = exports.toggleUnderline = exports.toggleTaskList = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleOrderedList = exports.toggleItalic = exports.toggleHighlightPalette = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCodeBlock = exports.toggleCode = exports.toggleBulletList = exports.toggleBold = exports.toggleBlockQuote = exports.tab = exports.submit = exports.startColumnResizing = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.showElementDragHandle = exports.shiftTab = exports.shiftEnter = void 0;
 exports.tooltip = tooltip;
 exports.undo = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -124,6 +124,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var addAltText = exports.addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
+var toggleViewChanges = exports.toggleViewChanges = makeKeyMapWithCommon('View changes', 'Mod-Alt-z');
 var navToEditorToolbar = exports.navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
 var navToFloatingToolbar = exports.navToFloatingToolbar = makeKeyMapWithCommon('Navigate to floating toolbar', 'Alt-F10');
 var askAIQuickInsert = exports.askAIQuickInsert = makeKeyMapWithCommon('Ask AI', "Mod-'");

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

@@ -82,7 +82,6 @@ var Dropdown = function Dropdown(_ref) {
       }, props, {
         iconBefore: (0, _react2.jsx)(_chevronDown.default, {
           label: configureLinkLabel,
-          LEGACY_size: "small",
           size: "small"
         }),
         onClick: function onClick(e) {
@@ -95,15 +94,13 @@ var Dropdown = function Dropdown(_ref) {
     onOpenChange: onOpenChange
   }, (0, _react2.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
     elemBefore: (0, _react2.jsx)(_linkExternal.default, {
-      label: goToLinkLabel,
-      LEGACY_size: "medium"
+      label: goToLinkLabel
     }),
     testId: "".concat(testId, "-dropdown-item-open-link"),
     onClick: onGoToLinkClick
   }, goToLinkLabel), (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
     elemBefore: (0, _react2.jsx)(_customize.default, {
-      label: configureLinkLabel,
-      LEGACY_size: "medium"
+      label: configureLinkLabel
     }),
     onClick: onConfigureClick,
     testId: "".concat(testId, "-dropdown-item-configure")

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

@@ -108,7 +108,6 @@ var OverlayButton = exports.OverlayButton = (0, _withAnalyticsContext.default)()
     onClick: handleConfigureClickWithAnalytics,
     iconBefore: (0, _react2.jsx)(_customize.default, {
       label: configureLinkLabel,
-      LEGACY_size: "small",
       testId: "".concat(testId, "-configure-icon")
     })
   })));

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

@@ -8,7 +8,6 @@ exports.InlineImageCardErrorView = void 0;
 var _react = require("@emotion/react");
 var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _constants = require("./constants");
 var _frame = require("./frame");
 var _iconWrapper = require("./icon-wrapper");
 /**
@@ -22,9 +21,7 @@ var InlineImageCardErrorView = exports.InlineImageCardErrorView = function Inlin
   var _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'media-inline-image-card-error-view' : _ref$testId,
     message = _ref.message,
-    icon = _ref.icon,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? _constants.ICON_SIZE_THRESOLD : _ref$height;
+    icon = _ref.icon;
   return (0, _react.jsx)(_frame.Frame, {
     testId: testId
   }, (0, _react.jsx)(_tooltip.default, {
@@ -34,7 +31,6 @@ var InlineImageCardErrorView = exports.InlineImageCardErrorView = function Inlin
     hideTooltipOnClick: true
   }, (0, _react.jsx)(_iconWrapper.IconWrapper, null, icon || (0, _react.jsx)(_statusWarning.default, {
     label: "error",
-    LEGACY_size: height > _constants.ICON_SIZE_THRESOLD ? 'medium' : 'small',
     color: "var(--ds-icon-danger, #C9372C)"
   }))));
 };

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

@@ -60,7 +60,6 @@ var ExternalImageBadge = exports.ExternalImageBadge = function ExternalImageBadg
     content: message,
     position: "top"
   }, /*#__PURE__*/_react.default.createElement(_statusInformation.default, {
-    LEGACY_size: "small",
     label: message
   })));
 };

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "111.6.2";
+var packageVersion = "111.7.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -20,12 +20,9 @@ var resizerHandleClassName = exports.resizerHandleClassName = 'resizer-handle';
 var resizerHandleTrackClassName = exports.resizerHandleTrackClassName = "".concat(resizerHandleClassName, "-track");
 var resizerHandleThumbClassName = exports.resizerHandleThumbClassName = "".concat(resizerHandleClassName, "-thumb");
 var resizerDangerClassName = exports.resizerDangerClassName = "".concat(resizerHandleClassName, "-danger");
-
-// akEditorSelectedNodeClassName from '@atlaskit/editor-shared-styles';
-var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 var handleWrapperClass = exports.handleWrapperClass = 'resizer-handle-wrapper';
 var resizerHandleThumbWidth = exports.resizerHandleThumbWidth = 3;
 var resizerHandleZIndex = exports.resizerHandleZIndex = 1;
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766, Seems perfectly safe to autofix, but comments would be lost…
-var resizerStyles = exports.resizerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\twill-change: width;\n\n\t\t&:hover,\n\t\t&.display-handle {\n\t\t\t& > .", " > .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.is-resizing {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t& .", " {\n\t\t\t\ttransition: none;\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 7px;\n\t\ttransition:\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t/*\n      NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles\n      into the tooltip\n    */\n\t\t& div[role='presentation'] {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin-top: ", ";\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t/*\n      Handle Positions\n    */\n\t\t&.left {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.right {\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t/*\n      Handle Sizing\n    */\n\t\t&.small {\n\t\t\t& .", " {\n\t\t\t\theight: 43px;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\t& .", " {\n\t\t\t\theight: 64px;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\t& .", " {\n\t\t\t\theight: 96px;\n\t\t\t}\n\t\t}\n\t\t&.clamped {\n\t\t\t& .", " {\n\t\t\t\theight: clamp(43px, calc(100% - 32px), 96px);\n\t\t\t}\n\t\t}\n\n\t\t/*\n      Handle Alignment\n    */\n\t\t&.sticky {\n\t\t\t& .", " {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\n\t\t\t& .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\tmargin: 0 ", ";\n\t\theight: 64px;\n\t\ttransition: background-color 0.2s;\n\t\tborder-radius: 6px;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tz-index: 2;\n\t\toutline: none;\n\t\tmin-height: 24px;\n\t\tbackground: ", ";\n\n\t\t&:hover {\n\t\t\tcursor: col-resize;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t\tright: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t\tleft: ", ";\n\t\t\t\tborder: 2px solid ", ";\n\t\t\t\tborder-radius: inherit;\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tvisibility: hidden;\n\t\tposition: absolute;\n\t\twidth: 7px;\n\t\theight: calc(100% - 40px);\n\t\tborder-radius: 4px;\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tbackground-color 0.2s,\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t&.none {\n\t\t\tbackground: none;\n\t\t}\n\n\t\t&.shadow {\n\t\t\tbackground: ", ";\n\t\t}\n\n\t\t&.full-height {\n\t\t\tbackground: ", ";\n\t\t\theight: 100%;\n\t\t\tmin-height: 36px;\n\t\t}\n\t}\n\n\t.", " {\n\t\t& .", " {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tdisplay: flow-root;\n\t\twidth: 100%;\n\n\t\t&.", " {\n\t\t\tpadding: 0 ", ";\n\t\t\tleft: ", ";\n\t\t}\n\t}\n\n\t/* This below style is here to make sure the image width is correct when nested in a table */\n\ttable .", ", table .", ".", " {\n\t\tpadding: unset;\n\t\tleft: unset;\n\t}\n"])), resizerItemClassName, handleWrapperClass, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #4688EC)", resizerDangerClassName, resizerHandleThumbClassName, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), resizerHandleClassName, "var(--ds-space-negative-200, -16px)", resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", resizerHandleThumbClassName, "var(--ds-border-focused, #4688EC)", resizerHandleTrackClassName, resizerHandleThumbClassName, "var(--ds-space-025, 2px)", "var(--ds-border, #0B120E24)", "var(--ds-border-selected, #0C66E4)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, "var(--ds-background-selected, #E9F2FE)", "var(--ds-background-selected, #E9F2FE)", akEditorSelectedNodeClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #4688EC)", resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);
+var resizerStyles = exports.resizerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\twill-change: width;\n\n\t\t&:hover,\n\t\t&.display-handle {\n\t\t\t& > .", " > .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.is-resizing {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t& .", " {\n\t\t\t\ttransition: none;\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 7px;\n\t\ttransition:\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t/*\n      NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles\n      into the tooltip\n    */\n\t\t& div[role='presentation'] {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin-top: ", ";\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t/*\n      Handle Positions\n    */\n\t\t&.left {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.right {\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t/*\n      Handle Sizing\n    */\n\t\t&.small {\n\t\t\t& .", " {\n\t\t\t\theight: 43px;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\t& .", " {\n\t\t\t\theight: 64px;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\t& .", " {\n\t\t\t\theight: 96px;\n\t\t\t}\n\t\t}\n\t\t&.clamped {\n\t\t\t& .", " {\n\t\t\t\theight: clamp(43px, calc(100% - 32px), 96px);\n\t\t\t}\n\t\t}\n\n\t\t/*\n      Handle Alignment\n    */\n\t\t&.sticky {\n\t\t\t& .", " {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\n\t\t\t& .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\tmargin: 0 ", ";\n\t\theight: 64px;\n\t\ttransition: background-color 0.2s;\n\t\tborder-radius: 6px;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tz-index: 2;\n\t\toutline: none;\n\t\tmin-height: 24px;\n\t\tbackground: ", ";\n\n\t\t&:hover {\n\t\t\tcursor: col-resize;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t\tright: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t\tleft: ", ";\n\t\t\t\tborder: 2px solid ", ";\n\t\t\t\tborder-radius: inherit;\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tvisibility: hidden;\n\t\tposition: absolute;\n\t\twidth: 7px;\n\t\theight: calc(100% - 40px);\n\t\tborder-radius: 4px;\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tbackground-color 0.2s,\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t&.none {\n\t\t\tbackground: none;\n\t\t}\n\n\t\t&.shadow {\n\t\t\tbackground: ", ";\n\t\t}\n\n\t\t&.full-height {\n\t\t\tbackground: ", ";\n\t\t\theight: 100%;\n\t\t\tmin-height: 36px;\n\t\t}\n\t}\n\n\t.", " {\n\t\t& .", " {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tdisplay: flow-root;\n\t\twidth: 100%;\n\n\t\t&.", " {\n\t\t\tpadding: 0 ", ";\n\t\t\tleft: ", ";\n\t\t}\n\t}\n\n\t/* This below style is here to make sure the image width is correct when nested in a table */\n\ttable .", ", table .", ".", " {\n\t\tpadding: unset;\n\t\tleft: unset;\n\t}\n"])), resizerItemClassName, handleWrapperClass, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #4688EC)", resizerDangerClassName, resizerHandleThumbClassName, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), resizerHandleClassName, "var(--ds-space-negative-200, -16px)", resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", resizerHandleThumbClassName, "var(--ds-border-focused, #4688EC)", resizerHandleTrackClassName, resizerHandleThumbClassName, "var(--ds-space-025, 2px)", "var(--ds-border, #0B120E24)", "var(--ds-border-selected, #0C66E4)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, "var(--ds-background-selected, #E9F2FE)", "var(--ds-background-selected, #E9F2FE)", _editorSharedStyles.akEditorSelectedNodeClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #4688EC)", resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);

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

@@ -24,7 +24,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 = "111.6.2";
+var packageVersion = "111.7.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

@@ -63,7 +63,6 @@ var ErrorMessage = exports.ErrorMessage = function ErrorMessage(_ref2) {
   }, (0, _react.jsx)("span", {
     css: iconWrapperStyle
   }, (0, _react.jsx)(_statusError.default, {
-    LEGACY_size: "small",
     label: (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? intl.formatMessage(_messages.default.error) : "error",
     "aria-label": (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? undefined : "error"
   })), children);
@@ -78,10 +77,8 @@ var ValidMessage = exports.ValidMessage = function ValidMessage(_ref3) {
   }, (0, _react.jsx)("span", {
     css: iconWrapperStyle
   }, (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? (0, _react.jsx)(_statusSuccess.default, {
-    LEGACY_size: "small",
     label: intl.formatMessage(_messages.default.success)
   }) : (0, _react.jsx)(_statusSuccess.default, {
-    LEGACY_size: "small",
     label: "success"
   })), children);
 };

package/dist/cjs/ui/Toolbar/ExpandIcon.js

@@ -19,7 +19,6 @@ function ToolbarExpandIcon() {
   }, /*#__PURE__*/React.createElement(_chevronDown.default, {
     label: "",
     color: "currentColor",
-    LEGACY_margin: "0 0 0 -8px",
     size: "small"
   }));
 }

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

@@ -71,8 +71,7 @@ var UnsupportedBlockNode = function UnsupportedBlockNode(_ref) {
     }, (0, _react2.jsx)("span", {
       style: style
     }, (0, _react2.jsx)(_questionCircle.default, {
-      label: "?",
-      LEGACY_size: "small"
+      label: "?"
     }))))
   );
 };

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

@@ -66,8 +66,7 @@ var UnsupportedInlineNode = function UnsupportedInlineNode(_ref) {
   }, (0, _react2.jsx)("span", {
     style: style
   }, (0, _react2.jsx)(_questionCircle.default, {
-    label: "?",
-    LEGACY_size: "small"
+    label: "?"
   }))));
 };
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(UnsupportedInlineNode);

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

@@ -24,8 +24,6 @@ var Color = function Color(props) {
     label = props.label,
     isSelected = props.isSelected,
     borderColor = props.borderColor,
-    _props$checkMarkColor = props.checkMarkColor,
-    checkMarkColor = _props$checkMarkColor === void 0 ? '#FFFFFF' : _props$checkMarkColor,
     hexToPaletteColor = props.hexToPaletteColor,
     decorator = props.decorator;
   var colorStyle = hexToPaletteColor ? hexToPaletteColor(value) : value;
@@ -74,7 +72,6 @@ var Color = function Color(props) {
     },
     autoFocus: autoFocus
   }, !decorator && isSelected && (0, _react2.jsx)(_checkMark.default, {
-    LEGACY_primaryColor: checkMarkColor,
     label: ""
   }), decorator)));
 };

package/dist/cjs/utils/imageLoader.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withImageLoaderOld = exports.withImageLoader = void 0;
+exports.withImageLoader = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var withImageLoaderOld = exports.withImageLoaderOld = function withImageLoaderOld(Wrapped) {
+var withImageLoader = exports.withImageLoader = function withImageLoader(Wrapped) {
   return /*#__PURE__*/function (_Component) {
     function WithImageLoader() {
       var _this;
@@ -49,130 +49,6 @@ var withImageLoaderOld = exports.withImageLoaderOld = function withImageLoaderOl
       return _this;
     }
     (0, _inherits2.default)(WithImageLoader, _Component);
-    return (0, _createClass2.default)(WithImageLoader, [{
-      key: "componentDidMount",
-      value:
-      /**
-       *
-       * @example
-       */
-      function componentDidMount() {
-        this.fetchImage(this.props);
-      }
-
-      /**
-       *
-       * @param nextProps
-       * @example
-       */
-      // Ignored via go/ees005
-      // eslint-disable-next-line react/no-unsafe
-    }, {
-      key: "UNSAFE_componentWillReceiveProps",
-      value: function UNSAFE_componentWillReceiveProps(nextProps) {
-        if (nextProps.url !== this.props.url) {
-          this.setState({
-            imageStatus: 'loading'
-          });
-          this.fetchImage(nextProps);
-        }
-      }
-
-      /**
-       *
-       * @example
-       */
-    }, {
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        if (this.img) {
-          if (!process.env.REACT_SSR) {
-            // Ignored via go/ees005
-            // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-            this.img.removeEventListener('load', this.onLoad);
-            // Ignored via go/ees005
-            // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-            this.img.removeEventListener('error', this.onError);
-            this.img = null;
-          }
-        }
-      }
-
-      /**
-       *
-       * @param root0
-       * @param root0.url
-       * @example
-       */
-    }, {
-      key: "fetchImage",
-      value: function fetchImage(_ref) {
-        var url = _ref.url;
-        if (url) {
-          if (!this.img) {
-            this.img = new Image();
-            if (!process.env.REACT_SSR) {
-              // Ignored via go/ees005
-              // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-              this.img.addEventListener('load', this.onLoad);
-              // Ignored via go/ees005
-              // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-              this.img.addEventListener('error', this.onError);
-            }
-          }
-          this.img.src = url;
-        }
-      }
-    }, {
-      key: "render",
-      value:
-      /**
-       *
-       * @example
-       */
-      function render() {
-        var imageStatus = this.state.imageStatus;
-        // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        return /*#__PURE__*/_react.default.createElement(Wrapped, (0, _extends2.default)({}, this.props, {
-          imageStatus: imageStatus
-        }));
-      }
-    }]);
-  }(_react.Component);
-};
-var withImageLoaderNew = function withImageLoaderNew(Wrapped) {
-  return /*#__PURE__*/function (_Component2) {
-    function WithImageLoader() {
-      var _this2;
-      (0, _classCallCheck2.default)(this, WithImageLoader);
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-      _this2 = _callSuper(this, WithImageLoader, [].concat(args));
-      (0, _defineProperty2.default)(_this2, "state", {
-        imageStatus: 'loading'
-      });
-      (0, _defineProperty2.default)(_this2, "onLoad", function () {
-        _this2.setState({
-          imageStatus: 'complete'
-        });
-        var onExternalImageLoaded = _this2.props.onExternalImageLoaded;
-        if (onExternalImageLoaded && _this2.img) {
-          onExternalImageLoaded({
-            width: _this2.img.naturalWidth,
-            height: _this2.img.naturalHeight
-          });
-        }
-      });
-      (0, _defineProperty2.default)(_this2, "onError", function () {
-        _this2.setState({
-          imageStatus: 'error'
-        });
-      });
-      return _this2;
-    }
-    (0, _inherits2.default)(WithImageLoader, _Component2);
     return (0, _createClass2.default)(WithImageLoader, [{
       key: "componentDidMount",
       value: function componentDidMount() {
@@ -205,8 +81,8 @@ var withImageLoaderNew = function withImageLoaderNew(Wrapped) {
       }
     }, {
       key: "fetchImage",
-      value: function fetchImage(_ref2) {
-        var url = _ref2.url;
+      value: function fetchImage(_ref) {
+        var url = _ref.url;
         if (url) {
           if (!this.img) {
             this.img = new Image();
@@ -234,7 +110,4 @@ var withImageLoaderNew = function withImageLoaderNew(Wrapped) {
       }
     }]);
   }(_react.Component);
-};
-var withImageLoader = exports.withImageLoader = function withImageLoader(Wrapped) {
-  return withImageLoaderNew(Wrapped);
 };

package/dist/es2019/floating-toolbar/DropdownMenuItem.js

@@ -38,8 +38,6 @@ const SelectedIconBefore = ({
     return jsx("span", {
       "aria-hidden": "true"
     }, jsx(EditorDoneIcon, {
-      LEGACY_primaryColor: "var(--ds-icon-selected, #1868DB)",
-      LEGACY_size: "small",
       label: intl.formatMessage(messages.confirmModalOK),
       spacing: "none"
     }));

package/dist/es2019/keymaps/index.js

@@ -11,6 +11,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorCommandToPMCommand } from '../preset/editor-commands';
 import { browser as browserLegacy, getBrowserInfo } from '../utils/browser';
 export const addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
+export const toggleViewChanges = makeKeyMapWithCommon('View changes', 'Mod-Alt-z');
 export const navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
 export const navToFloatingToolbar = makeKeyMapWithCommon('Navigate to floating toolbar', 'Alt-F10');
 export const askAIQuickInsert = makeKeyMapWithCommon('Ask AI', "Mod-'");

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

@@ -74,7 +74,6 @@ const Dropdown = ({
     }, props, {
       iconBefore: jsx(ChevronDownIcon, {
         label: configureLinkLabel,
-        LEGACY_size: "small",
         size: "small"
       }),
       onClick: e => {
@@ -86,15 +85,13 @@ const Dropdown = ({
     onOpenChange: onOpenChange
   }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
     elemBefore: jsx(LinkExternalIcon, {
-      label: goToLinkLabel,
-      LEGACY_size: "medium"
+      label: goToLinkLabel
     }),
     testId: `${testId}-dropdown-item-open-link`,
     onClick: onGoToLinkClick
   }, goToLinkLabel), jsx(DropdownItem, {
     elemBefore: jsx(PreferencesIcon, {
-      label: configureLinkLabel,
-      LEGACY_size: "medium"
+      label: configureLinkLabel
     }),
     onClick: onConfigureClick,
     testId: `${testId}-dropdown-item-configure`

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

@@ -99,7 +99,6 @@ export const OverlayButton = withAnalyticsContext()(({
     onClick: handleConfigureClickWithAnalytics,
     iconBefore: jsx(PreferencesIcon, {
       label: configureLinkLabel,
-      LEGACY_size: "small",
       testId: `${testId}-configure-icon`
     })
   })));

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

@@ -7,14 +7,12 @@
 import { jsx } from '@emotion/react';
 import WarningIcon from '@atlaskit/icon/core/status-warning';
 import Tooltip from '@atlaskit/tooltip';
-import { ICON_SIZE_THRESOLD } from './constants';
 import { Frame } from './frame';
 import { IconWrapper } from './icon-wrapper';
 export const InlineImageCardErrorView = ({
   testId = 'media-inline-image-card-error-view',
   message,
-  icon,
-  height = ICON_SIZE_THRESOLD
+  icon
 }) => {
   return jsx(Frame, {
     testId: testId
@@ -25,7 +23,6 @@ export const InlineImageCardErrorView = ({
     hideTooltipOnClick: true
   }, jsx(IconWrapper, null, icon || jsx(WarningIcon, {
     label: "error",
-    LEGACY_size: height > ICON_SIZE_THRESOLD ? 'medium' : 'small',
     color: "var(--ds-icon-danger, #C9372C)"
   }))));
 };

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

@@ -53,7 +53,6 @@ export const ExternalImageBadge = ({
     content: message,
     position: "top"
   }, /*#__PURE__*/React.createElement(InfoIcon, {
-    LEGACY_size: "small",
     label: message
   })));
 };

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "111.6.2";
+const packageVersion = "111.7.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/styles/shared/resizer.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { akEditorDeleteIconColor } from '@atlaskit/editor-shared-styles';
+import { akEditorDeleteIconColor, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 /*
   Styles in this file are based on
   packages/editor/editor-core/src/plugins/media/styles.ts
@@ -12,9 +12,6 @@ export const resizerHandleClassName = 'resizer-handle';
 export const resizerHandleTrackClassName = `${resizerHandleClassName}-track`;
 export const resizerHandleThumbClassName = `${resizerHandleClassName}-thumb`;
 export const resizerDangerClassName = `${resizerHandleClassName}-danger`;
-
-// akEditorSelectedNodeClassName from '@atlaskit/editor-shared-styles';
-const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 export const handleWrapperClass = 'resizer-handle-wrapper';
 export const resizerHandleThumbWidth = 3;
 export const resizerHandleZIndex = 1;

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "111.6.2";
+const packageVersion = "111.7.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -52,7 +52,6 @@ export const ErrorMessage = ({
   }, jsx("span", {
     css: iconWrapperStyle
   }, jsx(ErrorIcon, {
-    LEGACY_size: "small",
     label: fg('platform_editor_dec_a11y_fixes') ? intl.formatMessage(commonMessages.error) : "error",
     "aria-label": fg('platform_editor_dec_a11y_fixes') ? undefined : "error"
   })), children);
@@ -68,10 +67,8 @@ export const ValidMessage = ({
   }, jsx("span", {
     css: iconWrapperStyle
   }, fg('platform_editor_dec_a11y_fixes') ? jsx(SuccessIcon, {
-    LEGACY_size: "small",
     label: intl.formatMessage(commonMessages.success)
   }) : jsx(SuccessIcon, {
-    LEGACY_size: "small",
     label: "success"
   })), children);
 };

package/dist/es2019/ui/Toolbar/ExpandIcon.js

@@ -10,7 +10,6 @@ export function ToolbarExpandIcon() {
   }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
     label: "",
     color: "currentColor",
-    LEGACY_margin: "0 0 0 -8px",
     size: "small"
   }));
 }

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

@@ -61,8 +61,7 @@ const UnsupportedBlockNode = ({
     }, jsx("span", {
       style: style
     }, jsx(QuestionsIcon, {
-      label: "?",
-      LEGACY_size: "small"
+      label: "?"
     }))))
   );
 };

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

@@ -56,8 +56,7 @@ const UnsupportedInlineNode = ({
   }, jsx("span", {
     style: style
   }, jsx(QuestionsIcon, {
-    label: "?",
-    LEGACY_size: "small"
+    label: "?"
   }))));
 };
 export default injectIntl(UnsupportedInlineNode);

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

@@ -17,7 +17,6 @@ const Color = props => {
     label,
     isSelected,
     borderColor,
-    checkMarkColor = '#FFFFFF',
     /**
      * When hexToPaletteColor prop is set,
      * it will be used to get background color style based on
@@ -76,7 +75,6 @@ const Color = props => {
     },
     autoFocus: autoFocus
   }, !decorator && isSelected && jsx(EditorDoneIcon, {
-    LEGACY_primaryColor: checkMarkColor,
     label: ""
   }), decorator)));
 };