@atlaskit/media-card 82.1.42 → 82.1.44

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/media-card
 
+## 82.1.44
+
+### Patch Changes
+
+- [`c570c6f9b75f7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c570c6f9b75f7) -
+  Warm the media viewer when a media card is hovered or focused, so opening it does not have to load
+  the viewer chunks and the full resolution image from cold.
+
+  Media cards that open the viewer on click warm it on `mouseenter`, when keyboard focus enters the
+  card, and when the "open in viewer" button receives focus. That button renders outside the card
+  wrapper, so its focus never reaches the card-level `onFocus`, and it is covered by a separate
+  internal `CardView` hook. Editor media nodes warm the viewer on hover and focus when
+  `allowImagePreview` is enabled.
+
+  Both fire the warm-up's operational events on the media channel: media-card through its analytics
+  context, and the editor through the analytics plugin.
+
+  Behind the `platform_media_viewer_preload_on_hover` experiment. The hover and focus handlers run
+  in both arms, so both arms are exposed on the same hover or focus.
+
+- Updated dependencies
+
+## 82.1.43
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 82.1.42
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -8,7 +8,7 @@ var _reactIntl = require("react-intl");
 var _withMediaAnalyticsContext = require("@atlaskit/media-common/withMediaAnalyticsContext");
 var _CardWithPerformanceObserver = require("./CardWithPerformanceObserver");
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.1.41";
+var packageVersion = "82.1.43";
 var Card = exports.Card = (0, _withMediaAnalyticsContext.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/cardView.js

@@ -70,6 +70,7 @@ var CardViewBase = exports.CardViewBase = function CardViewBase(_ref) {
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
     onFocus = _ref.onFocus,
+    onOpenMediaViewerButtonFocus = _ref.onOpenMediaViewerButtonFocus,
     testId = _ref.testId,
     metadata = _ref.metadata,
     status = _ref.status,
@@ -401,7 +402,8 @@ var CardViewBase = exports.CardViewBase = function CardViewBase(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shouldOpenMediaViewer && /*#__PURE__*/_react.default.createElement(_openMediaViewerButton.default, {
     fileName: name !== null && name !== void 0 ? name : '',
     innerRef: openMediaViewerButtonRef,
-    onClick: onClick
+    onClick: onClick,
+    onFocus: onOpenMediaViewerButtonFocus
   }), /*#__PURE__*/_react.default.createElement(_wrapper.Wrapper, {
     testId: testId || 'media-card-view',
     dimensions: dimensions,

package/dist/cjs/card/fileCard.js

@@ -27,6 +27,7 @@ var _isMimeTypeSupportedByBrowser = require("@atlaskit/media-common/isMimeTypeSu
 var _useFilePreview2 = require("@atlaskit/media-file-preview/use-file-preview");
 var _abuseModal = require("@atlaskit/media-ui/abuseModal");
 var _mediaViewerLoader = _interopRequireDefault(require("@atlaskit/media-viewer/media-viewer-loader"));
+var _preload = require("@atlaskit/media-viewer/preload");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _getActiveTrace = require("@atlaskit/react-ufo/get-active-trace");
@@ -739,7 +740,30 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
   //----------------------------------------------------------------//
 
   var mediaCardCursor = (0, _getMediaCardCursor.getMediaCardCursor)(!!useInlinePlayer, !!shouldOpenMediaViewer, finalStatus === 'error' || finalStatus === 'failed-processing', !!preview, metadata.mediaType);
+
+  // Warm the viewer chunks and the full resolution image before the user commits
+  // to opening the viewer, so the click does not start by loading them. Runs in
+  // both arms of the experiment: `preloadMediaViewer` fires the exposure.
+  var warmMediaViewer = function warmMediaViewer() {
+    if (!shouldOpenMediaViewer) {
+      return;
+    }
+    (0, _preload.preloadMediaViewer)({
+      getMediaClient: function getMediaClient() {
+        return mediaClient;
+      },
+      identifier: identifier,
+      mediaType: metadata.mediaType,
+      mimeType: metadata.mimeType,
+      fileState: fileStateValue,
+      traceContext: traceContext,
+      onAnalyticsEvent: function onAnalyticsEvent(payload) {
+        return (0, _fireMediaCardEvent.fireMediaCardEvent)(payload, createAnalyticsEvent);
+      }
+    });
+  };
   var onImageMouseEnter = function onImageMouseEnter(event) {
+    warmMediaViewer();
     onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter({
       event: event,
       mediaItemDetails: metadata
@@ -749,6 +773,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     if (!(0, _isKeyboardFocusEnteringElement.isKeyboardFocusEnteringElement)(event)) {
       return;
     }
+    warmMediaViewer();
     onFocus === null || onFocus === void 0 || onFocus({
       event: event,
       mediaItemDetails: metadata
@@ -793,6 +818,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
       onClick: withCallbacks ? onCardViewClick : undefined,
       onMouseEnter: withCallbacks ? onImageMouseEnter : undefined,
       onFocus: withCallbacks ? onImageFocus : undefined,
+      onOpenMediaViewerButtonFocus: withCallbacks ? warmMediaViewer : undefined,
       disableOverlay: disableOverlay,
       progress: uploadProgressRef.current,
       onDisplayImage: withCallbacks ? function () {

package/dist/cjs/card/media-card-analytics-error-boundary.js

@@ -87,7 +87,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.1.41";
+var packageVersion = "82.1.43";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = (0, _withMediaAnalyticsContext.withMediaAnalyticsContext)({

package/dist/cjs/inline/loader.js

@@ -116,7 +116,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "82.1.41",
+        packageName: "82.1.43",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/utils/ufoExperiences.js

@@ -23,7 +23,7 @@ var _getMediaGlobalScope = require("./globalScope/getMediaGlobalScope");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.1.41";
+var packageVersion = "82.1.43";
 var SAMPLE_RATE = 0.05;
 
 /**

package/dist/es2019/card/card.js

@@ -2,7 +2,7 @@ import { injectIntl } from 'react-intl';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common/withMediaAnalyticsContext';
 import { CardWithPerformanceObserver } from './CardWithPerformanceObserver';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "82.1.41";
+const packageVersion = "82.1.43";
 export const Card = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/cardView.js

@@ -56,6 +56,7 @@ export const CardViewBase = ({
   onClick,
   onMouseEnter,
   onFocus,
+  onOpenMediaViewerButtonFocus,
   testId,
   metadata,
   status,
@@ -388,7 +389,8 @@ export const CardViewBase = ({
   return /*#__PURE__*/React.createElement(React.Fragment, null, shouldOpenMediaViewer && /*#__PURE__*/React.createElement(OpenMediaViewerButton, {
     fileName: name !== null && name !== void 0 ? name : '',
     innerRef: openMediaViewerButtonRef,
-    onClick: onClick
+    onClick: onClick,
+    onFocus: onOpenMediaViewerButtonFocus
   }), /*#__PURE__*/React.createElement(Wrapper, {
     testId: testId || 'media-card-view',
     dimensions: dimensions,

package/dist/es2019/card/fileCard.js

@@ -15,6 +15,7 @@ import { isMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser } from
 import { useFilePreview } from '@atlaskit/media-file-preview/use-file-preview';
 import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
 import MediaViewer from '@atlaskit/media-viewer/media-viewer-loader';
+import { preloadMediaViewer } from '@atlaskit/media-viewer/preload';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getActiveTrace } from '@atlaskit/react-ufo/get-active-trace';
@@ -655,7 +656,26 @@ export const FileCard = ({
   //----------------------------------------------------------------//
 
   const mediaCardCursor = getMediaCardCursor(!!useInlinePlayer, !!shouldOpenMediaViewer, finalStatus === 'error' || finalStatus === 'failed-processing', !!preview, metadata.mediaType);
+
+  // Warm the viewer chunks and the full resolution image before the user commits
+  // to opening the viewer, so the click does not start by loading them. Runs in
+  // both arms of the experiment: `preloadMediaViewer` fires the exposure.
+  const warmMediaViewer = () => {
+    if (!shouldOpenMediaViewer) {
+      return;
+    }
+    preloadMediaViewer({
+      getMediaClient: () => mediaClient,
+      identifier,
+      mediaType: metadata.mediaType,
+      mimeType: metadata.mimeType,
+      fileState: fileStateValue,
+      traceContext,
+      onAnalyticsEvent: payload => fireMediaCardEvent(payload, createAnalyticsEvent)
+    });
+  };
   const onImageMouseEnter = event => {
+    warmMediaViewer();
     onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter({
       event,
       mediaItemDetails: metadata
@@ -665,6 +685,7 @@ export const FileCard = ({
     if (!isKeyboardFocusEnteringElement(event)) {
       return;
     }
+    warmMediaViewer();
     onFocus === null || onFocus === void 0 ? void 0 : onFocus({
       event,
       mediaItemDetails: metadata
@@ -708,6 +729,7 @@ export const FileCard = ({
       onClick: withCallbacks ? onCardViewClick : undefined,
       onMouseEnter: withCallbacks ? onImageMouseEnter : undefined,
       onFocus: withCallbacks ? onImageFocus : undefined,
+      onOpenMediaViewerButtonFocus: withCallbacks ? warmMediaViewer : undefined,
       disableOverlay: disableOverlay,
       progress: uploadProgressRef.current,
       onDisplayImage: withCallbacks ? () => {

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "82.1.41";
+const packageVersion = "82.1.43";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/es2019/inline/loader.js

@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "82.1.41",
+      packageName: "82.1.43",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -12,7 +12,7 @@ import { extractErrorInfo } from './analytics/extractErrorInfo';
 import { getRenderErrorRequestMetadata } from './analytics/getRenderErrorRequestMetadata';
 import { getMediaGlobalScope } from './globalScope/getMediaGlobalScope';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "82.1.41";
+const packageVersion = "82.1.43";
 const SAMPLE_RATE = 0.05;
 
 /**

package/dist/esm/card/card.js

@@ -2,7 +2,7 @@ import { injectIntl } from 'react-intl';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common/withMediaAnalyticsContext';
 import { CardWithPerformanceObserver } from './CardWithPerformanceObserver';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.1.41";
+var packageVersion = "82.1.43";
 export var Card = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/cardView.js

@@ -61,6 +61,7 @@ export var CardViewBase = function CardViewBase(_ref) {
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
     onFocus = _ref.onFocus,
+    onOpenMediaViewerButtonFocus = _ref.onOpenMediaViewerButtonFocus,
     testId = _ref.testId,
     metadata = _ref.metadata,
     status = _ref.status,
@@ -392,7 +393,8 @@ export var CardViewBase = function CardViewBase(_ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, shouldOpenMediaViewer && /*#__PURE__*/React.createElement(OpenMediaViewerButton, {
     fileName: name !== null && name !== void 0 ? name : '',
     innerRef: openMediaViewerButtonRef,
-    onClick: onClick
+    onClick: onClick,
+    onFocus: onOpenMediaViewerButtonFocus
   }), /*#__PURE__*/React.createElement(Wrapper, {
     testId: testId || 'media-card-view',
     dimensions: dimensions,

package/dist/esm/card/fileCard.js

@@ -22,6 +22,7 @@ import { isMimeTypeSupportedByBrowser, isVideoMimeTypeSupportedByBrowser } from
 import { useFilePreview } from '@atlaskit/media-file-preview/use-file-preview';
 import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
 import MediaViewer from '@atlaskit/media-viewer/media-viewer-loader';
+import { preloadMediaViewer } from '@atlaskit/media-viewer/preload';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getActiveTrace } from '@atlaskit/react-ufo/get-active-trace';
@@ -731,7 +732,30 @@ export var FileCard = function FileCard(_ref) {
   //----------------------------------------------------------------//
 
   var mediaCardCursor = getMediaCardCursor(!!useInlinePlayer, !!shouldOpenMediaViewer, finalStatus === 'error' || finalStatus === 'failed-processing', !!preview, metadata.mediaType);
+
+  // Warm the viewer chunks and the full resolution image before the user commits
+  // to opening the viewer, so the click does not start by loading them. Runs in
+  // both arms of the experiment: `preloadMediaViewer` fires the exposure.
+  var warmMediaViewer = function warmMediaViewer() {
+    if (!shouldOpenMediaViewer) {
+      return;
+    }
+    preloadMediaViewer({
+      getMediaClient: function getMediaClient() {
+        return mediaClient;
+      },
+      identifier: identifier,
+      mediaType: metadata.mediaType,
+      mimeType: metadata.mimeType,
+      fileState: fileStateValue,
+      traceContext: traceContext,
+      onAnalyticsEvent: function onAnalyticsEvent(payload) {
+        return fireMediaCardEvent(payload, createAnalyticsEvent);
+      }
+    });
+  };
   var onImageMouseEnter = function onImageMouseEnter(event) {
+    warmMediaViewer();
     onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter({
       event: event,
       mediaItemDetails: metadata
@@ -741,6 +765,7 @@ export var FileCard = function FileCard(_ref) {
     if (!isKeyboardFocusEnteringElement(event)) {
       return;
     }
+    warmMediaViewer();
     onFocus === null || onFocus === void 0 || onFocus({
       event: event,
       mediaItemDetails: metadata
@@ -785,6 +810,7 @@ export var FileCard = function FileCard(_ref) {
       onClick: withCallbacks ? onCardViewClick : undefined,
       onMouseEnter: withCallbacks ? onImageMouseEnter : undefined,
       onFocus: withCallbacks ? onImageFocus : undefined,
+      onOpenMediaViewerButtonFocus: withCallbacks ? warmMediaViewer : undefined,
       disableOverlay: disableOverlay,
       progress: uploadProgressRef.current,
       onDisplayImage: withCallbacks ? function () {

package/dist/esm/card/media-card-analytics-error-boundary.js

@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.1.41";
+var packageVersion = "82.1.43";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/esm/inline/loader.js

@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "82.1.41",
+        packageName: "82.1.43",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -16,7 +16,7 @@ import { extractErrorInfo } from './analytics/extractErrorInfo';
 import { getRenderErrorRequestMetadata } from './analytics/getRenderErrorRequestMetadata';
 import { getMediaGlobalScope } from './globalScope/getMediaGlobalScope';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.1.41";
+var packageVersion = "82.1.43";
 var SAMPLE_RATE = 0.05;
 
 /**

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

@@ -32,6 +32,12 @@ export interface CardViewProps {
     readonly shouldOpenMediaViewer?: boolean;
     readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
     readonly onFocus?: (event: FocusEvent<HTMLDivElement>) => void;
+    /**
+     * Fired when the "open in viewer" button receives focus. That button sits outside
+     * the card wrapper, so its focus never reaches `onFocus`, yet it is how keyboard
+     * users open the viewer. Internal to the card; not a consumer callback.
+     */
+    readonly onOpenMediaViewerButtonFocus?: (event: FocusEvent<HTMLButtonElement>) => void;
     readonly onDisplayImage?: () => void;
     readonly cardPreview?: MediaFilePreview;
     readonly progress?: number;
@@ -69,6 +75,6 @@ export interface RenderConfigByStatus {
     customTitleMessage?: MessageDescriptor;
     traceTooltipVariant?: TraceTooltipVariant;
 }
-export declare const CardViewBase: ({ identifier, innerRef, onImageLoad, onImageError, dimensions, onClick, onMouseEnter, onFocus, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, openMediaViewerButtonRef, shouldOpenMediaViewer, overriddenCreationDate, onSvgError, onSvgLoad, traceId, isAIGenerating, isCWR, hasLoadingMotion, backgroundColor, }: CardViewBaseProps) => React.JSX.Element;
+export declare const CardViewBase: ({ identifier, innerRef, onImageLoad, onImageError, dimensions, onClick, onMouseEnter, onFocus, onOpenMediaViewerButtonFocus, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, openMediaViewerButtonRef, shouldOpenMediaViewer, overriddenCreationDate, onSvgError, onSvgLoad, traceId, isAIGenerating, isCWR, hasLoadingMotion, backgroundColor, }: CardViewBaseProps) => React.JSX.Element;
 export declare const CardView: React.ForwardRefExoticComponent<Omit<CardViewProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export {};

package/dist/types/utils/analytics/fireMediaCardEvent.d.ts

@@ -1,3 +1,4 @@
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
+import type { MediaViewerPreloadEventPayload } from '@atlaskit/media-viewer/preload';
 import type { MediaCardAnalyticsEventPayload } from './analytics';
-export declare function fireMediaCardEvent(payload: MediaCardAnalyticsEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
+export declare function fireMediaCardEvent(payload: MediaCardAnalyticsEventPayload | MediaViewerPreloadEventPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "82.1.42",
+	"version": "82.1.44",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,24 +39,24 @@
 		"@atlaskit/icon": "^38.0.0",
 		"@atlaskit/interaction-context": "^4.1.0",
 		"@atlaskit/link": "^5.1.0",
-		"@atlaskit/media-client": "^39.2.0",
+		"@atlaskit/media-client": "^39.3.0",
 		"@atlaskit/media-client-react": "^7.0.0",
 		"@atlaskit/media-common": "^14.7.0",
 		"@atlaskit/media-file-preview": "^2.0.0",
 		"@atlaskit/media-state": "^4.0.0",
 		"@atlaskit/media-svg": "^4.0.0",
 		"@atlaskit/media-ui": "^31.5.0",
-		"@atlaskit/media-viewer": "^54.11.0",
+		"@atlaskit/media-viewer": "^54.12.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/primitives": "^22.6.0",
 		"@atlaskit/progress-bar": "^5.3.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/react-ufo": "^8.1.0",
+		"@atlaskit/react-ufo": "^8.3.0",
 		"@atlaskit/section-message": "^10.2.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^245.0.0",
-		"@atlaskit/tokens": "^20.7.0",
+		"@atlaskit/tmp-editor-statsig": "^246.1.0",
+		"@atlaskit/tokens": "^20.8.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/ufo": "^2.0.0",
 		"@atlaskit/visually-hidden": "^4.4.0",