@atlaskit/media-viewer 52.9.0 → 52.9.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/media-viewer
 
+## 52.9.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 52.9.1
+
+### Patch Changes
+
+- [`715629fc18fc8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/715629fc18fc8) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
 ## 52.9.0
 
 ### Minor 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 = "0.0.0-development";
+var packageVersion = exports.packageVersion = "52.9.1";
 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 = "0.0.0-development";
+var packageVersion = "52.9.1";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/item-viewer.js

@@ -31,11 +31,14 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _ufoExperiences = require("./analytics/ufoExperiences");
 var _customViewer = require("./viewers/customViewer/customViewer");
 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" != (0, _typeof2.default)(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); }
-var ImageViewer = (0, _reactLoadable.default)({
+function loadImageViewer() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_imageViewer" */'./viewers/image'));
+  });
+}
+var LoadableImageViewer = (0, _reactLoadable.default)({
   loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_imageViewer" */'./viewers/image'));
-    }).then(function (mod) {
+    return loadImageViewer().then(function (mod) {
       return mod.ImageViewer;
     });
   },
@@ -43,11 +46,21 @@ var ImageViewer = (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
   }
 });
-var VideoViewer = (0, _reactLoadable.default)({
+var LazyImageViewer = /*#__PURE__*/_react.default.lazy(function () {
+  return loadImageViewer().then(function (mod) {
+    return {
+      default: mod.ImageViewer
+    };
+  });
+});
+function loadVideoViewer() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_videoViewer" */'./viewers/video'));
+  });
+}
+var LoadableVideoViewer = (0, _reactLoadable.default)({
   loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_videoViewer" */'./viewers/video'));
-    }).then(function (mod) {
+    return loadVideoViewer().then(function (mod) {
       return mod.VideoViewer;
     });
   },
@@ -55,11 +68,21 @@ var VideoViewer = (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
   }
 });
-var AudioViewer = (0, _reactLoadable.default)({
+var LazyVideoViewer = /*#__PURE__*/_react.default.lazy(function () {
+  return loadVideoViewer().then(function (mod) {
+    return {
+      default: mod.VideoViewer
+    };
+  });
+});
+function loadAudioViewer() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_audioViewer" */'./viewers/audio'));
+  });
+}
+var LoadableAudioViewer = (0, _reactLoadable.default)({
   loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_audioViewer" */'./viewers/audio'));
-    }).then(function (mod) {
+    return loadAudioViewer().then(function (mod) {
       return mod.AudioViewer;
     });
   },
@@ -67,11 +90,21 @@ var AudioViewer = (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
   }
 });
-var DocViewer = (0, _reactLoadable.default)({
+var LazyAudioViewer = /*#__PURE__*/_react.default.lazy(function () {
+  return loadAudioViewer().then(function (mod) {
+    return {
+      default: mod.AudioViewer
+    };
+  });
+});
+function loadDocViewer() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_docViewer" */'./viewers/doc'));
+  });
+}
+var LoadableDocViewer = (0, _reactLoadable.default)({
   loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_docViewer" */'./viewers/doc'));
-    }).then(function (mod) {
+    return loadDocViewer().then(function (mod) {
       return mod.DocViewer;
     });
   },
@@ -79,11 +112,21 @@ var DocViewer = (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
   }
 });
-var CodeViewer = (0, _reactLoadable.default)({
+var LazyDocViewer = /*#__PURE__*/_react.default.lazy(function () {
+  return loadDocViewer().then(function (mod) {
+    return {
+      default: mod.DocViewer
+    };
+  });
+});
+function loadCodeViewer() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_codeViewer" */'./viewers/codeViewer'));
+  });
+}
+var LoadableCodeViewer = (0, _reactLoadable.default)({
   loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_codeViewer" */'./viewers/codeViewer'));
-    }).then(function (mod) {
+    return loadCodeViewer().then(function (mod) {
       return mod.CodeViewer;
     });
   },
@@ -91,10 +134,22 @@ var CodeViewer = (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
   }
 });
-var SvgViewer = (0, _reactLoadable.default)({
+var LazyCodeViewer = /*#__PURE__*/_react.default.lazy(function () {
+  return loadCodeViewer().then(function (mod) {
+    return {
+      default: mod.CodeViewer
+    };
+  });
+});
+function loadSvgViewer() {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_svgViewer" */'./viewers/svg'));
+  });
+}
+var LoadableSvgViewer = (0, _reactLoadable.default)({
   loader: function loader() {
     return (
-      // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+      // @ts-ignore [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
       Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_svgViewer" */'./viewers/svg'));
       }).then(function (mod) {
@@ -106,6 +161,19 @@ var SvgViewer = (0, _reactLoadable.default)({
     return /*#__PURE__*/_react.default.createElement(_loading.Spinner, null);
   }
 });
+var LazySvgViewer = /*#__PURE__*/_react.default.lazy(function () {
+  return loadSvgViewer().then(function (mod) {
+    return {
+      default: mod.SvgViewer
+    };
+  });
+});
+var ViewerSuspense = function ViewerSuspense(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: /*#__PURE__*/_react.default.createElement(_loading.Spinner, null)
+  }, children);
+};
 // Consts
 var isExternalImageItem = exports.isExternalImageItem = function isExternalImageItem(fileItem) {
   return fileItem === 'external-image';
@@ -167,15 +235,15 @@ var createProcessedFileState = function createProcessedFileState(fileState) {
     createdAt: fileState.createdAt
   };
 };
-var ItemViewerBase = exports.ItemViewerBase = function ItemViewerBase(_ref) {
-  var identifier = _ref.identifier,
-    showControls = _ref.showControls,
-    onClose = _ref.onClose,
-    previewCount = _ref.previewCount,
-    contextId = _ref.contextId,
-    createAnalyticsEvent = _ref.createAnalyticsEvent,
-    viewerOptions = _ref.viewerOptions,
-    traceContext = _ref.traceContext;
+var ItemViewerBase = exports.ItemViewerBase = function ItemViewerBase(_ref2) {
+  var identifier = _ref2.identifier,
+    showControls = _ref2.showControls,
+    onClose = _ref2.onClose,
+    previewCount = _ref2.previewCount,
+    contextId = _ref2.contextId,
+    createAnalyticsEvent = _ref2.createAnalyticsEvent,
+    viewerOptions = _ref2.viewerOptions,
+    traceContext = _ref2.traceContext;
   // States and Refs
   var _useState = (0, _react.useState)(_domain.Outcome.pending()),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -307,13 +375,22 @@ var ItemViewerBase = exports.ItemViewerBase = function ItemViewerBase(_ref) {
       if (fileItem.size > MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER) {
         return renderError(new _errors.MediaViewerError('codeviewer-file-size-exceeds'), fileItem);
       }
-      return /*#__PURE__*/_react.default.createElement(CodeViewer, (0, _extends2.default)({
+      return (0, _platformFeatureFlags.fg)('platform_media_react19_support') ? /*#__PURE__*/_react.default.createElement(ViewerSuspense, null, /*#__PURE__*/_react.default.createElement(LazyCodeViewer, (0, _extends2.default)({
+        onSuccess: onSuccess,
+        onError: onLoadFail
+      }, viewerProps))) : /*#__PURE__*/_react.default.createElement(LoadableCodeViewer, (0, _extends2.default)({
         onSuccess: onSuccess,
         onError: onLoadFail
       }, viewerProps));
     }
     if ((0, _mediaClient.isFileIdentifier)(identifier) && fileItem.mimeType === 'image/svg+xml') {
-      return /*#__PURE__*/_react.default.createElement(SvgViewer, {
+      return (0, _platformFeatureFlags.fg)('platform_media_react19_support') ? /*#__PURE__*/_react.default.createElement(ViewerSuspense, null, /*#__PURE__*/_react.default.createElement(LazySvgViewer, {
+        identifier: identifier,
+        onLoad: onSuccess,
+        onError: onLoadFail,
+        onClose: onClose,
+        traceContext: traceContext
+      })) : /*#__PURE__*/_react.default.createElement(LoadableSvgViewer, {
         identifier: identifier,
         onLoad: onSuccess,
         onError: onLoadFail,
@@ -324,26 +401,42 @@ var ItemViewerBase = exports.ItemViewerBase = function ItemViewerBase(_ref) {
     var mediaType = fileItem.mediaType;
     switch (mediaType) {
       case 'image':
-        return /*#__PURE__*/_react.default.createElement(ImageViewer, (0, _extends2.default)({
+        return (0, _platformFeatureFlags.fg)('platform_media_react19_support') ? /*#__PURE__*/_react.default.createElement(ViewerSuspense, null, /*#__PURE__*/_react.default.createElement(LazyImageViewer, (0, _extends2.default)({
+          onLoad: onSuccess,
+          onError: onLoadFail,
+          contextId: contextId
+        }, viewerProps))) : /*#__PURE__*/_react.default.createElement(LoadableImageViewer, (0, _extends2.default)({
           onLoad: onSuccess,
           onError: onLoadFail,
           contextId: contextId
         }, viewerProps));
       case 'audio':
-        return /*#__PURE__*/_react.default.createElement(AudioViewer, (0, _extends2.default)({
+        return (0, _platformFeatureFlags.fg)('platform_media_react19_support') ? /*#__PURE__*/_react.default.createElement(ViewerSuspense, null, /*#__PURE__*/_react.default.createElement(LazyAudioViewer, (0, _extends2.default)({
+          showControls: showControls,
+          onCanPlay: onSuccess,
+          onError: onLoadFail
+        }, viewerProps))) : /*#__PURE__*/_react.default.createElement(LoadableAudioViewer, (0, _extends2.default)({
           showControls: showControls,
           onCanPlay: onSuccess,
           onError: onLoadFail
         }, viewerProps));
       case 'video':
-        return /*#__PURE__*/_react.default.createElement(VideoViewer, (0, _extends2.default)({
+        return (0, _platformFeatureFlags.fg)('platform_media_react19_support') ? /*#__PURE__*/_react.default.createElement(ViewerSuspense, null, /*#__PURE__*/_react.default.createElement(LazyVideoViewer, (0, _extends2.default)({
+          identifier: identifier,
+          showControls: showControls,
+          onCanPlay: onSuccess,
+          onError: onLoadFail
+        }, viewerProps))) : /*#__PURE__*/_react.default.createElement(LoadableVideoViewer, (0, _extends2.default)({
           identifier: identifier,
           showControls: showControls,
           onCanPlay: onSuccess,
           onError: onLoadFail
         }, viewerProps));
       case 'doc':
-        return /*#__PURE__*/_react.default.createElement(DocViewer, (0, _extends2.default)({
+        return (0, _platformFeatureFlags.fg)('platform_media_react19_support') ? /*#__PURE__*/_react.default.createElement(ViewerSuspense, null, /*#__PURE__*/_react.default.createElement(LazyDocViewer, (0, _extends2.default)({
+          onSuccess: onSuccess,
+          onError: onLoadFail
+        }, viewerProps))) : /*#__PURE__*/_react.default.createElement(LoadableDocViewer, (0, _extends2.default)({
           onSuccess: onSuccess,
           onError: onLoadFail
         }, viewerProps));
@@ -387,9 +480,9 @@ var ItemViewerBase = exports.ItemViewerBase = function ItemViewerBase(_ref) {
     successful: function successful(fileItem) {
       if (fileItem === 'external-image') {
         // render an external image
-        var _ref2 = identifier,
-          dataURI = _ref2.dataURI,
-          name = _ref2.name;
+        var _ref3 = identifier,
+          dataURI = _ref3.dataURI,
+          name = _ref3.name;
         return /*#__PURE__*/_react.default.createElement(_interactiveImg.InteractiveImg, {
           src: dataURI,
           alt: name !== null && name !== void 0 ? name : '',

package/dist/cjs/styleWrappers.compiled.css

@@ -2,7 +2,7 @@
 ._11q75a80{background:linear-gradient(180deg,#101214,rgba(14,22,36,0)) no-repeat}
 ._151kfhey._151kfhey h1{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-._zulp1yov{gap:var(--ds-space-100,10px)}._11pt15ty svg{filter:drop-shadow(0 1px 1px rgb(9 30 66/25%)) drop-shadow(0 0 1px rgb(9 30 66/31%))}
+._zulpu2gc{gap:var(--ds-space-100,8px)}._11pt15ty svg{filter:drop-shadow(0 1px 1px rgb(9 30 66/25%)) drop-shadow(0 0 1px rgb(9 30 66/31%))}
 ._154i1ejb{top:var(--ds-space-300,24px)}
 ._154i1ssb{top:50%}
 ._154iidpf{top:0}
@@ -15,7 +15,7 @@
 ._19bvidpf{padding-left:0}
 ._19bvv47k{padding-left:var(--ds-space-250,20px)}
 ._19kzstnw >*{position:absolute}
-._19pk1cfm{margin-top:var(--ds-space-300,28px)}
+._19pk1ejb{margin-top:var(--ds-space-300,24px)}
 ._1bah1h6o{justify-content:center}
 ._1bahusic{justify-content:right}
 ._1bsb1ber{width:26pc}
@@ -67,10 +67,10 @@
 ._94n5idpf{bottom:0}
 ._bfhk1tzm{background-color:#22272b}
 ._bfhkr3uz{background-color:#000}
-._bfhky0hh{background-color:var(--ds-surface,#101214)}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}
+._ca0q1azu{padding-top:var(--ds-space-100,8px) var(--ds-space-300,24px)}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
 ._ca0qv47k{padding-top:var(--ds-space-250,20px)}
-._ca0qymxu{padding-top:var(--ds-space-100,10px) var(--ds-space-300,24px)}
 ._di7o9txx._di7o9txx button:hover svg{color:#b6c2cf}
 ._i0dlf1ug{flex-basis:0%}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
@@ -80,10 +80,10 @@
 ._lcxv1rj4{pointer-events:all}
 ._lcxvglyw{pointer-events:none}
 ._n3td1ejb{padding-bottom:var(--ds-space-300,24px)}
-._n3td1yov{padding-bottom:var(--ds-space-100,10px)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
 ._n3tdv47k{padding-bottom:var(--ds-space-250,20px)}
 ._o5721q9c{white-space:nowrap}
-._otyr1yov{margin-bottom:var(--ds-space-100,10px)}
+._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
 ._ouxl1klg{background-position:300px 0}
 ._ouxlidpf{background-position:0}
 ._p12f1osq{max-width:100%}
@@ -91,8 +91,7 @@
 ._qvww1osq._qvww1osq h1{max-width:100%}
 ._s7n4nkob{vertical-align:middle}
 ._syaz1poe{color:#c7d1db}
-._syaz1rlb{color:var(--ds-text,#9fadbc)}
-._syaz1vvf{color:var(--ds-text,#c7d1db)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._t9ec1i34{transform:translateY(-50%)}
 ._tzy41w01{opacity:.85}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}

package/dist/cjs/styleWrappers.js

@@ -125,19 +125,19 @@ var ZoomWrapper = exports.ZoomWrapper = function ZoomWrapper(_ref7) {
   var className = _ref7.className,
     children = _ref7.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_1bsb1osq _kqswstnw _94n5idpf _4t3i1uc6 _1itkdlpg _tzy41w01 _lcxvglyw _vchhusvi _1e0c1txw _4cvresu3 _ca0qymxu _n3td1yov _u5f31ejb _19bv1ejb", className])
+    className: (0, _runtime.ax)(["_1bsb1osq _kqswstnw _94n5idpf _4t3i1uc6 _1itkdlpg _tzy41w01 _lcxvglyw _vchhusvi _1e0c1txw _4cvresu3 _ca0q1azu _n3tdu2gc _u5f31ejb _19bv1ejb", className])
   }, children);
 };
 var ZoomCenterControls = exports.ZoomCenterControls = function ZoomCenterControls(_ref8) {
   var children = _ref8.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_zulp1yov _1bsb1osq _1e0c1txw _1bah1h6o _1vgl1rj4"])
+    className: (0, _runtime.ax)(["_zulpu2gc _1bsb1osq _1e0c1txw _1bah1h6o _1vgl1rj4"])
   }, children);
 };
 var ZoomRightControls = exports.ZoomRightControls = function ZoomRightControls(_ref9) {
   var children = _ref9.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_zulp1yov _kqswstnw _1xi21ejb _syaz1poe _lcxv1rj4 _1e0c1txw _1bahusic"])
+    className: (0, _runtime.ax)(["_zulpu2gc _kqswstnw _1xi21ejb _syaz1poe _lcxv1rj4 _1e0c1txw _1bahusic"])
   }, children);
 };
 var ZoomLevelIndicator = exports.ZoomLevelIndicator = function ZoomLevelIndicator(_ref0) {
@@ -151,7 +151,7 @@ var HDIconGroupWrapper = exports.HDIconGroupWrapper = function HDIconGroupWrappe
   var className = _ref1.className,
     children = _ref1.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_zulp1yov _1e0c1txw _4cvr1h6o _kqswh2mm _1bsb1tcg _19kzstnw", className])
+    className: (0, _runtime.ax)(["_zulpu2gc _1e0c1txw _4cvr1h6o _kqswh2mm _1bsb1tcg _19kzstnw", className])
   }, children);
 };
 var ErrorMessageWrapper = exports.ErrorMessageWrapper = function ErrorMessageWrapper(_ref10) {
@@ -168,7 +168,7 @@ var ErrorImage = exports.ErrorImage = function ErrorImage(_ref11) {
   return /*#__PURE__*/React.createElement("img", {
     alt: alt,
     src: src,
-    className: (0, _runtime.ax)(["_otyr1yov _uiztglyw"])
+    className: (0, _runtime.ax)(["_otyru2gc _uiztglyw"])
   });
 };
 var Video = exports.Video = function Video(_ref12) {
@@ -380,13 +380,13 @@ var AudioCover = exports.AudioCover = function AudioCover(_ref30) {
 var DefaultCoverWrapper = exports.DefaultCoverWrapper = function DefaultCoverWrapper(_ref31) {
   var children = _ref31.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syaz1rlb _umc418ws"])
+    className: (0, _runtime.ax)(["_1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syazi7uo _umc418ws"])
   }, children);
 };
 var DownloadButtonWrapper = exports.DownloadButtonWrapper = function DownloadButtonWrapper(_ref32) {
   var children = _ref32.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_19pk1cfm _y3gn1h6o _1sfy1fjg _4pkp1fjg"])
+    className: (0, _runtime.ax)(["_19pk1ejb _y3gn1h6o _1sfy1fjg _4pkp1fjg"])
   }, children);
 };
 var CustomVideoPlayerWrapper = exports.CustomVideoPlayerWrapper = function CustomVideoPlayerWrapper(_ref33) {
@@ -402,7 +402,7 @@ var SidebarWrapper = exports.SidebarWrapper = function SidebarWrapper(_ref34) {
     children = _ref34.children;
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": datatestId,
-    className: (0, _runtime.ax)(["_1reo15vq _18m91wug _154iidpf _1xi2idpf _1bsb1ber _4t3i1kxc _bfhky0hh _syaz1vvf"])
+    className: (0, _runtime.ax)(["_1reo15vq _18m91wug _154iidpf _1xi2idpf _1bsb1ber _4t3i1kxc _bfhkvuon _syazi7uo"])
   }, children);
 };
 var SpinnerWrapper = exports.SpinnerWrapper = function SpinnerWrapper(_ref35) {

package/dist/cjs/viewers/archiveSidebar/custom-button-item.compiled.css

@@ -1,7 +1,7 @@
 
-._bfhk3nif{background-color:var(--ds-background-neutral-subtle,#101214)}
-._lswu1fjw{fill:var(--ds-icon-success,#101214)}
-._syaz13q9{color:var(--_1qpk0k2)}
-._30l313q9:hover{color:var(--_1qpk0k2)}
-._irr3ebx2:hover{background-color:var(--ds-background-neutral-subtle-hovered,#a1bdd914)}._1di6j4ot:active{background-color:var(--ds-background-neutral-subtle-pressed,#a6c5e229)}
-._9h8h13q9:active{color:var(--_1qpk0k2)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._lswu4pcx{fill:var(--ds-icon-success,#6a9a23)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
+._30l3i7uo:hover{color:var(--ds-text,#292a2e)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
+._9h8hi7uo:active{color:var(--ds-text,#292a2e)}

package/dist/cjs/viewers/archiveSidebar/custom-button-item.js

@@ -13,7 +13,6 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _sideNavigation = require("@atlaskit/side-navigation");
-var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["children", "onClick"];
 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); }
 var itemStyles = null;
@@ -25,9 +24,6 @@ function CustomButtonItem(_ref) {
     onClick: onClick
     // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
   }, rest, {
-    className: (0, _runtime.ax)(["_bfhk3nif _lswu1fjw _syaz13q9 _irr3ebx2 _30l313q9 _1di6j4ot _9h8h13q9"]),
-    style: {
-      "--_1qpk0k2": (0, _runtime.ix)("".concat("var(--ds-text, ".concat(_colors.DN500, ")")))
-    }
+    className: (0, _runtime.ax)(["_bfhksm61 _lswu4pcx _syazi7uo _irr31dpa _30l3i7uo _1di6fcek _9h8hi7uo"])
   }), children);
 }

package/dist/cjs/viewers/archiveSidebar/styleWrappers.compiled.css

@@ -10,7 +10,7 @@
 ._18u0idpf{margin-left:0}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._19bvv47k{padding-left:var(--ds-space-250,20px)}
-._19pk1te7{margin-top:var(--ds-space-200,19px)}
+._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
 ._1bah1h6o{justify-content:center}
 ._1bsb13sl{width:85%}
 ._1bsb15ov{width:var(--_53yrec)}
@@ -24,8 +24,8 @@
 ._1o9zkb7n{flex-shrink:1}
 ._1reo15vq{overflow-x:hidden}
 ._1xi2idpf{right:0}
-._2hwx1yov{margin-right:var(--ds-space-100,10px)}
 ._2hwxidpf{margin-right:0}
+._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._4cvr1h6o{align-items:center}
 ._4t3i1osq{height:100%}
 ._4t3iyh40{height:2px}
@@ -34,20 +34,20 @@
 ._80omtlke{cursor:pointer}
 ._94n5idpf{bottom:0}
 ._bfhk1j28{background-color:transparent}
-._bfhk21we{background-color:var(--ds-border,#a6c5e229)}
-._bfhky0hh{background-color:var(--ds-surface,#101214)}
+._bfhk1l7x{background-color:var(--ds-border,#0b120e24)}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._ca0qqslr{padding-top:22px}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._i0dl1wug{flex-basis:auto}
 ._j7hq1kq8{animation-name:k10ssv7b}
 ._kqswstnw{position:absolute}
+._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._n3td14y2{padding-bottom:5px}
-._n3td1vik{padding-bottom:var(--ds-space-075,5px)}
 ._n3tdv47k{padding-bottom:var(--ds-space-250,20px)}
 ._o5721q9c{white-space:nowrap}
-._otyr1te7{margin-bottom:var(--ds-space-200,19px)}
-._syazrsv4{color:var(--_1k41sl)}
-._syazwydc{color:var(--ds-icon,#9fadbc)}
+._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
+._syaz1q3r{color:var(--ds-icon,#292a2e)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
 ._t9ecz6y5{transform:translateY(-100%)}
 ._tzy4idpf{opacity:0}
 ._u5f31v6z{padding-right:7px}
@@ -55,7 +55,7 @@
 ._vchhusvi{box-sizing:border-box}
 ._vwz41xde{line-height:1.14286}
 ._d0altlke:hover{cursor:pointer}
-._irr3ebx2:hover{background-color:var(--ds-background-neutral-subtle-hovered,#a1bdd914)}
-._1di6j4ot:active{background-color:var(--ds-background-neutral-subtle-pressed,#a6c5e229)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
+._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
 ._1qamtlke:active{cursor:pointer}
 @keyframes k10ssv7b{0%{opacity:0;transform:translateY(-100%)}to{transform:translateY(0);opacity:1}}

package/dist/cjs/viewers/archiveSidebar/styleWrappers.js

@@ -10,9 +10,9 @@ require("./styleWrappers.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _colors = require("@atlaskit/theme/colors");
 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/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var ARCHIVE_SIDE_BAR_WIDTH = exports.ARCHIVE_SIDE_BAR_WIDTH = 300;
 var archiveItemViewerWrapperStyles = null;
 var archiveSideBarStyles = null;
@@ -40,7 +40,7 @@ var ArchiveSideBar = exports.ArchiveSideBar = /*#__PURE__*/(0, _react.forwardRef
   var children = _ref2.children;
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    className: (0, _runtime.ax)(["_ca0qqslr _u5f3v47k _19bvv47k _n3tdv47k _bfhky0hh _kqswstnw _1ltvidpf _154iidpf _1bsb15ov _94n5idpf _vchhusvi _18m915zi"]),
+    className: (0, _runtime.ax)(["_ca0qqslr _u5f3v47k _19bvv47k _n3tdv47k _bfhkvuon _kqswstnw _1ltvidpf _154iidpf _1bsb15ov _94n5idpf _vchhusvi _18m915zi"]),
     style: {
       "--_53yrec": (0, _runtime.ix)("".concat(ARCHIVE_SIDE_BAR_WIDTH, "px"))
     }
@@ -59,14 +59,14 @@ var ArchiveDownloadButtonWrapper = exports.ArchiveDownloadButtonWrapper = functi
   return /*#__PURE__*/React.createElement("div", {
     onClick: onClick,
     "data-testid": "media-archiveDownloadButton",
-    className: (0, _runtime.ax)(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syazwydc _d0altlke _irr3ebx2 _1qamtlke _1di6j4ot"])
+    className: (0, _runtime.ax)(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _d0altlke _irr31dpa _1qamtlke _1di6fcek"])
   }, children);
 };
 var DisabledArchiveDownloadButtonWrapper = exports.DisabledArchiveDownloadButtonWrapper = function DisabledArchiveDownloadButtonWrapper(_ref5) {
   var children = _ref5.children;
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "media-disabledArchiveDownloadButton",
-    className: (0, _runtime.ax)(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syazwydc _80om13gf"])
+    className: (0, _runtime.ax)(["_19itglyw _2rkofajl _ca0qu2gc _u5f31v6z _n3td14y2 _19bvu2gc _bfhk1j28 _syaz1q3r _80om13gf"])
   }, children);
 };
 var SidebarItemWrapper = exports.SidebarItemWrapper = function SidebarItemWrapper(_ref6) {
@@ -80,7 +80,7 @@ var ArchiveSidebarFileEntryWrapper = exports.ArchiveSidebarFileEntryWrapper = fu
     index = _ref7.index;
   return /*#__PURE__*/React.createElement("div", {
     key: index,
-    className: (0, _runtime.ax)(["_v564rca0 _n3td1vik _1e0c1txw _4cvr1h6o _80omtlke"])
+    className: (0, _runtime.ax)(["_v564rca0 _n3td12x7 _1e0c1txw _4cvr1h6o _80omtlke"])
   }, children);
 };
 var ArchiveLayout = exports.ArchiveLayout = function ArchiveLayout(_ref8) {
@@ -101,7 +101,7 @@ var ArchiveViewerWrapper = exports.ArchiveViewerWrapper = function ArchiveViewer
 };
 var Separator = exports.Separator = function Separator() {
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_2rko1rr0 _4t3iyh40 _19pk1te7 _2hwxidpf _otyr1te7 _18u0idpf _bfhk21we _1o9zidpf"])
+    className: (0, _runtime.ax)(["_2rko1rr0 _4t3iyh40 _19pkpxbi _2hwxidpf _otyrpxbi _18u0idpf _bfhk1l7x _1o9zidpf"])
   });
 };
 var SidebarHeaderWrapper = exports.SidebarHeaderWrapper = function SidebarHeaderWrapper(_ref0) {
@@ -113,15 +113,12 @@ var SidebarHeaderWrapper = exports.SidebarHeaderWrapper = function SidebarHeader
 var SidebarHeaderIcon = exports.SidebarHeaderIcon = function SidebarHeaderIcon(_ref1) {
   var children = _ref1.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _2hwx1yov _1o9zidpf"])
+    className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _2hwxu2gc _1o9zidpf"])
   }, children);
 };
 var SidebarHeaderEntry = exports.SidebarHeaderEntry = function SidebarHeaderEntry(_ref10) {
   var children = _ref10.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug _1reo15vq _18m915vq _1bto1l2s _o5721q9c _vwz41xde _syazrsv4"]),
-    style: {
-      "--_1k41sl": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.DN500, ")"))
-    }
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dl1wug _1reo15vq _18m915vq _1bto1l2s _o5721q9c _vwz41xde _syazi7uo"])
   }, children);
 };

package/dist/cjs/viewers/codeViewer/CodeRendererAdvanced/CodeRendererAdvanced.compiled.css

@@ -5,6 +5,6 @@
 ._1xi2idpf{right:0}
 ._4t3i8ved{height:75px}
 ._94n5idpf{bottom:0}
-._bfhk15j7{background-color:var(--ds-surface,#f4f5f7)}
 ._bfhk1nox{background-color:#1d2125}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._kqswstnw{position:absolute}

package/dist/cjs/viewers/codeViewer/CodeRendererAdvanced/CodeRendererAdvanced.js

@@ -45,7 +45,7 @@ var CodeRendererAdvanced = exports.CodeRendererAdvanced = function CodeRendererA
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": props.testId,
-    className: (0, _runtime.ax)(["_1reo1wug _18m91wug _kqswstnw _1ltvidpf _154iidpf _1xi2idpf _94n5idpf _bfhk15j7"])
+    className: (0, _runtime.ax)(["_1reo1wug _18m91wug _kqswstnw _1ltvidpf _154iidpf _1xi2idpf _94n5idpf _bfhkvuon"])
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)(["_4t3i8ved _bfhk1nox"])
   }), /*#__PURE__*/_react.default.createElement("div", {

package/dist/cjs/viewers/codeViewer/codeViewerRenderer-compiled.compiled.css

@@ -1,4 +1,4 @@
-._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._154iidpf{top:0}
 ._18m91wug{overflow-y:auto}
 ._19bvu2gc{padding-left:var(--ds-space-100,8px)}
@@ -8,8 +8,8 @@
 ._1xi2idpf{right:0}
 ._4t3i8ved{height:75px}
 ._94n5idpf{bottom:0}
-._bfhk15j7{background-color:var(--ds-surface,#f4f5f7)}
 ._bfhk1nox{background-color:#1d2125}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._kqswstnw{position:absolute}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}