@atlaskit/media-viewer 52.2.2 → 52.2.4

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/media-viewer
 
+## 52.2.4
+
+### Patch Changes
+
+- [#169848](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/169848)
+  [`0c2daefdb5712`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0c2daefdb5712) -
+  Standardise generation of telemetry IDs across media packages.
+- Updated dependencies
+
+## 52.2.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 52.2.2
 
 ### 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.2.2";
+var packageVersion = exports.packageVersion = "52.2.4";
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {

package/dist/cjs/analytics/ufoExperiences.js

@@ -12,7 +12,7 @@ var _mediaCommon = require("@atlaskit/media-common");
 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.2.2";
+var packageVersion = "52.2.4";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/list.js

@@ -40,7 +40,7 @@ var List = exports.List = function List(_ref) {
     isArchiveSideBarVisible = _useState6[0],
     setIsArchiveSideBarVisible = _useState6[1];
   var traceContext = (0, _react.useRef)({
-    traceId: (0, _mediaCommon.getRandomHex)(8)
+    traceId: (0, _mediaCommon.getRandomTelemetryId)()
   });
   return /*#__PURE__*/_react.default.createElement(_styleWrappers.ListWrapper, null, /*#__PURE__*/_react.default.createElement(_styleWrappers.HeaderWrapper
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/cjs/navigation.js

@@ -12,8 +12,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireWildcard(require("react"));
-var _chevronLeftChevronLeftCircle = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left--chevron-left-circle"));
-var _chevronRightChevronRightCircle = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-right--chevron-right-circle"));
+var _chevronLeftChevronLeftCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-left--chevron-left-circle"));
+var _chevronRightChevronRightCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-right--chevron-right-circle"));
 var _mediaUi = require("@atlaskit/media-ui");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _styleWrappers = require("./styleWrappers");
@@ -68,7 +68,8 @@ var withIconWrapper = function withIconWrapper(Component) {
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       ,
       LEGACY_secondaryColor: "#161A1D",
-      color: "currentColor"
+      color: "currentColor",
+      size: "small"
     }));
   };
 };

package/dist/cjs/viewers/codeViewer/codeViewerRenderer-emotion.js

@@ -122,7 +122,7 @@ var CodeViewRenderer = exports.CodeViewRenderer = /*#__PURE__*/function (_Compon
       //item.size is incorrect for archives with mutiple docs inside.
       var fileSize = new Blob([src]).size;
       var codeViewer = (0, _util.lineCount)(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ?
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      // eslint-disable-next-line @atlaskit/design-system/no-html-code, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       (0, _react.jsx)("code", {
         css: _styles.codeViewerHTMLStyles,
         "data-testid": "code-block"

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

@@ -20,7 +20,7 @@ var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _reactIntlNext = require("react-intl-next");
 var _mediaUi = require("@atlaskit/media-ui");
 var _primitives = require("@atlaskit/primitives");
-var _error = _interopRequireDefault(require("@atlaskit/icon/utility/migration/error"));
+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/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -107,7 +107,8 @@ var PDFPasswordInput = exports.PDFPasswordInput = function PDFPasswordInput(_ref
       }, /*#__PURE__*/React.createElement(_error.default, {
         color: "currentColor",
         LEGACY_size: "small",
-        label: ""
+        label: "",
+        size: "small"
       }), /*#__PURE__*/React.createElement("div", {
         id: "".concat(fieldProps.id, "-errorMessage"),
         className: (0, _runtime.ax)(["_19pkidpf _18u01b66"])

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

@@ -17,7 +17,7 @@ var _reactIntlNext = require("react-intl-next");
 var _mediaUi = require("@atlaskit/media-ui");
 var _primitives = require("@atlaskit/primitives");
 var _react2 = require("@emotion/react");
-var _error = _interopRequireDefault(require("@atlaskit/icon/utility/migration/error"));
+var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
 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); }
 /**
  * @jsxRuntime classic
@@ -120,7 +120,8 @@ var PDFPasswordInput = exports.PDFPasswordInput = function PDFPasswordInput(_ref
       }, (0, _react2.jsx)(_error.default, {
         color: "currentColor",
         LEGACY_size: "small",
-        label: ""
+        label: "",
+        size: "small"
       }), (0, _react2.jsx)("p", {
         css: errorMessageStyle
       }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _mediaUi.messages.incorrect_password))));

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.2.2";
+const packageVersion = "52.2.4";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/es2019/analytics/ufoExperiences.js

@@ -2,7 +2,7 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "52.2.2";
+const packageVersion = "52.2.4";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/list.js

@@ -3,7 +3,7 @@ import { hideControlsClassName } from '@atlaskit/media-ui';
 import { ItemViewer } from './item-viewer';
 import { HeaderWrapper, ListWrapper } from './styleWrappers';
 import { Navigation } from './navigation';
-import { getRandomHex } from '@atlaskit/media-common';
+import { getRandomTelemetryId } from '@atlaskit/media-common';
 import Header from './header';
 export const List = ({
   defaultSelectedItem,
@@ -22,7 +22,7 @@ export const List = ({
   const [previewCount, setPreviewCount] = useState(0);
   const [isArchiveSideBarVisible, setIsArchiveSideBarVisible] = useState(false);
   const traceContext = useRef({
-    traceId: getRandomHex(8)
+    traceId: getRandomTelemetryId()
   });
   return /*#__PURE__*/React.createElement(ListWrapper, null, /*#__PURE__*/React.createElement(HeaderWrapper
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/es2019/navigation.js

@@ -1,8 +1,8 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 import { Component } from 'react';
-import ArrowLeftCircleIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-circle';
-import ArrowRightCircleIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-circle';
+import ArrowLeftCircleIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-circle';
+import ArrowRightCircleIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-circle';
 import { hideControlsClassName } from '@atlaskit/media-ui';
 import { Shortcut } from '@atlaskit/media-ui';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -55,7 +55,8 @@ const withIconWrapper = Component => {
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     ,
     LEGACY_secondaryColor: "#161A1D",
-    color: "currentColor"
+    color: "currentColor",
+    size: "small"
   }));
 };
 const NextIcon = withIconWrapper(ArrowRightCircleIcon);

package/dist/es2019/viewers/codeViewer/codeViewerRenderer-emotion.js

@@ -85,7 +85,7 @@ export class CodeViewRenderer extends Component {
     //item.size is incorrect for archives with mutiple docs inside.
     const fileSize = new Blob([src]).size;
     const codeViewer = lineCount(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ?
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/design-system/no-html-code, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     jsx("code", {
       css: codeViewerHTMLStyles,
       "data-testid": "code-block"

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

@@ -12,7 +12,7 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
 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/utility/migration/error';
+import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import Heading from '@atlaskit/heading';
 const COLOR_SHADE = '#b6c2cf';
 const ERROR_COLOR = '#FD9891';
@@ -95,7 +95,8 @@ export const PDFPasswordInput = ({
   }, /*#__PURE__*/React.createElement(ErrorIcon, {
     color: "currentColor",
     LEGACY_size: "small",
-    label: ""
+    label: "",
+    size: "small"
   }), /*#__PURE__*/React.createElement("div", {
     id: `${fieldProps.id}-errorMessage`,
     className: ax(["_19pkidpf _18u01b66"])

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

@@ -13,7 +13,7 @@ import { messages } from '@atlaskit/media-ui';
 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';
-import ErrorIcon from '@atlaskit/icon/utility/migration/error';
+import ErrorIcon from '@atlaskit/icon/core/migration/error';
 const COLOR_SHADE = '#b6c2cf';
 const headingStyle = css({
   font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
@@ -106,7 +106,8 @@ export const PDFPasswordInput = ({
   }, jsx(ErrorIcon, {
     color: "currentColor",
     LEGACY_size: "small",
-    label: ""
+    label: "",
+    size: "small"
   }), jsx("p", {
     css: errorMessageStyle
   }, jsx(FormattedMessage, messages.incorrect_password))))), jsx(Box, {

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.2.2";
+var packageVersion = "52.2.4";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -5,7 +5,7 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "52.2.2";
+var packageVersion = "52.2.4";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/list.js

@@ -4,7 +4,7 @@ import { hideControlsClassName } from '@atlaskit/media-ui';
 import { ItemViewer } from './item-viewer';
 import { HeaderWrapper, ListWrapper } from './styleWrappers';
 import { Navigation } from './navigation';
-import { getRandomHex } from '@atlaskit/media-common';
+import { getRandomTelemetryId } from '@atlaskit/media-common';
 import Header from './header';
 export var List = function List(_ref) {
   var defaultSelectedItem = _ref.defaultSelectedItem,
@@ -31,7 +31,7 @@ export var List = function List(_ref) {
     isArchiveSideBarVisible = _useState6[0],
     setIsArchiveSideBarVisible = _useState6[1];
   var traceContext = useRef({
-    traceId: getRandomHex(8)
+    traceId: getRandomTelemetryId()
   });
   return /*#__PURE__*/React.createElement(ListWrapper, null, /*#__PURE__*/React.createElement(HeaderWrapper
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/esm/navigation.js

@@ -8,8 +8,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 import { Component } from 'react';
-import ArrowLeftCircleIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-circle';
-import ArrowRightCircleIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-circle';
+import ArrowLeftCircleIcon from '@atlaskit/icon/core/migration/chevron-left--chevron-left-circle';
+import ArrowRightCircleIcon from '@atlaskit/icon/core/migration/chevron-right--chevron-right-circle';
 import { hideControlsClassName } from '@atlaskit/media-ui';
 import { Shortcut } from '@atlaskit/media-ui';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -62,7 +62,8 @@ var withIconWrapper = function withIconWrapper(Component) {
       // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       ,
       LEGACY_secondaryColor: "#161A1D",
-      color: "currentColor"
+      color: "currentColor",
+      size: "small"
     }));
   };
 };

package/dist/esm/viewers/codeViewer/codeViewerRenderer-emotion.js

@@ -118,7 +118,7 @@ export var CodeViewRenderer = /*#__PURE__*/function (_Component) {
       //item.size is incorrect for archives with mutiple docs inside.
       var fileSize = new Blob([src]).size;
       var codeViewer = lineCount(src) > MAX_FORMATTED_LINES || fileSize > MAX_FILE_SIZE_USE_CODE_VIEWER ?
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      // eslint-disable-next-line @atlaskit/design-system/no-html-code, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       jsx("code", {
         css: codeViewerHTMLStyles,
         "data-testid": "code-block"

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

@@ -13,7 +13,7 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui';
 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/utility/migration/error';
+import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import Heading from '@atlaskit/heading';
 var COLOR_SHADE = '#b6c2cf';
 var ERROR_COLOR = '#FD9891';
@@ -98,7 +98,8 @@ export var PDFPasswordInput = function PDFPasswordInput(_ref) {
       }, /*#__PURE__*/React.createElement(ErrorIcon, {
         color: "currentColor",
         LEGACY_size: "small",
-        label: ""
+        label: "",
+        size: "small"
       }), /*#__PURE__*/React.createElement("div", {
         id: "".concat(fieldProps.id, "-errorMessage"),
         className: ax(["_19pkidpf _18u01b66"])

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

@@ -14,7 +14,7 @@ import { messages } from '@atlaskit/media-ui';
 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';
-import ErrorIcon from '@atlaskit/icon/utility/migration/error';
+import ErrorIcon from '@atlaskit/icon/core/migration/error';
 var COLOR_SHADE = '#b6c2cf';
 var headingStyle = css({
   font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
@@ -109,7 +109,8 @@ export var PDFPasswordInput = function PDFPasswordInput(_ref) {
       }, jsx(ErrorIcon, {
         color: "currentColor",
         LEGACY_size: "small",
-        label: ""
+        label: "",
+        size: "small"
       }), jsx("p", {
         css: errorMessageStyle
       }, jsx(FormattedMessage, messages.incorrect_password))));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "52.2.2",
+	"version": "52.2.4",
 	"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/"
@@ -36,7 +36,7 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.0.0",
+		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/code": "^17.2.0",
 		"@atlaskit/css": "^0.10.0",
@@ -44,12 +44,12 @@
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^26.4.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^4.17.0",
-		"@atlaskit/media-client": "^33.3.0",
+		"@atlaskit/icon-lab": "^4.19.0",
+		"@atlaskit/media-client": "^33.4.0",
 		"@atlaskit/media-client-react": "^4.1.0",
-		"@atlaskit/media-common": "^12.1.0",
+		"@atlaskit/media-common": "^12.2.0",
 		"@atlaskit/media-svg": "^2.1.0",
-		"@atlaskit/media-ui": "^28.2.0",
+		"@atlaskit/media-ui": "^28.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/portal": "^5.1.0",
 		"@atlaskit/primitives": "^14.8.0",
@@ -57,8 +57,8 @@
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.9.0",
-		"@atlaskit/tooltip": "^20.2.0",
+		"@atlaskit/tokens": "^5.2.0",
+		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@codemirror/language": "6.10.8",
@@ -91,13 +91,13 @@
 		"@atlaskit/media-core": "^36.1.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-state": "^1.6.0",
-		"@atlaskit/media-test-data": "^3.0.0",
-		"@atlaskit/media-test-helpers": "^36.0.0",
+		"@atlaskit/media-test-data": "^3.1.0",
+		"@atlaskit/media-test-helpers": "^36.1.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/toggle": "^15.0.0",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
-		"@atlassian/ufo": "^0.6.0",
+		"@atlassian/ufo": "^0.7.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",