@atlaskit/media-ui 25.10.1 → 25.10.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-ui
 
+## 25.10.3
+
+### Patch Changes
+
+-   [#95896](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/95896)
+    [`b1900695f505`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b1900695f505) -
+    ECA11Y-191 Add aria-label for volume level control slider
+
+## 25.10.2
+
+### Patch Changes
+
+-   [#94950](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94950)
+    [`829cce5728a3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/829cce5728a3) -
+    ECAY11-190 Add state announcement of the “Volume“ button by the screen reader
+
 ## 25.10.1
 
 ### Patch Changes

package/dist/cjs/customMediaPlayer/index.js

@@ -54,7 +54,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ // Keep media player components used in media-viewer to use static colors from the new color palette to
 // support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "25.10.1";
+var packageVersion = "25.10.3";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -225,13 +225,15 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         testId: "custom-media-player-volume-toggle-button",
         onClick: _this.getMediaButtonClickHandler(actions.toggleMute, 'muteButton'),
         iconBefore: /*#__PURE__*/_react.default.createElement(_outgoingSound.default, {
-          label: "volume"
-        })
+          label: _this.props.intl.formatMessage(_messages.messages.volumeMuteButtonAria)
+        }),
+        "aria-pressed": videoState.isMuted
       })), (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y_video_controls_keyboard_support_yhcxh') ? showSlider && /*#__PURE__*/_react.default.createElement(_styled.VolumeTimeRangeWrapper, null, /*#__PURE__*/_react.default.createElement(_volumeRange.default, {
         onChange: actions.setVolume,
         currentVolume: videoState.volume,
         isAlwaysActive: true,
-        onChanged: _this.onVolumeChanged
+        onChanged: _this.onVolumeChanged,
+        ariaLabel: _this.props.intl.formatMessage(_messages.messages.volumeLevelControlAria)
       })) : showSlider && /*#__PURE__*/_react.default.createElement(_styled.VolumeTimeRangeWrapper, null, /*#__PURE__*/_react.default.createElement(_timeRange.TimeRange, {
         onChange: actions.setVolume,
         duration: 1,

package/dist/cjs/customMediaPlayer/volumeRange.js

@@ -19,7 +19,8 @@ var VolumeRange = function VolumeRange(props) {
     isAlwaysActive = _props$isAlwaysActive === void 0 ? false : _props$isAlwaysActive,
     onChange = props.onChange,
     currentVolume = props.currentVolume,
-    onChanged = props.onChanged;
+    onChanged = props.onChanged,
+    ariaLabel = props.ariaLabel;
   var wrapperElement = (0, _react.useRef)(null);
   var mouseEventsSharedData = (0, _react.useRef)({
     dragStartClientX: 0,
@@ -143,7 +144,8 @@ var VolumeRange = function VolumeRange(props) {
     min: 0,
     max: 100,
     value: currentPosition,
-    onChange: onInputChange
+    onChange: onInputChange,
+    "aria-label": ariaLabel
   }));
 };
 var _default = exports.default = VolumeRange;

package/dist/cjs/messages.js

@@ -261,11 +261,6 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Drag and drop your images here',
     description: 'Indicates that the user can drag and drop images in that area'
   },
-  upload_image: {
-    id: 'fabric.media.upload_image',
-    defaultMessage: 'Upload image',
-    description: 'Call to action for the user to upload a new image'
-  },
   alt_text: {
     id: 'fabric.media.alt_text',
     defaultMessage: 'Alt text',
@@ -631,6 +626,16 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Forward 10 seconds',
     description: 'In the context of a video player, it allows user to skip 10 seconds of play time forward.'
   },
+  volumeLevelControlAria: {
+    id: 'fabric.media.volume_level',
+    defaultMessage: 'volume',
+    description: 'In the context of a video player and screen reader. Aria label for volume level control'
+  },
+  volumeMuteButtonAria: {
+    id: 'fabric.media.volume_level',
+    defaultMessage: 'mute',
+    description: 'In the context of a video player and screen reader. Aria label for mute button'
+  },
   playbackDefaultSpeed: {
     id: 'fabric.media.playback_default_speed',
     defaultMessage: 'Default',

package/dist/es2019/customMediaPlayer/index.js

@@ -37,7 +37,7 @@ import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "25.10.1";
+const packageVersion = "25.10.3";
 const MEDIUM_VIDEO_MAX_WIDTH = 400;
 const SMALL_VIDEO_MAX_WIDTH = 160;
 const MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -208,13 +208,15 @@ export class CustomMediaPlayerBase extends Component {
       testId: "custom-media-player-volume-toggle-button",
       onClick: this.getMediaButtonClickHandler(actions.toggleMute, 'muteButton'),
       iconBefore: /*#__PURE__*/React.createElement(SoundIcon, {
-        label: "volume"
-      })
+        label: this.props.intl.formatMessage(messages.volumeMuteButtonAria)
+      }),
+      "aria-pressed": videoState.isMuted
     })), getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh') ? showSlider && /*#__PURE__*/React.createElement(VolumeTimeRangeWrapper, null, /*#__PURE__*/React.createElement(VolumeRange, {
       onChange: actions.setVolume,
       currentVolume: videoState.volume,
       isAlwaysActive: true,
-      onChanged: this.onVolumeChanged
+      onChanged: this.onVolumeChanged,
+      ariaLabel: this.props.intl.formatMessage(messages.volumeLevelControlAria)
     })) : showSlider && /*#__PURE__*/React.createElement(VolumeTimeRangeWrapper, null, /*#__PURE__*/React.createElement(TimeRange, {
       onChange: actions.setVolume,
       duration: 1,

package/dist/es2019/customMediaPlayer/volumeRange.js

@@ -8,7 +8,8 @@ const VolumeRange = props => {
     isAlwaysActive = false,
     onChange,
     currentVolume,
-    onChanged
+    onChanged,
+    ariaLabel
   } = props;
   const wrapperElement = useRef(null);
   const mouseEventsSharedData = useRef({
@@ -134,7 +135,8 @@ const VolumeRange = props => {
     min: 0,
     max: 100,
     value: currentPosition,
-    onChange: onInputChange
+    onChange: onInputChange,
+    "aria-label": ariaLabel
   }));
 };
 export default VolumeRange;

package/dist/es2019/messages.js

@@ -255,11 +255,6 @@ export const messages = defineMessages({
     defaultMessage: 'Drag and drop your images here',
     description: 'Indicates that the user can drag and drop images in that area'
   },
-  upload_image: {
-    id: 'fabric.media.upload_image',
-    defaultMessage: 'Upload image',
-    description: 'Call to action for the user to upload a new image'
-  },
   alt_text: {
     id: 'fabric.media.alt_text',
     defaultMessage: 'Alt text',
@@ -625,6 +620,16 @@ export const messages = defineMessages({
     defaultMessage: 'Forward 10 seconds',
     description: 'In the context of a video player, it allows user to skip 10 seconds of play time forward.'
   },
+  volumeLevelControlAria: {
+    id: 'fabric.media.volume_level',
+    defaultMessage: 'volume',
+    description: 'In the context of a video player and screen reader. Aria label for volume level control'
+  },
+  volumeMuteButtonAria: {
+    id: 'fabric.media.volume_level',
+    defaultMessage: 'mute',
+    description: 'In the context of a video player and screen reader. Aria label for mute button'
+  },
   playbackDefaultSpeed: {
     id: 'fabric.media.playback_default_speed',
     defaultMessage: 'Default',

package/dist/esm/customMediaPlayer/index.js

@@ -47,7 +47,7 @@ import { SkipTenBackwardIcon, SkipTenForwardIcon } from './icons';
 import { getControlsWrapperClassName } from './getControlsWrapperClassName';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "25.10.1";
+var packageVersion = "25.10.3";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -218,13 +218,15 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
         testId: "custom-media-player-volume-toggle-button",
         onClick: _this.getMediaButtonClickHandler(actions.toggleMute, 'muteButton'),
         iconBefore: /*#__PURE__*/React.createElement(SoundIcon, {
-          label: "volume"
-        })
+          label: _this.props.intl.formatMessage(messages.volumeMuteButtonAria)
+        }),
+        "aria-pressed": videoState.isMuted
       })), getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh') ? showSlider && /*#__PURE__*/React.createElement(VolumeTimeRangeWrapper, null, /*#__PURE__*/React.createElement(VolumeRange, {
         onChange: actions.setVolume,
         currentVolume: videoState.volume,
         isAlwaysActive: true,
-        onChanged: _this.onVolumeChanged
+        onChanged: _this.onVolumeChanged,
+        ariaLabel: _this.props.intl.formatMessage(messages.volumeLevelControlAria)
       })) : showSlider && /*#__PURE__*/React.createElement(VolumeTimeRangeWrapper, null, /*#__PURE__*/React.createElement(TimeRange, {
         onChange: actions.setVolume,
         duration: 1,

package/dist/esm/customMediaPlayer/volumeRange.js

@@ -9,7 +9,8 @@ var VolumeRange = function VolumeRange(props) {
     isAlwaysActive = _props$isAlwaysActive === void 0 ? false : _props$isAlwaysActive,
     onChange = props.onChange,
     currentVolume = props.currentVolume,
-    onChanged = props.onChanged;
+    onChanged = props.onChanged,
+    ariaLabel = props.ariaLabel;
   var wrapperElement = useRef(null);
   var mouseEventsSharedData = useRef({
     dragStartClientX: 0,
@@ -133,7 +134,8 @@ var VolumeRange = function VolumeRange(props) {
     min: 0,
     max: 100,
     value: currentPosition,
-    onChange: onInputChange
+    onChange: onInputChange,
+    "aria-label": ariaLabel
   }));
 };
 export default VolumeRange;

package/dist/esm/messages.js

@@ -255,11 +255,6 @@ export var messages = defineMessages({
     defaultMessage: 'Drag and drop your images here',
     description: 'Indicates that the user can drag and drop images in that area'
   },
-  upload_image: {
-    id: 'fabric.media.upload_image',
-    defaultMessage: 'Upload image',
-    description: 'Call to action for the user to upload a new image'
-  },
   alt_text: {
     id: 'fabric.media.alt_text',
     defaultMessage: 'Alt text',
@@ -625,6 +620,16 @@ export var messages = defineMessages({
     defaultMessage: 'Forward 10 seconds',
     description: 'In the context of a video player, it allows user to skip 10 seconds of play time forward.'
   },
+  volumeLevelControlAria: {
+    id: 'fabric.media.volume_level',
+    defaultMessage: 'volume',
+    description: 'In the context of a video player and screen reader. Aria label for volume level control'
+  },
+  volumeMuteButtonAria: {
+    id: 'fabric.media.volume_level',
+    defaultMessage: 'mute',
+    description: 'In the context of a video player and screen reader. Aria label for mute button'
+  },
   playbackDefaultSpeed: {
     id: 'fabric.media.playback_default_speed',
     defaultMessage: 'Default',

package/dist/types/customMediaPlayer/index.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Component } from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
-import { NumericalCardDimensions } from '@atlaskit/media-common';
-import { CustomMediaPlayerType } from './types';
-import { WithPlaybackProps, WithMediaPlayerState } from './analytics';
-import { WrappedComponentProps } from 'react-intl-next';
-import { WithShowControlMethodProp } from '../types';
-import { TimeSaverConfig } from './timeSaver';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type MediaFeatureFlags } from '@atlaskit/media-common';
+import { type NumericalCardDimensions } from '@atlaskit/media-common';
+import { type CustomMediaPlayerType } from './types';
+import { type WithPlaybackProps, type WithMediaPlayerState } from './analytics';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithShowControlMethodProp } from '../types';
+import { type TimeSaverConfig } from './timeSaver';
 export interface CustomMediaPlayerProps extends WithPlaybackProps, WithShowControlMethodProp {
     readonly type: CustomMediaPlayerType;
     readonly src: string;

package/dist/types/customMediaPlayer/volumeRange.d.ts

@@ -4,6 +4,7 @@ export type VolumeRangeProps = {
     onChange: (newVolume: number) => void;
     isAlwaysActive: boolean;
     onChanged?: () => void;
+    ariaLabel: string;
 };
 declare const VolumeRange: (props: VolumeRangeProps) => JSX.Element;
 export default VolumeRange;

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
-import { MessageDescriptor } from 'react-intl-next';
+import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'request_access_description' | 'click_to_join_description' | 'request_access_pending_description' | 'click_to_join' | 'request_access' | 'request_access_pending' | 'forbidden_description' | 'request_denied_description';
-export type MessageKey = 'retry' | 'failed_to_load' | 'failed_to_upload' | 'recent_uploads' | 'upload_file' | 'drag_and_drop_your_files' | 'drag_and_drop_your_files_and_folders' | 'drop_your_files' | 'upload' | 'cancel' | 'search_all_gifs' | 'cant_retrieve_gifs' | 'cant_retrieve_files' | 'check_your_network' | 'try_again' | 'try_another_account' | 'no_gifs_found' | 'no_gifs_found_suggestion' | 'load_more_gifs' | 'add_account' | 'unlink_account' | 'upload_file_from' | 'connect_to' | 'connect_account_description' | 'connect_link_account' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'invalid_permissions' | 'invalid_permissions_description' | 'select_an_avatar' | 'upload_an_avatar' | 'or_select_default_avatars' | 'select_an_avatar_from_all_defaults' | 'show_more_avatars_btn_label' | 'loading' | 'loading_file' | 'save' | 'or' | 'upload_photo' | 'default_avatars' | 'avatar_picker_back_btn_label' | 'drag_and_drop_images_here' | 'upload_image' | 'alt_text' | 'alt_text_description' | 'image_url_invalid_error' | 'image_format_invalid_error' | 'image_size_too_large_error' | 'something_went_wrong' | 'might_be_a_hiccup' | 'couldnt_generate_preview' | 'couldnt_generate_encrypted_entry_preview' | 'cant_preview_file_type' | 'item_not_found_in_list' | 'not_found_title' | 'not_found_description' | 'no_pdf_artifacts' | 'password_protected_pdf' | 'password' | 'enter_password' | 'incorrect_password' | 'submit' | 'give_feedback' | 'try_downloading_file' | 'webgl_warning_description' | 'unable_to_annotate_image' | 'learn_more' | 'accounts' | 'actions' | 'error_hint_retry' | 'error_hint_critical' | 'close' | 'could_not_load_editor' | 'could_not_save_image' | 'could_not_load_link' | 'annotate' | 'annotate_tool_arrow' | 'annotate_tool_text' | 'annotate_tool_shape' | 'annotate_tool_brush' | 'annotate_tool_blur' | 'annotate_tool_line_thickness' | 'annotate_tool_color' | 'annotate_confirmation_close_anyway' | 'annotate_confirmation_heading' | 'annotate_confirmation_content' | 'drop_your_files_here' | 'share_files_instantly' | 'insert_files' | 'zoom_out' | 'zoom_in' | 'remove_image' | 'play' | 'pause' | 'disable_fullscreen' | 'enable_fullscreen' | 'error_loading_file' | 'error_generating_preview' | 'download' | 'unknown' | 'document' | 'audio' | 'video' | 'image' | 'archive' | 'email' | 'text' | 'displayThumbnail' | 'search' | 'view' | 'viewIn' | 'viewOriginal' | 'changeView' | 'playbackSpeed' | 'skipBackward' | 'skipForward' | 'playbackDefaultSpeed' | 'preview' | 'preview_unavailable' | 'preview_currently_unavailable' | 'creating_preview' | 'couldnt_load_file' | 'error_429' | 'close_and_reopen' | 'viewer_rateLimited' | 'zip_entry_load_fail' | 'file_image_is_selected' | 'file_video_is_selected' | 'file_audio_is_selected' | 'file_doc_is_selected' | 'file_archive_is_selected' | 'file_unknown_is_selected' | 'open_file_in_viewer' | 'video_seeker_assistive_text_time_value' | 'video_seeker_label_assistive_text' | RequestAccessMessageKey;
+export type MessageKey = 'retry' | 'failed_to_load' | 'failed_to_upload' | 'recent_uploads' | 'upload_file' | 'drag_and_drop_your_files' | 'drag_and_drop_your_files_and_folders' | 'drop_your_files' | 'upload' | 'cancel' | 'search_all_gifs' | 'cant_retrieve_gifs' | 'cant_retrieve_files' | 'check_your_network' | 'try_again' | 'try_another_account' | 'no_gifs_found' | 'no_gifs_found_suggestion' | 'load_more_gifs' | 'add_account' | 'unlink_account' | 'upload_file_from' | 'connect_to' | 'connect_account_description' | 'connect_link_account' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'invalid_permissions' | 'invalid_permissions_description' | 'select_an_avatar' | 'upload_an_avatar' | 'or_select_default_avatars' | 'select_an_avatar_from_all_defaults' | 'show_more_avatars_btn_label' | 'loading' | 'loading_file' | 'save' | 'or' | 'upload_photo' | 'default_avatars' | 'avatar_picker_back_btn_label' | 'drag_and_drop_images_here' | 'alt_text' | 'alt_text_description' | 'image_url_invalid_error' | 'image_format_invalid_error' | 'image_size_too_large_error' | 'something_went_wrong' | 'might_be_a_hiccup' | 'couldnt_generate_preview' | 'couldnt_generate_encrypted_entry_preview' | 'cant_preview_file_type' | 'item_not_found_in_list' | 'not_found_title' | 'not_found_description' | 'no_pdf_artifacts' | 'password_protected_pdf' | 'password' | 'enter_password' | 'incorrect_password' | 'submit' | 'give_feedback' | 'try_downloading_file' | 'webgl_warning_description' | 'unable_to_annotate_image' | 'learn_more' | 'accounts' | 'actions' | 'error_hint_retry' | 'error_hint_critical' | 'close' | 'could_not_load_editor' | 'could_not_save_image' | 'could_not_load_link' | 'annotate' | 'annotate_tool_arrow' | 'annotate_tool_text' | 'annotate_tool_shape' | 'annotate_tool_brush' | 'annotate_tool_blur' | 'annotate_tool_line_thickness' | 'annotate_tool_color' | 'annotate_confirmation_close_anyway' | 'annotate_confirmation_heading' | 'annotate_confirmation_content' | 'drop_your_files_here' | 'share_files_instantly' | 'insert_files' | 'zoom_out' | 'zoom_in' | 'remove_image' | 'play' | 'pause' | 'disable_fullscreen' | 'enable_fullscreen' | 'error_loading_file' | 'error_generating_preview' | 'download' | 'unknown' | 'document' | 'audio' | 'video' | 'image' | 'archive' | 'email' | 'text' | 'displayThumbnail' | 'search' | 'view' | 'viewIn' | 'viewOriginal' | 'changeView' | 'playbackSpeed' | 'skipBackward' | 'skipForward' | 'volumeMuteButtonAria' | 'volumeLevelControlAria' | 'playbackDefaultSpeed' | 'preview' | 'preview_unavailable' | 'preview_currently_unavailable' | 'creating_preview' | 'couldnt_load_file' | 'error_429' | 'close_and_reopen' | 'viewer_rateLimited' | 'zip_entry_load_fail' | 'file_image_is_selected' | 'file_video_is_selected' | 'file_audio_is_selected' | 'file_doc_is_selected' | 'file_archive_is_selected' | 'file_unknown_is_selected' | 'open_file_in_viewer' | 'video_seeker_assistive_text_time_value' | 'video_seeker_label_assistive_text' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/customMediaPlayer/index.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Component } from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
-import { NumericalCardDimensions } from '@atlaskit/media-common';
-import { CustomMediaPlayerType } from './types';
-import { WithPlaybackProps, WithMediaPlayerState } from './analytics';
-import { WrappedComponentProps } from 'react-intl-next';
-import { WithShowControlMethodProp } from '../types';
-import { TimeSaverConfig } from './timeSaver';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type MediaFeatureFlags } from '@atlaskit/media-common';
+import { type NumericalCardDimensions } from '@atlaskit/media-common';
+import { type CustomMediaPlayerType } from './types';
+import { type WithPlaybackProps, type WithMediaPlayerState } from './analytics';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type WithShowControlMethodProp } from '../types';
+import { type TimeSaverConfig } from './timeSaver';
 export interface CustomMediaPlayerProps extends WithPlaybackProps, WithShowControlMethodProp {
     readonly type: CustomMediaPlayerType;
     readonly src: string;

package/dist/types-ts4.5/customMediaPlayer/volumeRange.d.ts

@@ -4,6 +4,7 @@ export type VolumeRangeProps = {
     onChange: (newVolume: number) => void;
     isAlwaysActive: boolean;
     onChanged?: () => void;
+    ariaLabel: string;
 };
 declare const VolumeRange: (props: VolumeRangeProps) => JSX.Element;
 export default VolumeRange;

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
-import { MessageDescriptor } from 'react-intl-next';
+import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'request_access_description' | 'click_to_join_description' | 'request_access_pending_description' | 'click_to_join' | 'request_access' | 'request_access_pending' | 'forbidden_description' | 'request_denied_description';
-export type MessageKey = 'retry' | 'failed_to_load' | 'failed_to_upload' | 'recent_uploads' | 'upload_file' | 'drag_and_drop_your_files' | 'drag_and_drop_your_files_and_folders' | 'drop_your_files' | 'upload' | 'cancel' | 'search_all_gifs' | 'cant_retrieve_gifs' | 'cant_retrieve_files' | 'check_your_network' | 'try_again' | 'try_another_account' | 'no_gifs_found' | 'no_gifs_found_suggestion' | 'load_more_gifs' | 'add_account' | 'unlink_account' | 'upload_file_from' | 'connect_to' | 'connect_account_description' | 'connect_link_account' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'invalid_permissions' | 'invalid_permissions_description' | 'select_an_avatar' | 'upload_an_avatar' | 'or_select_default_avatars' | 'select_an_avatar_from_all_defaults' | 'show_more_avatars_btn_label' | 'loading' | 'loading_file' | 'save' | 'or' | 'upload_photo' | 'default_avatars' | 'avatar_picker_back_btn_label' | 'drag_and_drop_images_here' | 'upload_image' | 'alt_text' | 'alt_text_description' | 'image_url_invalid_error' | 'image_format_invalid_error' | 'image_size_too_large_error' | 'something_went_wrong' | 'might_be_a_hiccup' | 'couldnt_generate_preview' | 'couldnt_generate_encrypted_entry_preview' | 'cant_preview_file_type' | 'item_not_found_in_list' | 'not_found_title' | 'not_found_description' | 'no_pdf_artifacts' | 'password_protected_pdf' | 'password' | 'enter_password' | 'incorrect_password' | 'submit' | 'give_feedback' | 'try_downloading_file' | 'webgl_warning_description' | 'unable_to_annotate_image' | 'learn_more' | 'accounts' | 'actions' | 'error_hint_retry' | 'error_hint_critical' | 'close' | 'could_not_load_editor' | 'could_not_save_image' | 'could_not_load_link' | 'annotate' | 'annotate_tool_arrow' | 'annotate_tool_text' | 'annotate_tool_shape' | 'annotate_tool_brush' | 'annotate_tool_blur' | 'annotate_tool_line_thickness' | 'annotate_tool_color' | 'annotate_confirmation_close_anyway' | 'annotate_confirmation_heading' | 'annotate_confirmation_content' | 'drop_your_files_here' | 'share_files_instantly' | 'insert_files' | 'zoom_out' | 'zoom_in' | 'remove_image' | 'play' | 'pause' | 'disable_fullscreen' | 'enable_fullscreen' | 'error_loading_file' | 'error_generating_preview' | 'download' | 'unknown' | 'document' | 'audio' | 'video' | 'image' | 'archive' | 'email' | 'text' | 'displayThumbnail' | 'search' | 'view' | 'viewIn' | 'viewOriginal' | 'changeView' | 'playbackSpeed' | 'skipBackward' | 'skipForward' | 'playbackDefaultSpeed' | 'preview' | 'preview_unavailable' | 'preview_currently_unavailable' | 'creating_preview' | 'couldnt_load_file' | 'error_429' | 'close_and_reopen' | 'viewer_rateLimited' | 'zip_entry_load_fail' | 'file_image_is_selected' | 'file_video_is_selected' | 'file_audio_is_selected' | 'file_doc_is_selected' | 'file_archive_is_selected' | 'file_unknown_is_selected' | 'open_file_in_viewer' | 'video_seeker_assistive_text_time_value' | 'video_seeker_label_assistive_text' | RequestAccessMessageKey;
+export type MessageKey = 'retry' | 'failed_to_load' | 'failed_to_upload' | 'recent_uploads' | 'upload_file' | 'drag_and_drop_your_files' | 'drag_and_drop_your_files_and_folders' | 'drop_your_files' | 'upload' | 'cancel' | 'search_all_gifs' | 'cant_retrieve_gifs' | 'cant_retrieve_files' | 'check_your_network' | 'try_again' | 'try_another_account' | 'no_gifs_found' | 'no_gifs_found_suggestion' | 'load_more_gifs' | 'add_account' | 'unlink_account' | 'upload_file_from' | 'connect_to' | 'connect_account_description' | 'connect_link_account' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'invalid_permissions' | 'invalid_permissions_description' | 'select_an_avatar' | 'upload_an_avatar' | 'or_select_default_avatars' | 'select_an_avatar_from_all_defaults' | 'show_more_avatars_btn_label' | 'loading' | 'loading_file' | 'save' | 'or' | 'upload_photo' | 'default_avatars' | 'avatar_picker_back_btn_label' | 'drag_and_drop_images_here' | 'alt_text' | 'alt_text_description' | 'image_url_invalid_error' | 'image_format_invalid_error' | 'image_size_too_large_error' | 'something_went_wrong' | 'might_be_a_hiccup' | 'couldnt_generate_preview' | 'couldnt_generate_encrypted_entry_preview' | 'cant_preview_file_type' | 'item_not_found_in_list' | 'not_found_title' | 'not_found_description' | 'no_pdf_artifacts' | 'password_protected_pdf' | 'password' | 'enter_password' | 'incorrect_password' | 'submit' | 'give_feedback' | 'try_downloading_file' | 'webgl_warning_description' | 'unable_to_annotate_image' | 'learn_more' | 'accounts' | 'actions' | 'error_hint_retry' | 'error_hint_critical' | 'close' | 'could_not_load_editor' | 'could_not_save_image' | 'could_not_load_link' | 'annotate' | 'annotate_tool_arrow' | 'annotate_tool_text' | 'annotate_tool_shape' | 'annotate_tool_brush' | 'annotate_tool_blur' | 'annotate_tool_line_thickness' | 'annotate_tool_color' | 'annotate_confirmation_close_anyway' | 'annotate_confirmation_heading' | 'annotate_confirmation_content' | 'drop_your_files_here' | 'share_files_instantly' | 'insert_files' | 'zoom_out' | 'zoom_in' | 'remove_image' | 'play' | 'pause' | 'disable_fullscreen' | 'enable_fullscreen' | 'error_loading_file' | 'error_generating_preview' | 'download' | 'unknown' | 'document' | 'audio' | 'video' | 'image' | 'archive' | 'email' | 'text' | 'displayThumbnail' | 'search' | 'view' | 'viewIn' | 'viewOriginal' | 'changeView' | 'playbackSpeed' | 'skipBackward' | 'skipForward' | 'volumeMuteButtonAria' | 'volumeLevelControlAria' | 'playbackDefaultSpeed' | 'preview' | 'preview_unavailable' | 'preview_currently_unavailable' | 'creating_preview' | 'couldnt_load_file' | 'error_429' | 'close_and_reopen' | 'viewer_rateLimited' | 'zip_entry_load_fail' | 'file_image_is_selected' | 'file_video_is_selected' | 'file_audio_is_selected' | 'file_doc_is_selected' | 'file_archive_is_selected' | 'file_unknown_is_selected' | 'open_file_in_viewer' | 'video_seeker_assistive_text_time_value' | 'video_seeker_label_assistive_text' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-ui",
-  "version": "25.10.1",
+  "version": "25.10.3",
   "description": "Includes common components and utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -25,20 +25,20 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/button": "^17.14.0",
-    "@atlaskit/code": "^15.1.0",
+    "@atlaskit/code": "^15.2.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/icon-file-type": "^6.4.0",
     "@atlaskit/locale": "^2.7.0",
     "@atlaskit/media-common": "^11.2.0",
     "@atlaskit/platform-feature-flags": "^0.2.5",
-    "@atlaskit/primitives": "^6.0.0",
+    "@atlaskit/primitives": "^6.1.0",
     "@atlaskit/range": "^7.2.0",
-    "@atlaskit/select": "^17.8.0",
+    "@atlaskit/select": "^17.9.0",
     "@atlaskit/spinner": "^16.1.0",
-    "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.45.0",
+    "@atlaskit/theme": "^12.8.0",
+    "@atlaskit/tokens": "^1.46.0",
     "@atlaskit/tooltip": "^18.3.0",
-    "@atlaskit/width-detector": "^4.1.0",
+    "@atlaskit/width-detector": "^4.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/styled": "^11.0.0",
     "blueimp-load-image": "2.19.0",