@atlaskit/editor-common 93.5.2 → 93.5.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-common
 
+## 93.5.3
+
+### Patch Changes
+
+- [#152823](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/152823)
+  [`0ec705650807f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0ec705650807f) -
+  [ux] ED-25090: ED-25090: Migrated link toolbar and panel toolbar to use the new icons
+- Updated dependencies
+
 ## 93.5.2
 
 ### Patch Changes

package/dist/cjs/card/LinkToolbarButtonGroup.js

@@ -50,7 +50,9 @@ var LinkToolbarButtonGroup = exports.LinkToolbarButtonGroup = function LinkToolb
       testId = _ref3.testId,
       tooltipContent = _ref3.tooltipContent,
       title = _ref3.title,
-      Icon = _ref3.icon;
+      icon = _ref3.icon,
+      iconFallback = _ref3.iconFallback;
+    var ButtonIcon = icon;
     return (0, _react2.jsx)(DisallowedWrapper, {
       css: disabled ? disallowedWrapperStyle : defaultWrapperStyle,
       key: testId,
@@ -58,9 +60,11 @@ var LinkToolbarButtonGroup = exports.LinkToolbarButtonGroup = function LinkToolb
     }, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
       css: disabled ? buttonStyleNoneEvent : buttonStyle,
       title: title,
-      icon: (0, _react2.jsx)(Icon, {
-        size: "medium",
-        label: title
+      icon: (0, _react2.jsx)(ButtonIcon, {
+        label: title,
+        spacing: "spacious",
+        LEGACY_size: "medium",
+        LEGACY_fallbackIcon: iconFallback
       }),
       selected: selected,
       onClick: onClick,

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

@@ -1,9 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getButtonGroupOption = void 0;
+var _minus = _interopRequireDefault(require("@atlaskit/icon/core/minus"));
+var _smartLinkCard = _interopRequireDefault(require("@atlaskit/icon/core/smart-link-card"));
+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");
@@ -12,19 +17,23 @@ var _url = require("./ui/assets/url");
 var appearancePropsMap = {
   url: {
     title: _messages.cardMessages.urlTitle,
-    icon: _url.IconUrl
+    icon: _minus.default,
+    iconFallback: _url.IconUrl
   },
   inline: {
     title: _messages.cardMessages.inlineTitle,
-    icon: _inline.IconInline
+    icon: _smartLinkInline.default,
+    iconFallback: _inline.IconInline
   },
   block: {
     title: _messages.cardMessages.blockTitle,
-    icon: _card.IconCard
+    icon: _smartLinkCard.default,
+    iconFallback: _card.IconCard
   },
   embed: {
     title: _messages.cardMessages.embedTitle,
-    icon: _embed.IconEmbed
+    icon: _smartLinkEmbed.default,
+    iconFallback: _embed.IconEmbed
   }
 };
 var getButtonGroupOption = exports.getButtonGroupOption = function getButtonGroupOption(intl, dispatchCommand, _ref) {
@@ -36,10 +45,12 @@ 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;
+    icon = _appearancePropsMap.icon,
+    iconFallback = _appearancePropsMap.iconFallback;
   return {
     title: intl.formatMessage(title),
     icon: icon,
+    iconFallback: iconFallback,
     onClick: function onClick() {
       return dispatchCommand(_onClick);
     },

package/dist/cjs/card/ui/assets/card.js

@@ -8,6 +8,8 @@ exports.IconCard = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
+
 var IconCardGlyph = function IconCardGlyph(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     width: "32",

package/dist/cjs/card/ui/assets/embed.js

@@ -8,6 +8,8 @@ exports.IconEmbed = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
+
 var IconEmbedGlyph = function IconEmbedGlyph(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     width: "32",

package/dist/cjs/card/ui/assets/inline.js

@@ -8,6 +8,8 @@ exports.IconInline = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
+
 var IconInlineGlyph = function IconInlineGlyph(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     width: "32",

package/dist/cjs/card/ui/assets/url.js

@@ -8,6 +8,8 @@ exports.IconUrl = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
+
 var IconUrlGlyph = function IconUrlGlyph(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     width: "32",

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

@@ -11,7 +11,8 @@ var _react2 = require("@emotion/react");
 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/glyph/comment"));
+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");
 /**
@@ -115,7 +116,10 @@ var CommentBadge = exports.CommentBadge = /*#__PURE__*/(0, _react.forwardRef)(fu
     onMouseLeave: onMouseLeave,
     iconAfter: (0, _react2.jsx)(_comment.default, {
       label: title,
-      size: badgeSize
+      spacing: "spacious",
+      color: "currentColor",
+      LEGACY_size: badgeSize,
+      LEGACY_fallbackIcon: _comment2.default
     })
   })));
 });

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

@@ -8,7 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.CommentBadgeNext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _comment = _interopRequireDefault(require("@atlaskit/icon/glyph/comment"));
+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");
@@ -56,6 +57,9 @@ var CommentBadgeNext = exports.CommentBadgeNext = function CommentBadgeNext(_ref
     backgroundColor: colourToken
   }, /*#__PURE__*/_react.default.createElement(_comment.default, {
     label: title,
-    size: badgeSize
+    spacing: "spacious",
+    color: "currentColor",
+    LEGACY_size: badgeSize,
+    LEGACY_fallbackIcon: _comment2.default
   })));
 };

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 = "93.5.2";
+var packageVersion = "93.5.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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 = "93.5.2";
+var packageVersion = "93.5.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -231,6 +231,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
       }
     }
     // TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
     ,
     css: buttonStyle,
     iconAfter: (0, _react2.jsx)(_primitives.Box, {

package/dist/es2019/card/LinkToolbarButtonGroup.js

@@ -45,22 +45,28 @@ export const LinkToolbarButtonGroup = ({
     testId,
     tooltipContent,
     title,
-    icon: Icon
-  }) => jsx(DisallowedWrapper, {
-    css: disabled ? disallowedWrapperStyle : defaultWrapperStyle,
-    key: testId,
-    disabled: disabled
-  }, jsx(Button, {
-    css: disabled ? buttonStyleNoneEvent : buttonStyle,
-    title: title,
-    icon: jsx(Icon, {
-      size: "medium",
-      label: title
-    }),
-    selected: selected,
-    onClick: onClick,
-    testId: testId,
-    disabled: disabled,
-    tooltipContent: tooltipContent
-  }))));
+    icon,
+    iconFallback
+  }) => {
+    const ButtonIcon = icon;
+    return jsx(DisallowedWrapper, {
+      css: disabled ? disallowedWrapperStyle : defaultWrapperStyle,
+      key: testId,
+      disabled: disabled
+    }, jsx(Button, {
+      css: disabled ? buttonStyleNoneEvent : buttonStyle,
+      title: title,
+      icon: jsx(ButtonIcon, {
+        label: title,
+        spacing: "spacious",
+        LEGACY_size: "medium",
+        LEGACY_fallbackIcon: iconFallback
+      }),
+      selected: selected,
+      onClick: onClick,
+      testId: testId,
+      disabled: disabled,
+      tooltipContent: tooltipContent
+    }));
+  }));
 };

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

@@ -1,3 +1,7 @@
+import MinusIcon from '@atlaskit/icon/core/minus';
+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';
@@ -6,19 +10,23 @@ import { IconUrl } from './ui/assets/url';
 const appearancePropsMap = {
   url: {
     title: messages.urlTitle,
-    icon: IconUrl
+    icon: MinusIcon,
+    iconFallback: IconUrl
   },
   inline: {
     title: messages.inlineTitle,
-    icon: IconInline
+    icon: SmartLinkInlineIcon,
+    iconFallback: IconInline
   },
   block: {
     title: messages.blockTitle,
-    icon: IconCard
+    icon: SmartLinkCardIcon,
+    iconFallback: IconCard
   },
   embed: {
     title: messages.embedTitle,
-    icon: IconEmbed
+    icon: SmartLinkEmbedIcon,
+    iconFallback: IconEmbed
   }
 };
 export const getButtonGroupOption = (intl, dispatchCommand, {
@@ -31,11 +39,13 @@ export const getButtonGroupOption = (intl, dispatchCommand, {
 }) => {
   const {
     title,
-    icon
+    icon,
+    iconFallback
   } = 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/card/ui/assets/card.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
 import React from 'react';
 import Icon from '@atlaskit/icon';
 const IconCardGlyph = props => {

package/dist/es2019/card/ui/assets/embed.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
 import React from 'react';
 import Icon from '@atlaskit/icon';
 const IconEmbedGlyph = props => {

package/dist/es2019/card/ui/assets/inline.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
 import React from 'react';
 import Icon from '@atlaskit/icon';
 const IconInlineGlyph = props => {

package/dist/es2019/card/ui/assets/url.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
 import React from 'react';
 import Icon from '@atlaskit/icon';
 const IconUrlGlyph = props => {

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

@@ -9,7 +9,8 @@ import { css, jsx } from '@emotion/react';
 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/glyph/comment';
+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({
@@ -101,7 +102,10 @@ export const CommentBadge = /*#__PURE__*/forwardRef(({
     onMouseLeave: onMouseLeave,
     iconAfter: jsx(CommentIcon, {
       label: title,
-      size: badgeSize
+      spacing: "spacious",
+      color: "currentColor",
+      LEGACY_size: badgeSize,
+      LEGACY_fallbackIcon: LegacyCommentIcon
     })
   })));
 });

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

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
-import CommentIcon from '@atlaskit/icon/glyph/comment';
+import CommentIcon from '@atlaskit/icon/core/comment';
+import LegacyCommentIcon from '@atlaskit/icon/glyph/comment';
 import { Pressable, xcss } from '@atlaskit/primitives';
 import Tooltip from '@atlaskit/tooltip';
 import { commentMessages as messages } from '../media';
@@ -46,6 +47,9 @@ export const CommentBadgeNext = ({
     backgroundColor: colourToken
   }, /*#__PURE__*/React.createElement(CommentIcon, {
     label: title,
-    size: badgeSize
+    spacing: "spacious",
+    color: "currentColor",
+    LEGACY_size: badgeSize,
+    LEGACY_fallbackIcon: LegacyCommentIcon
   })));
 };

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 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 = "93.5.2";
+const packageVersion = "93.5.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "93.5.2";
+const packageVersion = "93.5.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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

@@ -211,6 +211,7 @@ const ColorPickerButton = props => {
       }
     }
     // TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
     ,
     css: buttonStyle,
     iconAfter: jsx(Box, {

package/dist/esm/card/LinkToolbarButtonGroup.js

@@ -45,7 +45,9 @@ export var LinkToolbarButtonGroup = function LinkToolbarButtonGroup(_ref2) {
       testId = _ref3.testId,
       tooltipContent = _ref3.tooltipContent,
       title = _ref3.title,
-      Icon = _ref3.icon;
+      icon = _ref3.icon,
+      iconFallback = _ref3.iconFallback;
+    var ButtonIcon = icon;
     return jsx(DisallowedWrapper, {
       css: disabled ? disallowedWrapperStyle : defaultWrapperStyle,
       key: testId,
@@ -53,9 +55,11 @@ export var LinkToolbarButtonGroup = function LinkToolbarButtonGroup(_ref2) {
     }, jsx(Button, {
       css: disabled ? buttonStyleNoneEvent : buttonStyle,
       title: title,
-      icon: jsx(Icon, {
-        size: "medium",
-        label: title
+      icon: jsx(ButtonIcon, {
+        label: title,
+        spacing: "spacious",
+        LEGACY_size: "medium",
+        LEGACY_fallbackIcon: iconFallback
       }),
       selected: selected,
       onClick: onClick,

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

@@ -1,3 +1,7 @@
+import MinusIcon from '@atlaskit/icon/core/minus';
+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';
@@ -6,19 +10,23 @@ import { IconUrl } from './ui/assets/url';
 var appearancePropsMap = {
   url: {
     title: messages.urlTitle,
-    icon: IconUrl
+    icon: MinusIcon,
+    iconFallback: IconUrl
   },
   inline: {
     title: messages.inlineTitle,
-    icon: IconInline
+    icon: SmartLinkInlineIcon,
+    iconFallback: IconInline
   },
   block: {
     title: messages.blockTitle,
-    icon: IconCard
+    icon: SmartLinkCardIcon,
+    iconFallback: IconCard
   },
   embed: {
     title: messages.embedTitle,
-    icon: IconEmbed
+    icon: SmartLinkEmbedIcon,
+    iconFallback: IconEmbed
   }
 };
 export var getButtonGroupOption = function getButtonGroupOption(intl, dispatchCommand, _ref) {
@@ -30,10 +38,12 @@ export var getButtonGroupOption = function getButtonGroupOption(intl, dispatchCo
     tooltip = _ref.tooltip;
   var _appearancePropsMap = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'],
     title = _appearancePropsMap.title,
-    icon = _appearancePropsMap.icon;
+    icon = _appearancePropsMap.icon,
+    iconFallback = _appearancePropsMap.iconFallback;
   return {
     title: intl.formatMessage(title),
     icon: icon,
+    iconFallback: iconFallback,
     onClick: function onClick() {
       return dispatchCommand(_onClick);
     },

package/dist/esm/card/ui/assets/card.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
 import React from 'react';
 import Icon from '@atlaskit/icon';
 var IconCardGlyph = function IconCardGlyph(props) {

package/dist/esm/card/ui/assets/embed.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
 import React from 'react';
 import Icon from '@atlaskit/icon';
 var IconEmbedGlyph = function IconEmbedGlyph(props) {

package/dist/esm/card/ui/assets/inline.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
 import React from 'react';
 import Icon from '@atlaskit/icon';
 var IconInlineGlyph = function IconInlineGlyph(props) {

package/dist/esm/card/ui/assets/url.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* eslint-disable @atlaskit/design-system/no-custom-icons */
 import React from 'react';
 import Icon from '@atlaskit/icon';
 var IconUrlGlyph = function IconUrlGlyph(props) {

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

@@ -10,7 +10,8 @@ import { css, jsx } from '@emotion/react';
 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/glyph/comment';
+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({
@@ -107,7 +108,10 @@ export var CommentBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onMouseLeave: onMouseLeave,
     iconAfter: jsx(CommentIcon, {
       label: title,
-      size: badgeSize
+      spacing: "spacious",
+      color: "currentColor",
+      LEGACY_size: badgeSize,
+      LEGACY_fallbackIcon: LegacyCommentIcon
     })
   })));
 });

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

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
-import CommentIcon from '@atlaskit/icon/glyph/comment';
+import CommentIcon from '@atlaskit/icon/core/comment';
+import LegacyCommentIcon from '@atlaskit/icon/glyph/comment';
 import { Pressable, xcss } from '@atlaskit/primitives';
 import Tooltip from '@atlaskit/tooltip';
 import { commentMessages as messages } from '../media';
@@ -46,6 +47,9 @@ export var CommentBadgeNext = function CommentBadgeNext(_ref) {
     backgroundColor: colourToken
   }, /*#__PURE__*/React.createElement(CommentIcon, {
     label: title,
-    size: badgeSize
+    spacing: "spacious",
+    color: "currentColor",
+    LEGACY_size: badgeSize,
+    LEGACY_fallbackIcon: LegacyCommentIcon
   })));
 };

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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 = "93.5.2";
+var packageVersion = "93.5.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -21,7 +21,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "93.5.2";
+var packageVersion = "93.5.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -224,6 +224,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
       }
     }
     // TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
     ,
     css: buttonStyle,
     iconAfter: jsx(Box, {

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { jsx } from '@emotion/react';
-import type { GlyphProps } from '@atlaskit/icon/types';
+import type { UNSAFE_NewCoreIconProps } from '@atlaskit/icon/types';
 export interface ButtonOptionProps {
     title: string;
     selected: boolean;
@@ -8,7 +8,8 @@ export interface ButtonOptionProps {
     disabled: boolean;
     tooltipContent?: string | null;
     onClick: () => void;
-    icon: (props: GlyphProps) => JSX.Element;
+    icon: (props: Omit<UNSAFE_NewCoreIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
+    iconFallback: (props: Omit<UNSAFE_NewCoreIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
 }
 export interface LinkToolbarButtonGroupProps {
     options: ButtonOptionProps[];

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

@@ -6,20 +6,94 @@ export type OnClickCallback = ({ event, url, }: {
     url?: string;
 }) => void;
 export interface CardOptions {
+    /**
+     * A promise returning the instance of EditorCardProvider
+     *
+     * Example: Promise.resolve(new EditorCardProvider())
+     */
     provider?: Providers['cardProvider'];
+    /**
+     * When the URL pattern is in conflict with Smart Links and macros, macros will take priority over Smart Links.
+     * Specify the names of macros to allow card plugin to override the macros behaviour and converts the URL to Smart Link.
+     */
     resolveBeforeMacros?: string[];
+    /**
+     * A flag to determine whether editor can display Smart Link with block (Card) appearance.
+     * Default is true.
+     *
+     * Component: block (card)
+     */
     allowBlockCards?: boolean;
+    /**
+     * A flag to determine whether editor can display link datasource (Jira issues and Confluence links).
+     * Default is false.
+     *
+     * Component: link datasource (Jira issues, Confluence list)
+     */
     allowDatasource?: boolean;
+    /**
+     * A flag to determine whether editor can display Smart Link with embed appearance.
+     * Default is false.
+     *
+     * Component: embed
+     */
     allowEmbeds?: boolean;
+    /**
+     * A flag to determine whether Smart Link with embed appearance can be resized.
+     * Default is true.
+     *
+     * Component: embed
+     */
     allowResizing?: boolean;
+    /**
+     * Configure visibility of actions available.
+     * By default, smart links show all actions available on the views.
+     * Set `hide` to true to disable all actions.
+     * Set `hide` to false and set `exclude` to enable only specific actions.
+     *
+     * Component: inline (hover preview), block (card)
+     */
     actionOptions?: CardProps['actionOptions'];
+    /**
+     * By default, Smart Link with inline appearance resolving states show a frame with a spinner on the left.
+     * An alternative is to remove the frame and place the spinner on the right by setting this value to `on-right-without-skeleton`.
+     * This property is specific to inline links in the editor.
+     * Default is true.
+     *
+     * Component: inline
+     */
     useAlternativePreloader?: boolean;
+    /**
+     * A flag to display alignment options in the link toolbar on Smart Link with embed appearance.
+     * Default is true.
+     *
+     * Component: embed
+     */
     allowAlignment?: boolean;
+    /**
+     * A flag to display wrapping options in the link toolbar on Smart Link with embed appearance.
+     * Default is true.
+     *
+     * Component: embed
+     */
     allowWrapping?: boolean;
+    /**
+     * A flag to display Smart Link upgrade discovery.
+     * Default is true.
+     *
+     * Component: link toolbar
+     */
     showUpgradeDiscoverability?: boolean;
+    /**
+     * A callback to determine the link click behaviour.
+     *
+     * Component: inline, block (card), embed
+     */
     onClickCallback?: OnClickCallback;
     /**
      * Customises the outbound link to configure user preferences
+     *
+     * Component: link toolbar
      */
     userPreferencesLink?: string;
 }

package/dist/types/card/ui/assets/card.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconCard: (props: GlyphProps) => JSX.Element;
+import type { UNSAFE_NewIconProps } from '@atlaskit/icon/types';
+export declare const IconCard: (props: Omit<UNSAFE_NewIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;

package/dist/types/card/ui/assets/embed.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconEmbed: (props: GlyphProps) => JSX.Element;
+import type { UNSAFE_NewIconProps } from '@atlaskit/icon/types';
+export declare const IconEmbed: (props: Omit<UNSAFE_NewIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;

package/dist/types/card/ui/assets/inline.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconInline: (props: GlyphProps) => JSX.Element;
+import type { UNSAFE_NewIconProps } from '@atlaskit/icon/types';
+export declare const IconInline: (props: Omit<UNSAFE_NewIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;

package/dist/types/card/ui/assets/url.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconUrl: (props: GlyphProps) => JSX.Element;
+import type { UNSAFE_NewCoreIconProps } from '@atlaskit/icon/types';
+export declare const IconUrl: (props: Omit<UNSAFE_NewCoreIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { jsx } from '@emotion/react';
-import type { GlyphProps } from '@atlaskit/icon/types';
+import type { UNSAFE_NewCoreIconProps } from '@atlaskit/icon/types';
 export interface ButtonOptionProps {
     title: string;
     selected: boolean;
@@ -8,7 +8,8 @@ export interface ButtonOptionProps {
     disabled: boolean;
     tooltipContent?: string | null;
     onClick: () => void;
-    icon: (props: GlyphProps) => JSX.Element;
+    icon: (props: Omit<UNSAFE_NewCoreIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
+    iconFallback: (props: Omit<UNSAFE_NewCoreIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;
 }
 export interface LinkToolbarButtonGroupProps {
     options: ButtonOptionProps[];

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

@@ -6,20 +6,94 @@ export type OnClickCallback = ({ event, url, }: {
     url?: string;
 }) => void;
 export interface CardOptions {
+    /**
+     * A promise returning the instance of EditorCardProvider
+     *
+     * Example: Promise.resolve(new EditorCardProvider())
+     */
     provider?: Providers['cardProvider'];
+    /**
+     * When the URL pattern is in conflict with Smart Links and macros, macros will take priority over Smart Links.
+     * Specify the names of macros to allow card plugin to override the macros behaviour and converts the URL to Smart Link.
+     */
     resolveBeforeMacros?: string[];
+    /**
+     * A flag to determine whether editor can display Smart Link with block (Card) appearance.
+     * Default is true.
+     *
+     * Component: block (card)
+     */
     allowBlockCards?: boolean;
+    /**
+     * A flag to determine whether editor can display link datasource (Jira issues and Confluence links).
+     * Default is false.
+     *
+     * Component: link datasource (Jira issues, Confluence list)
+     */
     allowDatasource?: boolean;
+    /**
+     * A flag to determine whether editor can display Smart Link with embed appearance.
+     * Default is false.
+     *
+     * Component: embed
+     */
     allowEmbeds?: boolean;
+    /**
+     * A flag to determine whether Smart Link with embed appearance can be resized.
+     * Default is true.
+     *
+     * Component: embed
+     */
     allowResizing?: boolean;
+    /**
+     * Configure visibility of actions available.
+     * By default, smart links show all actions available on the views.
+     * Set `hide` to true to disable all actions.
+     * Set `hide` to false and set `exclude` to enable only specific actions.
+     *
+     * Component: inline (hover preview), block (card)
+     */
     actionOptions?: CardProps['actionOptions'];
+    /**
+     * By default, Smart Link with inline appearance resolving states show a frame with a spinner on the left.
+     * An alternative is to remove the frame and place the spinner on the right by setting this value to `on-right-without-skeleton`.
+     * This property is specific to inline links in the editor.
+     * Default is true.
+     *
+     * Component: inline
+     */
     useAlternativePreloader?: boolean;
+    /**
+     * A flag to display alignment options in the link toolbar on Smart Link with embed appearance.
+     * Default is true.
+     *
+     * Component: embed
+     */
     allowAlignment?: boolean;
+    /**
+     * A flag to display wrapping options in the link toolbar on Smart Link with embed appearance.
+     * Default is true.
+     *
+     * Component: embed
+     */
     allowWrapping?: boolean;
+    /**
+     * A flag to display Smart Link upgrade discovery.
+     * Default is true.
+     *
+     * Component: link toolbar
+     */
     showUpgradeDiscoverability?: boolean;
+    /**
+     * A callback to determine the link click behaviour.
+     *
+     * Component: inline, block (card), embed
+     */
     onClickCallback?: OnClickCallback;
     /**
      * Customises the outbound link to configure user preferences
+     *
+     * Component: link toolbar
      */
     userPreferencesLink?: string;
 }

package/dist/types-ts4.5/card/ui/assets/card.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconCard: (props: GlyphProps) => JSX.Element;
+import type { UNSAFE_NewIconProps } from '@atlaskit/icon/types';
+export declare const IconCard: (props: Omit<UNSAFE_NewIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;

package/dist/types-ts4.5/card/ui/assets/embed.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconEmbed: (props: GlyphProps) => JSX.Element;
+import type { UNSAFE_NewIconProps } from '@atlaskit/icon/types';
+export declare const IconEmbed: (props: Omit<UNSAFE_NewIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;

package/dist/types-ts4.5/card/ui/assets/inline.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconInline: (props: GlyphProps) => JSX.Element;
+import type { UNSAFE_NewIconProps } from '@atlaskit/icon/types';
+export declare const IconInline: (props: Omit<UNSAFE_NewIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;

package/dist/types-ts4.5/card/ui/assets/url.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconUrl: (props: GlyphProps) => JSX.Element;
+import type { UNSAFE_NewCoreIconProps } from '@atlaskit/icon/types';
+export declare const IconUrl: (props: Omit<UNSAFE_NewCoreIconProps, 'dangerouslySetGlyph' | 'type'>) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "93.5.2",
+	"version": "93.5.3",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -131,7 +131,7 @@
 		"@atlaskit/icon-object": "^6.5.0",
 		"@atlaskit/link-datasource": "^3.6.0",
 		"@atlaskit/link-picker": "^1.47.0",
-		"@atlaskit/media-card": "^78.6.0",
+		"@atlaskit/media-card": "^78.7.0",
 		"@atlaskit/media-client": "^28.0.0",
 		"@atlaskit/media-client-react": "^2.2.0",
 		"@atlaskit/media-common": "^11.6.0",
@@ -140,7 +140,7 @@
 		"@atlaskit/media-ui": "^25.16.0",
 		"@atlaskit/media-viewer": "49.2.0",
 		"@atlaskit/mention": "^23.3.0",
-		"@atlaskit/menu": "^2.12.0",
+		"@atlaskit/menu": "^2.13.0",
 		"@atlaskit/onboarding": "^11.2.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.2.0",