@atlaskit/editor-common 97.1.3 → 97.3.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-common
 
+## 97.3.0
+
+### Minor Changes
+
+- [#98820](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98820)
+  [`9f7dc3ba5d256`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9f7dc3ba5d256) -
+  [ux] Update the potential list of colors for avatar badges and telepointers within the editor.
+  Also add support for using presenceId over sessionId, when presenceId exists, in order to make the
+  avatar badge and telepointer color selection.
+
+## 97.2.0
+
+### Minor Changes
+
+- [#98696](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98696)
+  [`396ff0958321d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/396ff0958321d) -
+  Adding the ability to register copy intents to enable cross site / product copy and paste for
+  media by forwarding the ref from useCopyIntent / useFilePreview
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 97.1.3
 
 ### Patch Changes

package/dist/cjs/collab/index.js

@@ -120,19 +120,19 @@ var DisconnectReason = exports.DisconnectReason = /*#__PURE__*/function (Disconn
   DisconnectReason["UNKNOWN_DISCONNECT"] = "UNKNOWN_DISCONNECT";
   return DisconnectReason;
 }({});
-var telepointerColorStyle = function telepointerColorStyle(color, index) {
+var telepointerColorStyle = function telepointerColorStyle(backgroundColor, textColor, index) {
   var _getGlobalTheme = (0, _tokens.getGlobalTheme)(),
     colorMode = _getGlobalTheme.colorMode;
-  var backgroundStyle = colorMode === 'dark' ? "linear-gradient(to bottom, ".concat(color, " -800000%, transparent 200000%)") : "linear-gradient(to bottom, ".concat(color, " -850000%, transparent 150000%)");
-  return "\n    &.color-".concat(index, " {\n      background: ").concat(backgroundStyle, ";\n      &::after {\n        background-color: ").concat(color, ";\n        color: ", "var(--ds-text-inverse, #FFFFFF)", ";\n        border-color: ").concat(color, ";\n      }\n    }\n  ");
+  var backgroundStyle = colorMode === 'dark' ? "linear-gradient(to bottom, ".concat(backgroundColor, " -800000%, transparent 200000%)") : "linear-gradient(to bottom, ".concat(backgroundColor, " -850000%, transparent 150000%)");
+  return "\n    &.color-".concat(index, " {\n      background: ").concat(backgroundStyle, ";\n      &::after {\n        background-color: ").concat(backgroundColor, ";\n        color: ").concat(textColor, ";\n        border-color: ").concat(backgroundColor, ";\n      }\n    }\n  ");
 };
 var TELEPOINTER_DIM_CLASS = exports.TELEPOINTER_DIM_CLASS = 'telepointer-dim';
 
 // ED-22557: Safely convert to object styling
 // Disable top: -14px since it is necessary to align to cursor
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var telepointerStyle = exports.telepointerStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror .telepointer {\n\t\tposition: relative;\n\t\ttransition: opacity 200ms;\n\n\t\t&.telepointer-selection:not(.inlineNodeView) {\n\t\t\tline-height: 1.2;\n\t\t\tpointer-events: none;\n\t\t\tuser-select: none;\n\t\t}\n\n\t\t&.telepointer-selection-badge::after {\n\t\t\tcontent: attr(data-initial);\n\t\t\tposition: absolute;\n\t\t\tdisplay: block;\n\t\t\ttop: -14px;\n\t\t\tfont-size: ", ";\n\t\t\tpadding: ", ";\n\t\t\tcolor: ", ";\n\t\t\tleft: 0px;\n\t\t\tborder-radius: 2px 2px 2px 0;\n\t\t\tline-height: initial;\n\t\t}\n\n\t\t&.", " {\n\t\t\topacity: 0.2;\n\t\t}\n\n\t\t", ";\n\t}\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, #FFFFFF)", TELEPOINTER_DIM_CLASS, _editorSharedStyles.avatarColors.map(function (color, index) {
-  return telepointerColorStyle(color, index);
+var telepointerStyle = exports.telepointerStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror .telepointer {\n\t\tposition: relative;\n\t\ttransition: opacity 200ms;\n\n\t\t&.telepointer-selection:not(.inlineNodeView) {\n\t\t\tline-height: 1.2;\n\t\t\tpointer-events: none;\n\t\t\tuser-select: none;\n\t\t}\n\n\t\t&.telepointer-selection-badge::after {\n\t\t\tcontent: attr(data-initial);\n\t\t\tposition: absolute;\n\t\t\tdisplay: block;\n\t\t\ttop: -14px;\n\t\t\tfont-size: ", ";\n\t\t\tpadding: ", ";\n\t\t\tcolor: ", ";\n\t\t\tleft: 0px;\n\t\t\tborder-radius: 2px 2px 2px 0;\n\t\t\tline-height: initial;\n\t\t}\n\n\t\t&.", " {\n\t\t\topacity: 0.2;\n\t\t}\n\n\t\t", ";\n\t}\n"])), (0, _editorSharedStyles.relativeFontSizeToBase16)(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, #FFFFFF)", TELEPOINTER_DIM_CLASS, _editorSharedStyles.participantColors.map(function (participantColor, index) {
+  return telepointerColorStyle(participantColor.backgroundColor, participantColor.textColor, index);
 }));
 var tintKey = 'collab:isDirtyTransaction';
 var isDirtyTransaction = exports.isDirtyTransaction = function isDirtyTransaction(tr) {

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

@@ -44,7 +44,8 @@ var InlineImageCard = exports.InlineImageCard = function InlineImageCard(_ref) {
     previewError = _useFilePreview.error,
     onImageError = _useFilePreview.onImageError,
     _onImageLoad = _useFilePreview.onImageLoad,
-    getSsrScriptProps = _useFilePreview.getSsrScriptProps;
+    getSsrScriptProps = _useFilePreview.getSsrScriptProps,
+    copyNodeRef = _useFilePreview.copyNodeRef;
   if (previewError) {
     return renderError({
       error: previewError
@@ -64,6 +65,7 @@ var InlineImageCard = exports.InlineImageCard = function InlineImageCard(_ref) {
     loading: isLazy ? 'lazy' : undefined,
     forceSyncDisplay: !!ssr,
     crop: crop,
-    stretch: stretch
+    stretch: stretch,
+    ref: copyNodeRef
   }), getSsrScriptProps && (0, _react2.jsx)("script", getSsrScriptProps()));
 };

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 = "97.1.3";
+var packageVersion = "97.3.0";
 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

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "97.1.3";
+var packageVersion = "97.3.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005
@@ -55,7 +55,7 @@ var DropList = /*#__PURE__*/function (_Component) {
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
     (0, _defineProperty2.default)(_this, "menuWrapper", function () {
       return (0, _react2.css)({
-        color: "var(--ds-text, #172B4D)",
+        color: "var(--ds-text-subtle, #44546F)",
         backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
         borderRadius: "var(--ds-border-radius, 3px)",
         boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",

package/dist/es2019/collab/index.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 { avatarColors, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { participantColors, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { getGlobalTheme } from '@atlaskit/tokens';
 
 // Format of the payload returned by the callback function passed to the collab provider
@@ -128,18 +128,18 @@ export let DisconnectReason = /*#__PURE__*/function (DisconnectReason) {
   DisconnectReason["UNKNOWN_DISCONNECT"] = "UNKNOWN_DISCONNECT";
   return DisconnectReason;
 }({});
-const telepointerColorStyle = (color, index) => {
+const telepointerColorStyle = (backgroundColor, textColor, index) => {
   const {
     colorMode
   } = getGlobalTheme();
-  const backgroundStyle = colorMode === 'dark' ? `linear-gradient(to bottom, ${color} -800000%, transparent 200000%)` : `linear-gradient(to bottom, ${color} -850000%, transparent 150000%)`;
+  const backgroundStyle = colorMode === 'dark' ? `linear-gradient(to bottom, ${backgroundColor} -800000%, transparent 200000%)` : `linear-gradient(to bottom, ${backgroundColor} -850000%, transparent 150000%)`;
   return `
     &.color-${index} {
       background: ${backgroundStyle};
       &::after {
-        background-color: ${color};
-        color: ${"var(--ds-text-inverse, #FFFFFF)"};
-        border-color: ${color};
+        background-color: ${backgroundColor};
+        color: ${textColor};
+        border-color: ${backgroundColor};
       }
     }
   `;
@@ -177,7 +177,7 @@ export const telepointerStyle = css`
 			opacity: 0.2;
 		}
 
-		${avatarColors.map((color, index) => telepointerColorStyle(color, index))};
+		${participantColors.map((participantColor, index) => telepointerColorStyle(participantColor.backgroundColor, participantColor.textColor, index))};
 	}
 `;
 const tintKey = 'collab:isDirtyTransaction';

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

@@ -31,7 +31,8 @@ export const InlineImageCard = ({
     error: previewError,
     onImageError,
     onImageLoad,
-    getSsrScriptProps
+    getSsrScriptProps,
+    copyNodeRef
   } = useFilePreview({
     identifier,
     ssr,
@@ -57,6 +58,7 @@ export const InlineImageCard = ({
     loading: isLazy ? 'lazy' : undefined,
     forceSyncDisplay: !!ssr,
     crop: crop,
-    stretch: stretch
+    stretch: stretch,
+    ref: copyNodeRef
   }), getSsrScriptProps && jsx("script", getSsrScriptProps()));
 };

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 = "97.1.3";
+const packageVersion = "97.3.0";
 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 = "97.1.3";
+const packageVersion = "97.3.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005
@@ -40,7 +40,7 @@ class DropList extends Component {
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
     _defineProperty(this, "menuWrapper", () => {
       return css({
-        color: "var(--ds-text, #172B4D)",
+        color: "var(--ds-text-subtle, #44546F)",
         backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
         borderRadius: "var(--ds-border-radius, 3px)",
         boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",

package/dist/esm/collab/index.js

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { avatarColors, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { participantColors, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { getGlobalTheme } from '@atlaskit/tokens';
 
 // Format of the payload returned by the callback function passed to the collab provider
@@ -130,19 +130,19 @@ export var DisconnectReason = /*#__PURE__*/function (DisconnectReason) {
   DisconnectReason["UNKNOWN_DISCONNECT"] = "UNKNOWN_DISCONNECT";
   return DisconnectReason;
 }({});
-var telepointerColorStyle = function telepointerColorStyle(color, index) {
+var telepointerColorStyle = function telepointerColorStyle(backgroundColor, textColor, index) {
   var _getGlobalTheme = getGlobalTheme(),
     colorMode = _getGlobalTheme.colorMode;
-  var backgroundStyle = colorMode === 'dark' ? "linear-gradient(to bottom, ".concat(color, " -800000%, transparent 200000%)") : "linear-gradient(to bottom, ".concat(color, " -850000%, transparent 150000%)");
-  return "\n    &.color-".concat(index, " {\n      background: ").concat(backgroundStyle, ";\n      &::after {\n        background-color: ").concat(color, ";\n        color: ", "var(--ds-text-inverse, #FFFFFF)", ";\n        border-color: ").concat(color, ";\n      }\n    }\n  ");
+  var backgroundStyle = colorMode === 'dark' ? "linear-gradient(to bottom, ".concat(backgroundColor, " -800000%, transparent 200000%)") : "linear-gradient(to bottom, ".concat(backgroundColor, " -850000%, transparent 150000%)");
+  return "\n    &.color-".concat(index, " {\n      background: ").concat(backgroundStyle, ";\n      &::after {\n        background-color: ").concat(backgroundColor, ";\n        color: ").concat(textColor, ";\n        border-color: ").concat(backgroundColor, ";\n      }\n    }\n  ");
 };
 export var TELEPOINTER_DIM_CLASS = 'telepointer-dim';
 
 // ED-22557: Safely convert to object styling
 // Disable top: -14px since it is necessary to align to cursor
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var telepointerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror .telepointer {\n\t\tposition: relative;\n\t\ttransition: opacity 200ms;\n\n\t\t&.telepointer-selection:not(.inlineNodeView) {\n\t\t\tline-height: 1.2;\n\t\t\tpointer-events: none;\n\t\t\tuser-select: none;\n\t\t}\n\n\t\t&.telepointer-selection-badge::after {\n\t\t\tcontent: attr(data-initial);\n\t\t\tposition: absolute;\n\t\t\tdisplay: block;\n\t\t\ttop: -14px;\n\t\t\tfont-size: ", ";\n\t\t\tpadding: ", ";\n\t\t\tcolor: ", ";\n\t\t\tleft: 0px;\n\t\t\tborder-radius: 2px 2px 2px 0;\n\t\t\tline-height: initial;\n\t\t}\n\n\t\t&.", " {\n\t\t\topacity: 0.2;\n\t\t}\n\n\t\t", ";\n\t}\n"])), relativeFontSizeToBase16(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, #FFFFFF)", TELEPOINTER_DIM_CLASS, avatarColors.map(function (color, index) {
-  return telepointerColorStyle(color, index);
+export var telepointerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror .telepointer {\n\t\tposition: relative;\n\t\ttransition: opacity 200ms;\n\n\t\t&.telepointer-selection:not(.inlineNodeView) {\n\t\t\tline-height: 1.2;\n\t\t\tpointer-events: none;\n\t\t\tuser-select: none;\n\t\t}\n\n\t\t&.telepointer-selection-badge::after {\n\t\t\tcontent: attr(data-initial);\n\t\t\tposition: absolute;\n\t\t\tdisplay: block;\n\t\t\ttop: -14px;\n\t\t\tfont-size: ", ";\n\t\t\tpadding: ", ";\n\t\t\tcolor: ", ";\n\t\t\tleft: 0px;\n\t\t\tborder-radius: 2px 2px 2px 0;\n\t\t\tline-height: initial;\n\t\t}\n\n\t\t&.", " {\n\t\t\topacity: 0.2;\n\t\t}\n\n\t\t", ";\n\t}\n"])), relativeFontSizeToBase16(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, #FFFFFF)", TELEPOINTER_DIM_CLASS, participantColors.map(function (participantColor, index) {
+  return telepointerColorStyle(participantColor.backgroundColor, participantColor.textColor, index);
 }));
 var tintKey = 'collab:isDirtyTransaction';
 export var isDirtyTransaction = function isDirtyTransaction(tr) {

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

@@ -37,7 +37,8 @@ export var InlineImageCard = function InlineImageCard(_ref) {
     previewError = _useFilePreview.error,
     onImageError = _useFilePreview.onImageError,
     _onImageLoad = _useFilePreview.onImageLoad,
-    getSsrScriptProps = _useFilePreview.getSsrScriptProps;
+    getSsrScriptProps = _useFilePreview.getSsrScriptProps,
+    copyNodeRef = _useFilePreview.copyNodeRef;
   if (previewError) {
     return renderError({
       error: previewError
@@ -57,6 +58,7 @@ export var InlineImageCard = function InlineImageCard(_ref) {
     loading: isLazy ? 'lazy' : undefined,
     forceSyncDisplay: !!ssr,
     crop: crop,
-    stretch: stretch
+    stretch: stretch,
+    ref: copyNodeRef
   }), getSsrScriptProps && jsx("script", getSsrScriptProps()));
 };

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 = "97.1.3";
+var packageVersion = "97.3.0";
 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

@@ -20,7 +20,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 = "97.1.3";
+var packageVersion = "97.3.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005
@@ -52,7 +52,7 @@ var DropList = /*#__PURE__*/function (_Component) {
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
     _defineProperty(_this, "menuWrapper", function () {
       return css({
-        color: "var(--ds-text, #172B4D)",
+        color: "var(--ds-text-subtle, #44546F)",
         backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
         borderRadius: "var(--ds-border-radius, 3px)",
         boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",

package/dist/types/types/feature-flags.d.ts

@@ -198,14 +198,6 @@ export type FeatureFlags = {
      * @default false
      */
     tableSelector?: boolean;
-    /**
-     * @description
-     * Enables table to scale in the same way as renderer
-     *
-     * @see https://product-fabric.atlassian.net/browse/ED-22364
-     * @default false
-     */
-    tablePreserveWidth?: boolean;
     /**
      * @description
      * Enables table to scale in the same way as renderer

package/dist/types-ts4.5/types/feature-flags.d.ts

@@ -198,14 +198,6 @@ export type FeatureFlags = {
      * @default false
      */
     tableSelector?: boolean;
-    /**
-     * @description
-     * Enables table to scale in the same way as renderer
-     *
-     * @see https://product-fabric.atlassian.net/browse/ED-22364
-     * @default false
-     */
-    tablePreserveWidth?: boolean;
     /**
      * @description
      * Enables table to scale in the same way as renderer

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "97.1.3",
+	"version": "97.3.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -133,15 +133,15 @@
 		"@atlaskit/icon-object": "^6.9.0",
 		"@atlaskit/link-datasource": "^3.15.0",
 		"@atlaskit/link-picker": "^1.47.0",
-		"@atlaskit/media-card": "^78.16.0",
-		"@atlaskit/media-client": "^28.6.0",
-		"@atlaskit/media-client-react": "^2.4.0",
+		"@atlaskit/media-card": "^78.17.0",
+		"@atlaskit/media-client": "^29.0.0",
+		"@atlaskit/media-client-react": "^2.5.0",
 		"@atlaskit/media-common": "^11.7.0",
 		"@atlaskit/media-file-preview": "^0.9.0",
 		"@atlaskit/media-picker": "^67.0.0",
-		"@atlaskit/media-ui": "^27.1.0",
-		"@atlaskit/media-viewer": "49.5.1",
-		"@atlaskit/mention": "^23.4.0",
+		"@atlaskit/media-ui": "^27.2.0",
+		"@atlaskit/media-viewer": "49.5.2",
+		"@atlaskit/mention": "^23.5.0",
 		"@atlaskit/menu": "^2.13.0",
 		"@atlaskit/onboarding": "^12.2.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
@@ -149,12 +149,12 @@
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/profilecard": "^21.1.0",
 		"@atlaskit/section-message": "^6.8.0",
-		"@atlaskit/smart-card": "^33.0.0",
+		"@atlaskit/smart-card": "^33.1.0",
 		"@atlaskit/smart-user-picker": "^6.11.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/task-decision": "^17.11.0",
 		"@atlaskit/textfield": "^6.7.0",
-		"@atlaskit/tmp-editor-statsig": "^2.29.0",
+		"@atlaskit/tmp-editor-statsig": "^2.30.0",
 		"@atlaskit/tokens": "^2.5.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@atlaskit/width-detector": "^4.3.0",