@atlaskit/media-viewer 52.4.7 → 52.4.8

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/media-viewer
 
+## 52.4.8
+
+### Patch Changes
+
+- [#187406](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/187406)
+  [`849af586beb91`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/849af586beb91) -
+  Added role for the media container to make screen reader virtual key navigation appropriate
+- Updated dependencies
+
 ## 52.4.7
 
 ### Patch Changes

package/dist/cjs/analytics/index.js

@@ -10,7 +10,7 @@ exports.packageVersion = exports.packageName = void 0;
 var _analytics = require("@atlaskit/media-common/analytics");
 var componentName = exports.component = exports.componentName = 'mediaViewer';
 var packageName = exports.packageName = "@atlaskit/media-viewer";
-var packageVersion = exports.packageVersion = "52.4.6";
+var packageVersion = exports.packageVersion = "52.4.7";
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {

package/dist/cjs/analytics/ufoExperiences.js

@@ -13,7 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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-viewer";
-var packageVersion = "52.4.6";
+var packageVersion = "52.4.7";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/navigation.js

@@ -23,7 +23,7 @@ var _analytics = require("./analytics");
 var _primitives = require("@atlaskit/primitives");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-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 */
+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 */ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var nextNavButtonId = exports.nextNavButtonId = 'media-viewer-navigation-next';
 var prevNavButtonId = exports.prevNavButtonId = 'media-viewer-navigation-prev';
 var wrapperStyles = (0, _primitives.xcss)({

package/dist/cjs/styleWrappers-compiled.js

@@ -19,7 +19,7 @@ var _primitives = require("@atlaskit/primitives");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; } /* eslint-disable @atlaskit/design-system/use-tokens-typography */
+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; } /* eslint-disable @atlaskit/design-system/use-tokens-typography */ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var blanketStyles = null;
 var headerWrapperStyles = null;
 var archiveHeaderWrapperStyles = null;
@@ -74,8 +74,13 @@ var Blanket = exports.Blanket = function Blanket(_ref) {
     className = _ref.className,
     children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
-    "data-testid": datatestId,
-    className: (0, _runtime.ax)(["_kqsw1n9t _154iidpf _1ltvidpf _94n5idpf _1xi2idpf _bfhk1tzm _1pby1qpw _1e0c1txw", className])
+    "data-testid": datatestId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: (0, _runtime.ax)(["_kqsw1n9t _154iidpf _1ltvidpf _94n5idpf _1xi2idpf _bfhk1tzm _1pby1qpw _1e0c1txw", className]),
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-labelledby": "media.media-viewer.file.name"
   }, children);
 };
 var HeaderWrapper = exports.HeaderWrapper = function HeaderWrapper(_ref2) {
@@ -313,6 +318,7 @@ var MetadataFileName = exports.MetadataFileName = function MetadataFileName(_ref
   }, /*#__PURE__*/React.createElement(_heading.default, {
     as: "h1",
     size: "medium",
+    id: "media.media-viewer.file.name",
     testId: datatestId
   }, children));
 };

package/dist/cjs/styleWrappers-emotion.js

@@ -25,6 +25,8 @@ var _heading = _interopRequireDefault(require("@atlaskit/heading"));
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
 var SIDEBAR_WIDTH = 416;
 var blanketStyles = (0, _react.css)({
   position: 'fixed',
@@ -382,14 +384,16 @@ var Blanket = exports.Blanket = function Blanket(_ref6) {
   var datatestId = _ref6['data-testid'],
     className = _ref6.className,
     children = _ref6.children;
-  return (
+  return (0, _react.jsx)("div", {
+    css: blanketStyles,
+    "data-testid": datatestId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    (0, _react.jsx)("div", {
-      css: blanketStyles,
-      "data-testid": datatestId,
-      className: className
-    }, children)
-  );
+    ,
+    className: className,
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-labelledby": "media.media-viewer.file.name"
+  }, children);
 };
 var HeaderWrapper = exports.HeaderWrapper = function HeaderWrapper(_ref7) {
   var className = _ref7.className,
@@ -673,6 +677,7 @@ var MetadataFileName = exports.MetadataFileName = function MetadataFileName(_ref
     css: metadataFileNameStyles
   }, (0, _react.jsx)(_heading.default, {
     as: "h1",
+    id: "media.media-viewer.file.name",
     size: "medium",
     testId: datatestId
   }, children));

package/dist/cjs/viewers/doc/pdfPasswordInput-compiled.js

@@ -23,6 +23,7 @@ var _primitives = require("@atlaskit/primitives");
 var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var COLOR_SHADE = '#b6c2cf';
 var ERROR_COLOR = '#FD9891';

package/dist/cjs/viewers/doc/pdfPasswordInput-emotion.js

@@ -24,6 +24,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * @jsx jsx
  */
 
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var COLOR_SHADE = '#b6c2cf';

package/dist/cjs/viewers/doc-next/passwordInput.js

@@ -23,6 +23,7 @@ var _primitives = require("@atlaskit/primitives");
 var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var COLOR_SHADE = '#b6c2cf';
 var ERROR_COLOR = '#FD9891';

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 const componentName = 'mediaViewer';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "52.4.6";
+const packageVersion = "52.4.7";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/es2019/analytics/ufoExperiences.js

@@ -3,7 +3,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "52.4.6";
+const packageVersion = "52.4.7";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/navigation.js

@@ -10,6 +10,7 @@ import { ArrowsWrapper, RightWrapper, LeftWrapper, Arrow } from './styleWrappers
 import { getSelectedIndex } from './utils';
 import { createNavigatedEvent } from './analytics/events/ui/navigated';
 import { fireAnalytics } from './analytics';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Pressable, xcss } from '@atlaskit/primitives';
 export const nextNavButtonId = 'media-viewer-navigation-next';
 export const prevNavButtonId = 'media-viewer-navigation-prev';

package/dist/es2019/styleWrappers-compiled.js

@@ -8,6 +8,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useMemo } from 'react';
 import { TouchScrollable } from 'react-scrolllock';
 import { useMergeRefs } from 'use-callback-ref';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import Heading from '@atlaskit/heading';
 const blanketStyles = null;
