@atlaskit/editor-common 110.44.3 → 110.45.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-common
 
+## 110.45.0
+
+### Minor Changes
+
+- [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
+  Migrated and cleaned up legacy iconography usage.
+- [`a436afb117ae3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a436afb117ae3) -
+  Update edit at source icon/tooltip
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 110.44.3
 
 ### Patch Changes

package/dist/cjs/card/LinkToolbarButtonGroup.js

@@ -26,7 +26,7 @@ var buttonStyleNoneEvent = (0, _react2.css)({
   pointerEvents: 'none'
 });
 var DisallowedWrapper = function DisallowedWrapper(_ref) {
-  var disabled = _ref.disabled,
+  var _disabled = _ref.disabled,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // adding this ignore to avoid having to use compiled (can be fixed at a later date)
   // @ts-ignore
@@ -55,7 +55,6 @@ var LinkToolbarButtonGroup = exports.LinkToolbarButtonGroup = function LinkToolb
       tooltipContent = _ref3.tooltipContent,
       title = _ref3.title,
       icon = _ref3.icon,
-      iconFallback = _ref3.iconFallback,
       areAnyNewToolbarFlagsEnabled = _ref3.areAnyNewToolbarFlagsEnabled;
     var ButtonIcon = icon;
     return (0, _react2.jsx)(DisallowedWrapper, {
@@ -67,9 +66,7 @@ var LinkToolbarButtonGroup = exports.LinkToolbarButtonGroup = function LinkToolb
       title: title,
       icon: (0, _react2.jsx)(ButtonIcon, {
         label: title,
-        spacing: "spacious",
-        LEGACY_size: "medium",
-        LEGACY_fallbackIcon: iconFallback
+        spacing: "spacious"
       }),
       selected: selected,
       onClick: onClick,

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

@@ -22,11 +22,6 @@ var _contentWidthWide = _interopRequireDefault(require("@atlaskit/icon/core/cont
 var _contentWrapLeft = _interopRequireDefault(require("@atlaskit/icon/core/content-wrap-left"));
 var _contentWrapRight = _interopRequireDefault(require("@atlaskit/icon/core/content-wrap-right"));
 var _expandHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/expand-horizontal"));
-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 _mediaWrapLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wrap-left"));
-var _mediaWrapRight = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wrap-right"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../../analytics");
 var _coreUtils = require("../../core-utils");
@@ -47,8 +42,7 @@ var alignmentIcons = exports.alignmentIcons = [{
     return /*#__PURE__*/_react.default.createElement(_alignImageLeft.default, {
       color: "currentColor",
       spacing: "spacious",
-      label: "media-toolbar-align-left-icon",
-      LEGACY_fallbackIcon: _alignImageLeft2.default
+      label: "media-toolbar-align-left-icon"
     });
   }
 }, {
@@ -58,8 +52,7 @@ var alignmentIcons = exports.alignmentIcons = [{
     return /*#__PURE__*/_react.default.createElement(_alignImageCenter.default, {
       color: "currentColor",
       spacing: "spacious",
-      label: "media-toolbar-align-center-icon",
-      LEGACY_fallbackIcon: _alignImageCenter2.default
+      label: "media-toolbar-align-center-icon"
     });
   }
 }, {
@@ -69,8 +62,7 @@ var alignmentIcons = exports.alignmentIcons = [{
     return /*#__PURE__*/_react.default.createElement(_alignImageRight.default, {
       color: "currentColor",
       spacing: "spacious",
-      label: "media-toolbar-align-right-icon",
-      LEGACY_fallbackIcon: _alignImageRight2.default
+      label: "media-toolbar-align-right-icon"
     });
   }
 }];
@@ -115,8 +107,7 @@ var wrappingIcons = exports.wrappingIcons = [{
     return /*#__PURE__*/_react.default.createElement(_contentWrapLeft.default, {
       color: "currentColor",
       spacing: "spacious",
-      label: "media-toolbar-wrap-left-icon",
-      LEGACY_fallbackIcon: _mediaWrapLeft.default
+      label: "media-toolbar-wrap-left-icon"
     });
   }
 }, {
@@ -126,8 +117,7 @@ var wrappingIcons = exports.wrappingIcons = [{
     return /*#__PURE__*/_react.default.createElement(_contentWrapRight.default, {
       color: "currentColor",
       spacing: "spacious",
-      label: "media-toolbar-wrap-right-icon",
-      LEGACY_fallbackIcon: _mediaWrapRight.default
+      label: "media-toolbar-wrap-right-icon"
     });
   }
 }];

package/dist/cjs/card/link-toolbar-button-group-options.js

@@ -10,30 +10,22 @@ var _smartLinkCard = _interopRequireDefault(require("@atlaskit/icon/core/smart-l
 var _smartLinkEmbed = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-embed"));
 var _smartLinkInline = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-inline"));
 var _messages = require("../messages");
-var _card = require("./ui/assets/card");
-var _embed = require("./ui/assets/embed");
-var _inline = require("./ui/assets/inline");
-var _url = require("./ui/assets/url");
 var appearancePropsMap = exports.appearancePropsMap = {
   url: {
     title: _messages.cardMessages.urlTitle,
-    icon: _minus.default,
-    iconFallback: _url.IconUrl
+    icon: _minus.default
   },
   inline: {
     title: _messages.cardMessages.inlineTitle,
-    icon: _smartLinkInline.default,
-    iconFallback: _inline.IconInline
+    icon: _smartLinkInline.default
   },
   block: {
     title: _messages.cardMessages.blockTitle,
-    icon: _smartLinkCard.default,
-    iconFallback: _card.IconCard
+    icon: _smartLinkCard.default
   },
   embed: {
     title: _messages.cardMessages.embedTitle,
-    icon: _smartLinkEmbed.default,
-    iconFallback: _embed.IconEmbed
+    icon: _smartLinkEmbed.default
   }
 };
 var getButtonGroupOption = exports.getButtonGroupOption = function getButtonGroupOption(intl, areAnyNewToolbarFlagsEnabled, dispatchCommand, _ref) {
@@ -45,12 +37,10 @@ var getButtonGroupOption = exports.getButtonGroupOption = function getButtonGrou
     tooltip = _ref.tooltip;
   var _appearancePropsMap = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'],
     title = _appearancePropsMap.title,
-    icon = _appearancePropsMap.icon,
-    iconFallback = _appearancePropsMap.iconFallback;
+    icon = _appearancePropsMap.icon;
   return {
     title: intl.formatMessage(title),
     icon: icon,
-    iconFallback: iconFallback,
     onClick: function onClick() {
       return dispatchCommand(_onClick);
     },

package/dist/cjs/i18n/en.js

@@ -534,7 +534,7 @@ var _default = exports.default = {
   'fabric.editor.editLink': 'Edit link',
   'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
   'fabric.editor.editSourceLabel': 'Edit source',
-  'fabric.editor.editSourceTooltip': 'Navigate to source page of the sync block',
+  'fabric.editor.editSourceTooltip': 'Edit at the source location',
   'fabric.editor.editSourceTooltipDisabled': 'Source link is not currently available',
   'fabric.editor.editStatusColor': 'Edit Status Color',
   'fabric.editor.editStatusText': 'Edit Status',

package/dist/cjs/i18n/en_GB.js

@@ -534,7 +534,7 @@ var _default = exports.default = {
   'fabric.editor.editLink': 'Edit link',
   'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
   'fabric.editor.editSourceLabel': 'Edit source',
-  'fabric.editor.editSourceTooltip': 'Navigate to source page of the sync block',
+  'fabric.editor.editSourceTooltip': 'Edit at the source location',
   'fabric.editor.editSourceTooltipDisabled': 'Source link is not currently available',
   'fabric.editor.editStatusColor': 'Edit Status Colour',
   'fabric.editor.editStatusText': 'Edit Status',

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

@@ -12,7 +12,6 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
-var _comment2 = _interopRequireDefault(require("@atlaskit/icon/glyph/comment"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _media = require("../media");
 /**
@@ -118,9 +117,7 @@ var CommentBadge = exports.CommentBadge = /*#__PURE__*/(0, _react.forwardRef)(fu
     iconAfter: (0, _react2.jsx)(_comment.default, {
       label: title,
       spacing: "spacious",
-      color: "currentColor",
-      LEGACY_size: badgeSize,
-      LEGACY_fallbackIcon: _comment2.default
+      color: "currentColor"
     })
   })));
 });

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

@@ -9,7 +9,6 @@ exports.CommentBadgeNext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
-var _comment2 = _interopRequireDefault(require("@atlaskit/icon/glyph/comment"));
 var _primitives = require("@atlaskit/primitives");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _media = require("../media");
@@ -54,8 +53,6 @@ var CommentBadgeNext = exports.CommentBadgeNext = function CommentBadgeNext(_ref
   }, /*#__PURE__*/_react.default.createElement(_comment.default, {
     label: title,
     spacing: "spacious",
-    color: "currentColor",
-    LEGACY_size: "medium",
-    LEGACY_fallbackIcon: _comment2.default
+    color: "currentColor"
   })));
 };

package/dist/cjs/messages/syncBlock.js

@@ -23,7 +23,7 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
   },
   editSourceTooltip: {
     id: 'fabric.editor.editSourceTooltip',
-    defaultMessage: 'Navigate to source page of the sync block',
+    defaultMessage: 'Edit at the source location',
     description: 'Tooltip for the button to navigate to the source page of the sync block element'
   },
   editSourceTooltipDisabled: {

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 = "110.44.2";
+var packageVersion = "110.44.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

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

@@ -14,7 +14,6 @@ var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-n
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
-var _chevronDown2 = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
@@ -294,7 +293,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
   }, (0, _react2.jsx)(_chevronDown.default, {
     color: "currentColor",
     spacing: "spacious",
-    LEGACY_fallbackIcon: _chevronDown2.default,
     label: "color-picker-chevron-down",
     size: "small"
   }))))) : (0, _react2.jsx)(_standardButton.default, {
@@ -319,7 +317,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
     }, (0, _react2.jsx)(_chevronDown.default, {
       color: "currentColor",
       spacing: "spacious",
-      LEGACY_fallbackIcon: _chevronDown2.default,
       label: "color-picker-chevron-down",
       size: "small"
     })),

package/dist/es2019/card/LinkToolbarButtonGroup.js

@@ -19,7 +19,7 @@ const buttonStyleNoneEvent = css({
   pointerEvents: 'none'
 });
 const DisallowedWrapper = ({
-  disabled,
+  disabled: _disabled,
   ...props
 }) => {
   // adding this ignore to avoid having to use compiled (can be fixed at a later date)
@@ -50,7 +50,6 @@ export const LinkToolbarButtonGroup = ({
     tooltipContent,
     title,
     icon,
-    iconFallback,
     areAnyNewToolbarFlagsEnabled
   }) => {
     const ButtonIcon = icon;
@@ -63,9 +62,7 @@ export const LinkToolbarButtonGroup = ({
       title: title,
       icon: jsx(ButtonIcon, {
         label: title,
-        spacing: "spacious",
-        LEGACY_size: "medium",
-        LEGACY_fallbackIcon: iconFallback
+        spacing: "spacious"
       }),
       selected: selected,
       onClick: onClick,

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

@@ -12,11 +12,6 @@ import ContentWidthWide from '@atlaskit/icon/core/content-width-wide';
 import ContentWrapLeftIcon from '@atlaskit/icon/core/content-wrap-left';
 import ContentWrapRightIcon from '@atlaskit/icon/core/content-wrap-right';
 import FullWidthIcon from '@atlaskit/icon/core/expand-horizontal';
-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 WrapLeftIcon from '@atlaskit/icon/glyph/editor/media-wrap-left';
-import WrapRightIcon from '@atlaskit/icon/glyph/editor/media-wrap-right';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
 import { insideTable } from '../../core-utils';
@@ -34,8 +29,7 @@ export const alignmentIcons = [{
   icon: () => /*#__PURE__*/React.createElement(AlignImageLeftIcon, {
     color: "currentColor",
     spacing: "spacious",
-    label: "media-toolbar-align-left-icon",
-    LEGACY_fallbackIcon: EditorAlignImageLeft
+    label: "media-toolbar-align-left-icon"
   })
 }, {
   id: 'editor.media.alignCenter',
@@ -43,8 +37,7 @@ export const alignmentIcons = [{
   icon: () => /*#__PURE__*/React.createElement(AlignImageCenterIcon, {
     color: "currentColor",
     spacing: "spacious",
-    label: "media-toolbar-align-center-icon",
-    LEGACY_fallbackIcon: EditorAlignImageCenter
+    label: "media-toolbar-align-center-icon"
   })
 }, {
   id: 'editor.media.alignRight',
@@ -52,8 +45,7 @@ export const alignmentIcons = [{
   icon: () => /*#__PURE__*/React.createElement(AlignImageRightIcon, {
     color: "currentColor",
     spacing: "spacious",
-    label: "media-toolbar-align-right-icon",
-    LEGACY_fallbackIcon: EditorAlignImageRight
+    label: "media-toolbar-align-right-icon"
   })
 }];
 const alignmentIconsControls = [{
@@ -90,8 +82,7 @@ export const wrappingIcons = [{
   icon: () => /*#__PURE__*/React.createElement(ContentWrapLeftIcon, {
     color: "currentColor",
     spacing: "spacious",
-    label: "media-toolbar-wrap-left-icon",
-    LEGACY_fallbackIcon: WrapLeftIcon
+    label: "media-toolbar-wrap-left-icon"
   })
 }, {
   id: 'editor.media.wrapRight',
@@ -99,8 +90,7 @@ export const wrappingIcons = [{
   icon: () => /*#__PURE__*/React.createElement(ContentWrapRightIcon, {
     color: "currentColor",
     spacing: "spacious",
-    label: "media-toolbar-wrap-right-icon",
-    LEGACY_fallbackIcon: WrapRightIcon
+    label: "media-toolbar-wrap-right-icon"
   })
 }];
 const breakoutIcons = [{

package/dist/es2019/card/link-toolbar-button-group-options.js

@@ -3,30 +3,22 @@ import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
 import SmartLinkEmbedIcon from '@atlaskit/icon/core/smart-link-embed';
 import SmartLinkInlineIcon from '@atlaskit/icon/core/smart-link-inline';
 import { cardMessages as messages } from '../messages';
-import { IconCard } from './ui/assets/card';
-import { IconEmbed } from './ui/assets/embed';
-import { IconInline } from './ui/assets/inline';
-import { IconUrl } from './ui/assets/url';
 export const appearancePropsMap = {
   url: {
     title: messages.urlTitle,
-    icon: MinusIcon,
-    iconFallback: IconUrl
+    icon: MinusIcon
   },
   inline: {
     title: messages.inlineTitle,
-    icon: SmartLinkInlineIcon,
-    iconFallback: IconInline
+    icon: SmartLinkInlineIcon
   },
   block: {
     title: messages.blockTitle,
-    icon: SmartLinkCardIcon,
-    iconFallback: IconCard
+    icon: SmartLinkCardIcon
   },
   embed: {
     title: messages.embedTitle,
-    icon: SmartLinkEmbedIcon,
-    iconFallback: IconEmbed
+    icon: SmartLinkEmbedIcon
   }
 };
 export const getButtonGroupOption = (intl, areAnyNewToolbarFlagsEnabled, dispatchCommand, {
@@ -39,13 +31,11 @@ export const getButtonGroupOption = (intl, areAnyNewToolbarFlagsEnabled, dispatc
 }) => {
   const {
     title,
-    icon,
-    iconFallback
+    icon
   } = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'];
   return {
     title: intl.formatMessage(title),
     icon,
-    iconFallback,
     onClick: () => dispatchCommand(onClick),
     disabled: Boolean(disabled),
     tooltipContent: tooltip || null,

package/dist/es2019/i18n/en.js

@@ -528,7 +528,7 @@ export default {
   'fabric.editor.editLink': 'Edit link',
   'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
   'fabric.editor.editSourceLabel': 'Edit source',
-  'fabric.editor.editSourceTooltip': 'Navigate to source page of the sync block',
+  'fabric.editor.editSourceTooltip': 'Edit at the source location',
   'fabric.editor.editSourceTooltipDisabled': 'Source link is not currently available',
   'fabric.editor.editStatusColor': 'Edit Status Color',
   'fabric.editor.editStatusText': 'Edit Status',

package/dist/es2019/i18n/en_GB.js

@@ -528,7 +528,7 @@ export default {
   'fabric.editor.editLink': 'Edit link',
   'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
   'fabric.editor.editSourceLabel': 'Edit source',
-  'fabric.editor.editSourceTooltip': 'Navigate to source page of the sync block',
+  'fabric.editor.editSourceTooltip': 'Edit at the source location',
   'fabric.editor.editSourceTooltipDisabled': 'Source link is not currently available',
   'fabric.editor.editStatusColor': 'Edit Status Colour',
   'fabric.editor.editStatusText': 'Edit Status',

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

@@ -10,7 +10,6 @@ import debounce from 'lodash/debounce';
 import CustomThemeButton from '@atlaskit/button/custom-theme-button';
 import { akEditorUnitZIndex } from '@atlaskit/editor-shared-styles';
 import CommentIcon from '@atlaskit/icon/core/comment';
-import LegacyCommentIcon from '@atlaskit/icon/glyph/comment';
 import Tooltip from '@atlaskit/tooltip';
 import { commentMessages as messages } from '../media';
 const commentBadgeWrapper = css({
@@ -104,9 +103,7 @@ export const CommentBadge = /*#__PURE__*/forwardRef(({
     iconAfter: jsx(CommentIcon, {
       label: title,
       spacing: "spacious",
-      color: "currentColor",
-      LEGACY_size: badgeSize,
-      LEGACY_fallbackIcon: LegacyCommentIcon
+      color: "currentColor"
     })
   })));
 });

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

@@ -1,7 +1,6 @@
 import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import CommentIcon from '@atlaskit/icon/core/comment';
-import LegacyCommentIcon from '@atlaskit/icon/glyph/comment';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Pressable, xcss } from '@atlaskit/primitives';
 import Tooltip from '@atlaskit/tooltip';
@@ -44,8 +43,6 @@ export const CommentBadgeNext = ({
   }, /*#__PURE__*/React.createElement(CommentIcon, {
     label: title,
     spacing: "spacious",
-    color: "currentColor",
-    LEGACY_size: "medium",
-    LEGACY_fallbackIcon: LegacyCommentIcon
+    color: "currentColor"
   })));
 };

package/dist/es2019/messages/syncBlock.js

@@ -17,7 +17,7 @@ export const syncBlockMessages = defineMessages({
   },
   editSourceTooltip: {
     id: 'fabric.editor.editSourceTooltip',
-    defaultMessage: 'Navigate to source page of the sync block',
+    defaultMessage: 'Edit at the source location',
     description: 'Tooltip for the button to navigate to the source page of the sync block element'
   },
   editSourceTooltipDisabled: {

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 = "110.44.2";
+const packageVersion = "110.44.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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 = "110.44.2";
+const packageVersion = "110.44.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui-menu/ColorPickerButton/index.js

@@ -12,7 +12,6 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Button from '@atlaskit/button/new';
 import LegacyButton from '@atlaskit/button/standard-button';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
-import LegacyExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss, Inline } from '@atlaskit/primitives';
@@ -274,7 +273,6 @@ const ColorPickerButton = props => {
   }, jsx(ChevronDownIcon, {
     color: "currentColor",
     spacing: "spacious",
-    LEGACY_fallbackIcon: LegacyExpandIcon,
     label: "color-picker-chevron-down",
     size: "small"
   }))))) : jsx(LegacyButton, {
@@ -299,7 +297,6 @@ const ColorPickerButton = props => {
     }, jsx(ChevronDownIcon, {
       color: "currentColor",
       spacing: "spacious",
-      LEGACY_fallbackIcon: LegacyExpandIcon,
       label: "color-picker-chevron-down",
       size: "small"
     })),

package/dist/esm/card/LinkToolbarButtonGroup.js

@@ -21,7 +21,7 @@ var buttonStyleNoneEvent = css({
   pointerEvents: 'none'
 });
 var DisallowedWrapper = function DisallowedWrapper(_ref) {
-  var disabled = _ref.disabled,
+  var _disabled = _ref.disabled,
     props = _objectWithoutProperties(_ref, _excluded);
   // adding this ignore to avoid having to use compiled (can be fixed at a later date)
   // @ts-ignore
@@ -50,7 +50,6 @@ export var LinkToolbarButtonGroup = function LinkToolbarButtonGroup(_ref2) {
       tooltipContent = _ref3.tooltipContent,
       title = _ref3.title,
       icon = _ref3.icon,
-      iconFallback = _ref3.iconFallback,
       areAnyNewToolbarFlagsEnabled = _ref3.areAnyNewToolbarFlagsEnabled;
     var ButtonIcon = icon;
     return jsx(DisallowedWrapper, {
@@ -62,9 +61,7 @@ export var LinkToolbarButtonGroup = function LinkToolbarButtonGroup(_ref2) {
       title: title,
       icon: jsx(ButtonIcon, {
         label: title,
-        spacing: "spacious",
-        LEGACY_size: "medium",
-        LEGACY_fallbackIcon: iconFallback
+        spacing: "spacious"
       }),
       selected: selected,
       onClick: onClick,

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

@@ -16,11 +16,6 @@ import ContentWidthWide from '@atlaskit/icon/core/content-width-wide';
 import ContentWrapLeftIcon from '@atlaskit/icon/core/content-wrap-left';
 import ContentWrapRightIcon from '@atlaskit/icon/core/content-wrap-right';
 import FullWidthIcon from '@atlaskit/icon/core/expand-horizontal';
-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 WrapLeftIcon from '@atlaskit/icon/glyph/editor/media-wrap-left';
-import WrapRightIcon from '@atlaskit/icon/glyph/editor/media-wrap-right';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
 import { insideTable } from '../../core-utils';
@@ -39,8 +34,7 @@ export var alignmentIcons = [{
     return /*#__PURE__*/React.createElement(AlignImageLeftIcon, {
       color: "currentColor",
       spacing: "spacious",
-      label: "media-toolbar-align-left-icon",
-      LEGACY_fallbackIcon: EditorAlignImageLeft
+      label: "media-toolbar-align-left-icon"
     });
   }
 }, {
@@ -50,8 +44,7 @@ export var alignmentIcons = [{
     return /*#__PURE__*/React.createElement(AlignImageCenterIcon, {
       color: "currentColor",
       spacing: "spacious",
-      label: "media-toolbar-align-center-icon",
-      LEGACY_fallbackIcon: EditorAlignImageCenter
+      label: "media-toolbar-align-center-icon"
     });
   }
 }, {
@@ -61,8 +54,7 @@ export var alignmentIcons = [{
     return /*#__PURE__*/React.createElement(AlignImageRightIcon, {
       color: "currentColor",
       spacing: "spacious",
-      label: "media-toolbar-align-right-icon",
-      LEGACY_fallbackIcon: EditorAlignImageRight
+      label: "media-toolbar-align-right-icon"
     });
   }
 }];
@@ -107,8 +99,7 @@ export var wrappingIcons = [{
     return /*#__PURE__*/React.createElement(ContentWrapLeftIcon, {
       color: "currentColor",
       spacing: "spacious",
-      label: "media-toolbar-wrap-left-icon",
-      LEGACY_fallbackIcon: WrapLeftIcon
+      label: "media-toolbar-wrap-left-icon"
     });
   }
 }, {
@@ -118,8 +109,7 @@ export var wrappingIcons = [{
     return /*#__PURE__*/React.createElement(ContentWrapRightIcon, {
       color: "currentColor",
       spacing: "spacious",
-      label: "media-toolbar-wrap-right-icon",
-      LEGACY_fallbackIcon: WrapRightIcon
+      label: "media-toolbar-wrap-right-icon"
     });
   }
 }];

package/dist/esm/card/link-toolbar-button-group-options.js

@@ -3,30 +3,22 @@ import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
 import SmartLinkEmbedIcon from '@atlaskit/icon/core/smart-link-embed';
 import SmartLinkInlineIcon from '@atlaskit/icon/core/smart-link-inline';
 import { cardMessages as messages } from '../messages';
-import { IconCard } from './ui/assets/card';
-import { IconEmbed } from './ui/assets/embed';
-import { IconInline } from './ui/assets/inline';
-import { IconUrl } from './ui/assets/url';
 export var appearancePropsMap = {
   url: {
     title: messages.urlTitle,
-    icon: MinusIcon,
-    iconFallback: IconUrl
+    icon: MinusIcon
   },
   inline: {
     title: messages.inlineTitle,
-    icon: SmartLinkInlineIcon,
-    iconFallback: IconInline
+    icon: SmartLinkInlineIcon
   },
   block: {
     title: messages.blockTitle,
-    icon: SmartLinkCardIcon,
-    iconFallback: IconCard
+    icon: SmartLinkCardIcon
   },
   embed: {
     title: messages.embedTitle,
-    icon: SmartLinkEmbedIcon,
-    iconFallback: IconEmbed
+    icon: SmartLinkEmbedIcon
   }
 };
 export var getButtonGroupOption = function getButtonGroupOption(intl, areAnyNewToolbarFlagsEnabled, dispatchCommand, _ref) {
@@ -38,12 +30,10 @@ export var getButtonGroupOption = function getButtonGroupOption(intl, areAnyNewT
     tooltip = _ref.tooltip;
   var _appearancePropsMap = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'],
     title = _appearancePropsMap.title,
-    icon = _appearancePropsMap.icon,
-    iconFallback = _appearancePropsMap.iconFallback;
+    icon = _appearancePropsMap.icon;
   return {
     title: intl.formatMessage(title),
     icon: icon,
-    iconFallback: iconFallback,
     onClick: function onClick() {
       return dispatchCommand(_onClick);
     },

package/dist/esm/i18n/en.js

@@ -528,7 +528,7 @@ export default {
   'fabric.editor.editLink': 'Edit link',
   'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
   'fabric.editor.editSourceLabel': 'Edit source',
-  'fabric.editor.editSourceTooltip': 'Navigate to source page of the sync block',
+  'fabric.editor.editSourceTooltip': 'Edit at the source location',
   'fabric.editor.editSourceTooltipDisabled': 'Source link is not currently available',
   'fabric.editor.editStatusColor': 'Edit Status Color',
   'fabric.editor.editStatusText': 'Edit Status',

package/dist/esm/i18n/en_GB.js

@@ -528,7 +528,7 @@ export default {
   'fabric.editor.editLink': 'Edit link',
   'fabric.editor.editMode.inviteToEditButton.title': 'Invite to edit',
   'fabric.editor.editSourceLabel': 'Edit source',
-  'fabric.editor.editSourceTooltip': 'Navigate to source page of the sync block',
+  'fabric.editor.editSourceTooltip': 'Edit at the source location',
   'fabric.editor.editSourceTooltipDisabled': 'Source link is not currently available',
   'fabric.editor.editStatusColor': 'Edit Status Colour',
   'fabric.editor.editStatusText': 'Edit Status',

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

@@ -11,7 +11,6 @@ import debounce from 'lodash/debounce';
 import CustomThemeButton from '@atlaskit/button/custom-theme-button';
 import { akEditorUnitZIndex } from '@atlaskit/editor-shared-styles';
 import CommentIcon from '@atlaskit/icon/core/comment';
-import LegacyCommentIcon from '@atlaskit/icon/glyph/comment';
 import Tooltip from '@atlaskit/tooltip';
 import { commentMessages as messages } from '../media';
 var commentBadgeWrapper = css({
@@ -110,9 +109,7 @@ export var CommentBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
     iconAfter: jsx(CommentIcon, {
       label: title,
       spacing: "spacious",
-      color: "currentColor",
-      LEGACY_size: badgeSize,
-      LEGACY_fallbackIcon: LegacyCommentIcon
+      color: "currentColor"
     })
   })));
 });

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

@@ -1,7 +1,6 @@
 import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import CommentIcon from '@atlaskit/icon/core/comment';
-import LegacyCommentIcon from '@atlaskit/icon/glyph/comment';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Pressable, xcss } from '@atlaskit/primitives';
 import Tooltip from '@atlaskit/tooltip';
@@ -44,8 +43,6 @@ export var CommentBadgeNext = function CommentBadgeNext(_ref) {
   }, /*#__PURE__*/React.createElement(CommentIcon, {
     label: title,
     spacing: "spacious",
-    color: "currentColor",
-    LEGACY_size: "medium",
-    LEGACY_fallbackIcon: LegacyCommentIcon
+    color: "currentColor"
   })));
 };

package/dist/esm/messages/syncBlock.js

@@ -17,7 +17,7 @@ export var syncBlockMessages = defineMessages({
   },
   editSourceTooltip: {
     id: 'fabric.editor.editSourceTooltip',
-    defaultMessage: 'Navigate to source page of the sync block',
+    defaultMessage: 'Edit at the source location',
     description: 'Tooltip for the button to navigate to the source page of the sync block element'
   },
   editSourceTooltipDisabled: {

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "110.44.2";
+var packageVersion = "110.44.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

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

package/dist/esm/ui-menu/ColorPickerButton/index.js

@@ -13,7 +13,6 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Button from '@atlaskit/button/new';
 import LegacyButton from '@atlaskit/button/standard-button';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
-import LegacyExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss, Inline } from '@atlaskit/primitives';
@@ -286,7 +285,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
   }, jsx(ChevronDownIcon, {
     color: "currentColor",
     spacing: "spacious",
-    LEGACY_fallbackIcon: LegacyExpandIcon,
     label: "color-picker-chevron-down",
     size: "small"
   }))))) : jsx(LegacyButton, {
@@ -311,7 +309,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
     }, jsx(ChevronDownIcon, {
       color: "currentColor",
       spacing: "spacious",
-      LEGACY_fallbackIcon: LegacyExpandIcon,
       label: "color-picker-chevron-down",
       size: "small"
     })),

package/dist/types/card/LinkToolbarButtonGroup.d.ts

@@ -1,10 +1,9 @@
 import { jsx } from '@emotion/react';
-import type { NewCoreIconProps, IconProps } from '@atlaskit/icon/types';
+import type { NewCoreIconProps } from '@atlaskit/icon/types';
 export interface ButtonOptionProps {
     areAnyNewToolbarFlagsEnabled: boolean;
     disabled: boolean;
     icon: (props: NewCoreIconProps) => JSX.Element;
-    iconFallback: (props: IconProps) => JSX.Element;
     onClick: () => void;
     selected: boolean;
     testId: string;

package/dist/types/card/link-toolbar-button-group-options.d.ts

@@ -13,7 +13,6 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
     };
     inline: {
         title: {
@@ -25,7 +24,6 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
     };
     block: {
         title: {
@@ -37,7 +35,6 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
     };
     embed: {
         title: {
@@ -49,7 +46,6 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
     };
 };
 export declare const getButtonGroupOption: (intl: IntlShape, areAnyNewToolbarFlagsEnabled: boolean, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => ButtonOptionProps;

package/dist/types-ts4.5/card/LinkToolbarButtonGroup.d.ts

@@ -1,10 +1,9 @@
 import { jsx } from '@emotion/react';
-import type { NewCoreIconProps, IconProps } from '@atlaskit/icon/types';
+import type { NewCoreIconProps } from '@atlaskit/icon/types';
 export interface ButtonOptionProps {
     areAnyNewToolbarFlagsEnabled: boolean;
     disabled: boolean;
     icon: (props: NewCoreIconProps) => JSX.Element;
-    iconFallback: (props: IconProps) => JSX.Element;
     onClick: () => void;
     selected: boolean;
     testId: string;

package/dist/types-ts4.5/card/link-toolbar-button-group-options.d.ts

@@ -13,7 +13,6 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
     };
     inline: {
         title: {
@@ -25,7 +24,6 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
     };
     block: {
         title: {
@@ -37,7 +35,6 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
     };
     embed: {
         title: {
@@ -49,7 +46,6 @@ export declare const appearancePropsMap: {
             (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
             displayName: string;
         };
-        iconFallback: (props: import("@atlaskit/icon").IconProps) => React.JSX.Element;
     };
 };
 export declare const getButtonGroupOption: (intl: IntlShape, areAnyNewToolbarFlagsEnabled: boolean, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => ButtonOptionProps;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.44.3",
+	"version": "110.45.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,9 +37,9 @@
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/atlassian-context": "^0.6.0",
-		"@atlaskit/button": "^23.7.0",
+		"@atlaskit/button": "^23.8.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
-		"@atlaskit/css": "^0.17.0",
+		"@atlaskit/css": "^0.18.0",
 		"@atlaskit/custom-steps": "^0.16.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/editor-json-transformer": "^8.31.0",
@@ -50,12 +50,12 @@
 		"@atlaskit/editor-toolbar": "^0.18.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
 		"@atlaskit/emoji": "^69.9.0",
-		"@atlaskit/icon": "^29.1.0",
+		"@atlaskit/icon": "^29.2.0",
 		"@atlaskit/icon-object": "^7.4.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.30.0",
-		"@atlaskit/link-picker": "^4.1.0",
-		"@atlaskit/media-card": "^79.10.0",
+		"@atlaskit/link-picker": "^4.2.0",
+		"@atlaskit/media-card": "^79.11.0",
 		"@atlaskit/media-client": "^35.7.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
@@ -70,11 +70,11 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/profilecard": "^24.24.0",
+		"@atlaskit/profilecard": "^24.25.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/react-ufo": "^4.16.0",
-		"@atlaskit/section-message": "^8.10.0",
-		"@atlaskit/smart-card": "^43.16.0",
+		"@atlaskit/section-message": "^8.11.0",
+		"@atlaskit/smart-card": "^43.17.0",
 		"@atlaskit/smart-user-picker": "^8.5.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/status": "^3.0.0",
@@ -82,7 +82,7 @@
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tmp-editor-statsig": "^15.12.0",
-		"@atlaskit/tokens": "^8.5.0",
+		"@atlaskit/tokens": "^8.6.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",