@atlaskit/media-ui 25.10.1 → 25.10.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/media-ui
 
+## 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.2";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -226,7 +226,8 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = /*#__PURE__*/functio
         onClick: _this.getMediaButtonClickHandler(actions.toggleMute, 'muteButton'),
         iconBefore: /*#__PURE__*/_react.default.createElement(_outgoingSound.default, {
           label: "volume"
-        })
+        }),
+        "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,

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.2";
 const MEDIUM_VIDEO_MAX_WIDTH = 400;
 const SMALL_VIDEO_MAX_WIDTH = 160;
 const MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -209,7 +209,8 @@ export class CustomMediaPlayerBase extends Component {
       onClick: this.getMediaButtonClickHandler(actions.toggleMute, 'muteButton'),
       iconBefore: /*#__PURE__*/React.createElement(SoundIcon, {
         label: "volume"
-      })
+      }),
+      "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,

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.2";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;
@@ -219,7 +219,8 @@ export var CustomMediaPlayerBase = /*#__PURE__*/function (_Component) {
         onClick: _this.getMediaButtonClickHandler(actions.toggleMute, 'muteButton'),
         iconBefore: /*#__PURE__*/React.createElement(SoundIcon, {
           label: "volume"
-        })
+        }),
+        "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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-ui",
-  "version": "25.10.1",
+  "version": "25.10.2",
   "description": "Includes common components and utilities used by other media packages",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -31,14 +31,14 @@
     "@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/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",