@@ -64,8 +65,13 @@ export const Blanket = ({
   className,
   children
 }) => /*#__PURE__*/React.createElement("div", {
-  "data-testid": datatestId,
-  className: ax(["_kqsw1n9t _154iidpf _1ltvidpf _94n5idpf _1xi2idpf _bfhk1tzm _1pby1qpw _1e0c1txw", className])
+  "data-testid": datatestId
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  ,
+  className: ax(["_kqsw1n9t _154iidpf _1ltvidpf _94n5idpf _1xi2idpf _bfhk1tzm _1pby1qpw _1e0c1txw", className]),
+  role: "dialog",
+  "aria-modal": "true",
+  "aria-labelledby": "media.media-viewer.file.name"
 }, children);
 export const HeaderWrapper = ({
   className,
@@ -281,6 +287,7 @@ export const MetadataFileName = ({
 }, /*#__PURE__*/React.createElement(Heading, {
   as: "h1",
   size: "medium",
+  id: "media.media-viewer.file.name",
   testId: datatestId
 }, children));
 export const MetadataSubText = ({

package/dist/es2019/styleWrappers-emotion.js

@@ -14,6 +14,7 @@ import { useMergeRefs } from 'use-callback-ref';
 import { headerAndSidebarBackgroundColor } from './viewers/modalSpinner';
 import { ArchiveSideBarWidth } from './viewers/archiveSidebar/styles';
 import { borderRadius } from '@atlaskit/theme/constants';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import Heading from '@atlaskit/heading';
 const SIDEBAR_WIDTH = 416;
@@ -377,12 +378,15 @@ export const Blanket = ({
   'data-testid': datatestId,
   className,
   children
-}) =>
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-jsx("div", {
+}) => jsx("div", {
   css: blanketStyles,
-  "data-testid": datatestId,
-  className: className
+  "data-testid": datatestId
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  ,
+  className: className,
+  role: "dialog",
+  "aria-modal": "true",
+  "aria-labelledby": "media.media-viewer.file.name"
 }, children);
 export const HeaderWrapper = ({
   className,
@@ -638,6 +642,7 @@ export const MetadataFileName = ({
   css: metadataFileNameStyles
 }, jsx(Heading, {
   as: "h1",
+  id: "media.media-viewer.file.name",
   size: "medium",
   testId: datatestId
 }, children));

package/dist/es2019/viewers/doc/pdfPasswordInput-compiled.js

@@ -10,6 +10,7 @@ import LockIcon from '@atlaskit/icon/core/migration/lock-locked--lock';
 import Form, { Field } from '@atlaskit/form';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { xcss, Box, Flex, Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import ErrorIcon from '@atlaskit/icon/core/migration/error';

package/dist/es2019/viewers/doc/pdfPasswordInput-emotion.js

@@ -10,6 +10,7 @@ import LockIcon from '@atlaskit/icon/core/migration/lock-locked--lock';
 import Form, { Field } from '@atlaskit/form';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { xcss, Box, Flex } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';

package/dist/es2019/viewers/doc-next/passwordInput.js

@@ -10,6 +10,7 @@ import LockIcon from '@atlaskit/icon/core/migration/lock-locked--lock';
 import Form, { Field } from '@atlaskit/form';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { xcss, Box, Flex, Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import ErrorIcon from '@atlaskit/icon/core/migration/error';

package/dist/esm/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 var componentName = 'mediaViewer';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "52.4.6";
+var packageVersion = "52.4.7";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -6,7 +6,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "52.4.6";
+var packageVersion = "52.4.7";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/navigation.js

@@ -17,6 +17,7 @@ import { ArrowsWrapper, RightWrapper, LeftWrapper, Arrow } from './styleWrappers
 import { getSelectedIndex } from './utils';
 import { createNavigatedEvent } from './analytics/events/ui/navigated';
 import { fireAnalytics } from './analytics';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Pressable, xcss } from '@atlaskit/primitives';
 export var nextNavButtonId = 'media-viewer-navigation-next';
 export var prevNavButtonId = 'media-viewer-navigation-prev';

package/dist/esm/styleWrappers-compiled.js

@@ -11,6 +11,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { forwardRef, useMemo } from 'react';
 import { TouchScrollable } from 'react-scrolllock';
 import { useMergeRefs } from 'use-callback-ref';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import Heading from '@atlaskit/heading';
 var blanketStyles = null;
@@ -67,8 +68,13 @@ export var Blanket = function Blanket(_ref) {
     className = _ref.className,
     children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
-    "data-testid": datatestId,
-    className: ax(["_kqsw1n9t _154iidpf _1ltvidpf _94n5idpf _1xi2idpf _bfhk1tzm _1pby1qpw _1e0c1txw", className])
+    "data-testid": datatestId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: ax(["_kqsw1n9t _154iidpf _1ltvidpf _94n5idpf _1xi2idpf _bfhk1tzm _1pby1qpw _1e0c1txw", className]),
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-labelledby": "media.media-viewer.file.name"
   }, children);
 };
 export var HeaderWrapper = function HeaderWrapper(_ref2) {
@@ -306,6 +312,7 @@ export var MetadataFileName = function MetadataFileName(_ref23) {
   }, /*#__PURE__*/React.createElement(Heading, {
     as: "h1",
     size: "medium",
+    id: "media.media-viewer.file.name",
     testId: datatestId
   }, children));
 };

package/dist/esm/styleWrappers-emotion.js

@@ -15,6 +15,7 @@ import { useMergeRefs } from 'use-callback-ref';
 import { headerAndSidebarBackgroundColor } from './viewers/modalSpinner';
 import { ArchiveSideBarWidth } from './viewers/archiveSidebar/styles';
 import { borderRadius } from '@atlaskit/theme/constants';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import Heading from '@atlaskit/heading';
 var SIDEBAR_WIDTH = 416;
@@ -374,14 +375,16 @@ export var Blanket = function Blanket(_ref6) {
   var datatestId = _ref6['data-testid'],
     className = _ref6.className,
     children = _ref6.children;
-  return (
+  return jsx("div", {
+    css: blanketStyles,
+    "data-testid": datatestId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    jsx("div", {
-      css: blanketStyles,
-      "data-testid": datatestId,
-      className: className
-    }, children)
-  );
+    ,
+    className: className,
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-labelledby": "media.media-viewer.file.name"
+  }, children);
 };
 export var HeaderWrapper = function HeaderWrapper(_ref7) {
   var className = _ref7.className,
@@ -665,6 +668,7 @@ export var MetadataFileName = function MetadataFileName(_ref28) {
     css: metadataFileNameStyles
   }, jsx(Heading, {
     as: "h1",
+    id: "media.media-viewer.file.name",
     size: "medium",
     testId: datatestId
   }, children));

package/dist/esm/viewers/doc/pdfPasswordInput-compiled.js

@@ -11,6 +11,7 @@ import LockIcon from '@atlaskit/icon/core/migration/lock-locked--lock';
 import Form, { Field } from '@atlaskit/form';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { xcss, Box, Flex, Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import ErrorIcon from '@atlaskit/icon/core/migration/error';

package/dist/esm/viewers/doc/pdfPasswordInput-emotion.js

@@ -11,6 +11,7 @@ import LockIcon from '@atlaskit/icon/core/migration/lock-locked--lock';
 import Form, { Field } from '@atlaskit/form';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { xcss, Box, Flex } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';

package/dist/esm/viewers/doc-next/passwordInput.js

@@ -11,6 +11,7 @@ import LockIcon from '@atlaskit/icon/core/migration/lock-locked--lock';
 import Form, { Field } from '@atlaskit/form';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { xcss, Box, Flex, Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import ErrorIcon from '@atlaskit/icon/core/migration/error';

package/example-helpers/NativeMediaPreview.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 
 import { type MediaClient, type Identifier, type MediaFileArtifacts } from '@atlaskit/media-client';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Pressable, xcss } from '@atlaskit/primitives';
 
 type NativeMediaViewerProps = {

package/example-helpers/centeredForm.tsx

@@ -1,4 +1,5 @@
 import React, { type ReactNode } from 'react';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Stack, xcss, Box } from '@atlaskit/primitives';
 
 const centeredFormStyles = xcss({

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "52.4.7",
+	"version": "52.4.8",
 	"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,9 +41,9 @@
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.3.0",
+		"@atlaskit/icon": "^27.5.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^5.1.0",
+		"@atlaskit/icon-lab": "^5.2.0",
 		"@atlaskit/media-client": "^35.1.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
@@ -57,7 +57,7 @@
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tokens": "^5.5.0",
+		"@atlaskit/tokens": "^5.6.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",