@atlaskit/media-picker 66.0.4 → 66.1.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-picker
 
+## 66.1.1
+
+### Patch Changes
+
+- [`c5a5b4ec141`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c5a5b4ec141) - Reverted back the changes done as part of UTEST-643
+
+## 66.1.0
+
+### Minor Changes
+
+- [`8c7beee89c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8c7beee89c0) - Multiple simultaneous uploads above 255 files are batched due to backend restrictions
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 66.0.4
 
 ### Patch Changes

package/compass.yml

@@ -0,0 +1,49 @@
+name: Media Picker
+id: 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/201cd71f-c6e6-4396-9547-c304e5954a14'
+description: Library for handling file uploads
+configVersion: 1
+typeId: UI_ELEMENT
+ownerId: 'ari:cloud:teams::team/ef910622-ce0a-44a0-b441-ba89efe7891b'
+fields:
+  lifecycle: Active
+  tier: 4
+labels:
+  - atlassian-platform
+customFields:
+  - name: Dev Owner
+    type: user
+    value: null
+  - name: Product
+    type: text
+    value: null
+  - name: Test
+    type: text
+    value: null
+links:
+  - name: ''
+    type: REPOSITORY
+    url: 'https://bitbucket.org/atlassian/atlassian-frontend/src/master/packages/media/media-picker/'
+  - name: ''
+    type: DOCUMENT
+    url: 'https://atlaskit.atlassian.com/packages/media/media-picker'
+  - name: '' # Tome Capability
+    type: OTHER_LINK
+    url: 'https://tome.prod.atl-paas.net/capability/9202e800-ec6b-4183-b1df-468aa6f5fb0e'
+  - name: Media By Product
+    type: DASHBOARD
+    url: 'https://atlassian.signalfx.com/#/dashboard/E-vk3wqAwAA?groupId=E-vkzo1AwAA&configId=E-vk5fsAwAA&startTime=-7d&endTime=Now'
+  - name: ''
+    type: CHAT_CHANNEL
+    url: 'https://atlassian.slack.com/archives/C020CGJDJ3A'
+  - name: ''
+    type: ON_CALL
+    url: 'https://atlassian.app.opsgenie.com/settings/schedule/detail/b62291ff-4029-4f26-b7fc-d75d46d7aebc'
+  - name: ''
+    type: PROJECT
+    url: 'https://product-fabric.atlassian.net/jira/software/c/projects/MEX/boards/713'
+relationships:
+  DEPENDS_ON:
+    - 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/652381b6-c323-4b50-bf31-c94941a0b6ef'
+
+# Learn more about formatting compass.yml:
+# https://go.atlassian.com/compass-yml-format

package/dist/cjs/service/uploadServiceImpl.js

@@ -18,9 +18,15 @@ var _getPreviewFromImage = require("../util/getPreviewFromImage");
 var _types = require("../service/types");
 var _getPreviewFromBlob = require("../util/getPreviewFromBlob");
 var _mediaCommon = require("@atlaskit/media-common");
+var generateTraceContext = function generateTraceContext() {
+  return {
+    traceId: (0, _mediaCommon.getRandomHex)(8)
+  };
+};
 var UploadServiceImpl = /*#__PURE__*/function () {
   function UploadServiceImpl(tenantMediaClient, tenantUploadParams, shouldCopyFileToRecents) {
     var _this = this;
+    var maxUploadBatchSize = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 255;
     (0, _classCallCheck2.default)(this, UploadServiceImpl);
     (0, _defineProperty2.default)(this, "emit", function (event, payload) {
       _this.emitter.emit(event, payload);
@@ -72,6 +78,7 @@ var UploadServiceImpl = /*#__PURE__*/function () {
     this.tenantMediaClient = tenantMediaClient;
     this.tenantUploadParams = tenantUploadParams;
     this.shouldCopyFileToRecents = shouldCopyFileToRecents;
+    this.maxUploadBatchSize = maxUploadBatchSize;
     this.emitter = new _eventemitter.EventEmitter2();
     this.cancellableFilesUploads = {};
   }
@@ -90,12 +97,17 @@ var UploadServiceImpl = /*#__PURE__*/function () {
   }, {
     key: "addFiles",
     value: function addFiles(files) {
-      this.addFilesWithSource(files.map(function (file) {
-        return {
-          file: file,
-          source: _types.LocalFileSource.LocalUpload
-        };
-      }));
+      var maxUploadBatchSize = this.maxUploadBatchSize;
+      var traceContext = generateTraceContext();
+      for (var iterator = 0; iterator < files.length; iterator += maxUploadBatchSize) {
+        var filesArray = files.slice(iterator, iterator + maxUploadBatchSize).map(function (file) {
+          return {
+            file: file,
+            source: _types.LocalFileSource.LocalUpload
+          };
+        });
+        this.addFilesWithSource(filesArray, traceContext);
+      }
     }
   }, {
     key: "addFile",
@@ -111,27 +123,48 @@ var UploadServiceImpl = /*#__PURE__*/function () {
     value: function () {
       var _addFilesWithSource = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(files) {
         var _this2 = this;
-        var creationDate, userMediaClient, tenantMediaClient, shouldCopyFileToRecents, mediaClient, _this$tenantUploadPar, collectionTentant, expireAfter, collection, touchFileDescriptors, i, _files$i, replaceFileId, file, traceContext, touchedFiles, caughtError, cancellableFileUploads, filteredCancellableFileUploads, mediaFiles;
+        var traceContext,
+          creationDate,
+          userMediaClient,
+          tenantMediaClient,
+          shouldCopyFileToRecents,
+          mediaClient,
+          _this$tenantUploadPar,
+          collectionTentant,
+          expireAfter,
+          collection,
+          touchFileDescriptors,
+          i,
+          _files$i,
+          replaceFileId,
+          file,
+          touchedFiles,
+          caughtError,
+          cancellableFileUploads,
+          filteredCancellableFileUploads,
+          mediaFiles,
+          _args2 = arguments;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
+              traceContext = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : generateTraceContext();
               if (!(files.length === 0)) {
-                _context2.next = 2;
+                _context2.next = 3;
                 break;
               }
               return _context2.abrupt("return");
-            case 2:
+            case 3:
               creationDate = Date.now();
               userMediaClient = this.userMediaClient, tenantMediaClient = this.tenantMediaClient, shouldCopyFileToRecents = this.shouldCopyFileToRecents;
               mediaClient = shouldCopyFileToRecents ? tenantMediaClient : userMediaClient;
               _this$tenantUploadPar = this.tenantUploadParams, collectionTentant = _this$tenantUploadPar.collection, expireAfter = _this$tenantUploadPar.expireAfter;
               collection = shouldCopyFileToRecents ? collectionTentant : _constants.RECENTS_COLLECTION;
               if (mediaClient) {
-                _context2.next = 9;
+                _context2.next = 10;
                 break;
               }
               return _context2.abrupt("return");
-            case 9:
+            case 10:
               touchFileDescriptors = [];
               for (i = 0; i < files.length; i++) {
                 _files$i = files[i], replaceFileId = _files$i.replaceFileId, file = _files$i.file;
@@ -143,9 +176,6 @@ var UploadServiceImpl = /*#__PURE__*/function () {
                   expireAfter: expireAfter
                 });
               }
-              traceContext = {
-                traceId: (0, _mediaCommon.getRandomHex)(8)
-              };
               _context2.prev = 12;
               _context2.next = 15;
               return mediaClient.file.touchFiles(touchFileDescriptors, collection, traceContext);

package/dist/cjs/util/analytics.js

@@ -9,7 +9,7 @@ var _mediaClient = require("@atlaskit/media-client");
 // Component name will be prefixed with "media-picker-" in logs. Check ufoExperiences in utils files
 
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "66.0.4";
+var packageVersion = "66.1.1";
 function getPackageAttributes(componentName) {
   return {
     packageName: packageName,

package/dist/cjs/util/ufoExperiences.js

@@ -12,7 +12,7 @@ var _mediaClient = require("@atlaskit/media-client");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "66.0.4";
+var packageVersion = "66.1.1";
 var ufoExperience;
 var initExperience = function initExperience(id, componentName) {
   if (!ufoExperience) {

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-picker",
-	"version": "66.0.4"
+	"version": "66.1.1"
 }

package/dist/es2019/service/uploadServiceImpl.js

@@ -7,8 +7,12 @@ import { getPreviewFromImage } from '../util/getPreviewFromImage';
 import { LocalFileSource } from '../service/types';
 import { getPreviewFromBlob } from '../util/getPreviewFromBlob';
 import { getRandomHex } from '@atlaskit/media-common';
+const generateTraceContext = () => ({
+  traceId: getRandomHex(8)
+});
 export class UploadServiceImpl {
-  constructor(tenantMediaClient, tenantUploadParams, shouldCopyFileToRecents) {
+  constructor(tenantMediaClient, tenantUploadParams, shouldCopyFileToRecents, maxUploadBatchSize = 255 // Max supported batch is 255. We parametrise it for testing purposes
+  ) {
     _defineProperty(this, "emit", (event, payload) => {
       this.emitter.emit(event, payload);
     });
@@ -47,6 +51,7 @@ export class UploadServiceImpl {
     this.tenantMediaClient = tenantMediaClient;
     this.tenantUploadParams = tenantUploadParams;
     this.shouldCopyFileToRecents = shouldCopyFileToRecents;
+    this.maxUploadBatchSize = maxUploadBatchSize;
     this.emitter = new EventEmitter2();
     this.cancellableFilesUploads = {};
   }
@@ -59,10 +64,17 @@ export class UploadServiceImpl {
     return new UploadController();
   }
   addFiles(files) {
-    this.addFilesWithSource(files.map(file => ({
-      file,
-      source: LocalFileSource.LocalUpload
-    })));
+    const {
+      maxUploadBatchSize
+    } = this;
+    const traceContext = generateTraceContext();
+    for (let iterator = 0; iterator < files.length; iterator += maxUploadBatchSize) {
+      const filesArray = files.slice(iterator, iterator + maxUploadBatchSize).map(file => ({
+        file,
+        source: LocalFileSource.LocalUpload
+      }));
+      this.addFilesWithSource(filesArray, traceContext);
+    }
   }
   addFile(file, replaceFileId) {
     this.addFilesWithSource([{
@@ -71,7 +83,7 @@ export class UploadServiceImpl {
       replaceFileId
     }]);
   }
-  async addFilesWithSource(files) {
+  async addFilesWithSource(files, traceContext = generateTraceContext()) {
     if (files.length === 0) {
       return;
     }
@@ -104,9 +116,6 @@ export class UploadServiceImpl {
         expireAfter
       });
     }
-    const traceContext = {
-      traceId: getRandomHex(8)
-    };
     let touchedFiles;
     let caughtError;
     try {

package/dist/es2019/util/analytics.js

@@ -3,7 +3,7 @@ import { isRequestError } from '@atlaskit/media-client';
 // Component name will be prefixed with "media-picker-" in logs. Check ufoExperiences in utils files
 
 const packageName = "@atlaskit/media-picker";
-const packageVersion = "66.0.4";
+const packageVersion = "66.1.1";
 export function getPackageAttributes(componentName) {
   return {
     packageName,

package/dist/es2019/util/ufoExperiences.js

@@ -2,7 +2,7 @@ import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } fro
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-picker";
-const packageVersion = "66.0.4";
+const packageVersion = "66.1.1";
 let ufoExperience;
 const initExperience = (id, componentName) => {
   if (!ufoExperience) {

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-picker",
-	"version": "66.0.4"
+	"version": "66.1.1"
 }

package/dist/esm/service/uploadServiceImpl.js

@@ -11,9 +11,15 @@ import { getPreviewFromImage } from '../util/getPreviewFromImage';
 import { LocalFileSource } from '../service/types';
 import { getPreviewFromBlob } from '../util/getPreviewFromBlob';
 import { getRandomHex } from '@atlaskit/media-common';
+var generateTraceContext = function generateTraceContext() {
+  return {
+    traceId: getRandomHex(8)
+  };
+};
 export var UploadServiceImpl = /*#__PURE__*/function () {
   function UploadServiceImpl(tenantMediaClient, tenantUploadParams, shouldCopyFileToRecents) {
     var _this = this;
+    var maxUploadBatchSize = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 255;
     _classCallCheck(this, UploadServiceImpl);
     _defineProperty(this, "emit", function (event, payload) {
       _this.emitter.emit(event, payload);
@@ -65,6 +71,7 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
     this.tenantMediaClient = tenantMediaClient;
     this.tenantUploadParams = tenantUploadParams;
     this.shouldCopyFileToRecents = shouldCopyFileToRecents;
+    this.maxUploadBatchSize = maxUploadBatchSize;
     this.emitter = new EventEmitter2();
     this.cancellableFilesUploads = {};
   }
@@ -83,12 +90,17 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
   }, {
     key: "addFiles",
     value: function addFiles(files) {
-      this.addFilesWithSource(files.map(function (file) {
-        return {
-          file: file,
-          source: LocalFileSource.LocalUpload
-        };
-      }));
+      var maxUploadBatchSize = this.maxUploadBatchSize;
+      var traceContext = generateTraceContext();
+      for (var iterator = 0; iterator < files.length; iterator += maxUploadBatchSize) {
+        var filesArray = files.slice(iterator, iterator + maxUploadBatchSize).map(function (file) {
+          return {
+            file: file,
+            source: LocalFileSource.LocalUpload
+          };
+        });
+        this.addFilesWithSource(filesArray, traceContext);
+      }
     }
   }, {
     key: "addFile",
@@ -104,27 +116,48 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
     value: function () {
       var _addFilesWithSource = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(files) {
         var _this2 = this;
-        var creationDate, userMediaClient, tenantMediaClient, shouldCopyFileToRecents, mediaClient, _this$tenantUploadPar, collectionTentant, expireAfter, collection, touchFileDescriptors, i, _files$i, replaceFileId, file, traceContext, touchedFiles, caughtError, cancellableFileUploads, filteredCancellableFileUploads, mediaFiles;
+        var traceContext,
+          creationDate,
+          userMediaClient,
+          tenantMediaClient,
+          shouldCopyFileToRecents,
+          mediaClient,
+          _this$tenantUploadPar,
+          collectionTentant,
+          expireAfter,
+          collection,
+          touchFileDescriptors,
+          i,
+          _files$i,
+          replaceFileId,
+          file,
+          touchedFiles,
+          caughtError,
+          cancellableFileUploads,
+          filteredCancellableFileUploads,
+          mediaFiles,
+          _args2 = arguments;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
+              traceContext = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : generateTraceContext();
               if (!(files.length === 0)) {
-                _context2.next = 2;
+                _context2.next = 3;
                 break;
               }
               return _context2.abrupt("return");
-            case 2:
+            case 3:
               creationDate = Date.now();
               userMediaClient = this.userMediaClient, tenantMediaClient = this.tenantMediaClient, shouldCopyFileToRecents = this.shouldCopyFileToRecents;
               mediaClient = shouldCopyFileToRecents ? tenantMediaClient : userMediaClient;
               _this$tenantUploadPar = this.tenantUploadParams, collectionTentant = _this$tenantUploadPar.collection, expireAfter = _this$tenantUploadPar.expireAfter;
               collection = shouldCopyFileToRecents ? collectionTentant : RECENTS_COLLECTION;
               if (mediaClient) {
-                _context2.next = 9;
+                _context2.next = 10;
                 break;
               }
               return _context2.abrupt("return");
-            case 9:
+            case 10:
               touchFileDescriptors = [];
               for (i = 0; i < files.length; i++) {
                 _files$i = files[i], replaceFileId = _files$i.replaceFileId, file = _files$i.file;
@@ -136,9 +169,6 @@ export var UploadServiceImpl = /*#__PURE__*/function () {
                   expireAfter: expireAfter
                 });
               }
-              traceContext = {
-                traceId: getRandomHex(8)
-              };
               _context2.prev = 12;
               _context2.next = 15;
               return mediaClient.file.touchFiles(touchFileDescriptors, collection, traceContext);

package/dist/esm/util/analytics.js

@@ -3,7 +3,7 @@ import { isRequestError } from '@atlaskit/media-client';
 // Component name will be prefixed with "media-picker-" in logs. Check ufoExperiences in utils files
 
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "66.0.4";
+var packageVersion = "66.1.1";
 export function getPackageAttributes(componentName) {
   return {
     packageName: packageName,

package/dist/esm/util/ufoExperiences.js

@@ -5,7 +5,7 @@ import { ConcurrentExperience, ExperiencePerformanceTypes, ExperienceTypes } fro
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-picker";
-var packageVersion = "66.0.4";
+var packageVersion = "66.1.1";
 var ufoExperience;
 var initExperience = function initExperience(id, componentName) {
   if (!ufoExperience) {

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-picker",
-	"version": "66.0.4"
+	"version": "66.1.1"
 }

package/dist/types/service/uploadServiceImpl.d.ts

@@ -3,6 +3,7 @@ import { MediaFile, UploadParams } from '../types';
 import { UploadRejectionData } from '../types';
 import { UploadService, UploadServiceEventListener, UploadServiceEventPayloadTypes } from './types';
 import { LocalFileSource, LocalFileWithSource } from '../service/types';
+import { MediaTraceContext } from '@atlaskit/media-common';
 export interface CancellableFileUpload {
     mediaFile: MediaFile;
     file: File;
@@ -13,16 +14,17 @@ export declare class UploadServiceImpl implements UploadService {
     private readonly tenantMediaClient;
     private tenantUploadParams;
     private readonly shouldCopyFileToRecents;
+    private readonly maxUploadBatchSize;
     private readonly userMediaClient?;
     private readonly emitter;
     private cancellableFilesUploads;
     private fileRejectionHandler?;
-    constructor(tenantMediaClient: MediaClient, tenantUploadParams: UploadParams, shouldCopyFileToRecents: boolean);
+    constructor(tenantMediaClient: MediaClient, tenantUploadParams: UploadParams, shouldCopyFileToRecents: boolean, maxUploadBatchSize?: number);
     setUploadParams(uploadParams: UploadParams): void;
     private createUploadController;
     addFiles(files: File[]): void;
     addFile(file: File, replaceFileId?: string): void;
-    addFilesWithSource(files: LocalFileWithSource[]): Promise<void>;
+    addFilesWithSource(files: LocalFileWithSource[], traceContext?: MediaTraceContext): Promise<void>;
     isCancellableFileUpload(fileUpload: null | CancellableFileUpload): fileUpload is CancellableFileUpload;
     cancel(id?: string): void;
     on<E extends keyof UploadServiceEventPayloadTypes>(event: E, listener: UploadServiceEventListener<E>): void;

package/dist/types-ts4.5/service/uploadServiceImpl.d.ts

@@ -3,6 +3,7 @@ import { MediaFile, UploadParams } from '../types';
 import { UploadRejectionData } from '../types';
 import { UploadService, UploadServiceEventListener, UploadServiceEventPayloadTypes } from './types';
 import { LocalFileSource, LocalFileWithSource } from '../service/types';
+import { MediaTraceContext } from '@atlaskit/media-common';
 export interface CancellableFileUpload {
     mediaFile: MediaFile;
     file: File;
@@ -13,16 +14,17 @@ export declare class UploadServiceImpl implements UploadService {
     private readonly tenantMediaClient;
     private tenantUploadParams;
     private readonly shouldCopyFileToRecents;
+    private readonly maxUploadBatchSize;
     private readonly userMediaClient?;
     private readonly emitter;
     private cancellableFilesUploads;
     private fileRejectionHandler?;
-    constructor(tenantMediaClient: MediaClient, tenantUploadParams: UploadParams, shouldCopyFileToRecents: boolean);
+    constructor(tenantMediaClient: MediaClient, tenantUploadParams: UploadParams, shouldCopyFileToRecents: boolean, maxUploadBatchSize?: number);
     setUploadParams(uploadParams: UploadParams): void;
     private createUploadController;
     addFiles(files: File[]): void;
     addFile(file: File, replaceFileId?: string): void;
-    addFilesWithSource(files: LocalFileWithSource[]): Promise<void>;
+    addFilesWithSource(files: LocalFileWithSource[], traceContext?: MediaTraceContext): Promise<void>;
     isCancellableFileUpload(fileUpload: null | CancellableFileUpload): fileUpload is CancellableFileUpload;
     cancel(id?: string): void;
     on<E extends keyof UploadServiceEventPayloadTypes>(event: E, listener: UploadServiceEventListener<E>): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-picker",
-  "version": "66.0.4",
+  "version": "66.1.1",
   "description": "Library for handling file uploads",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -37,11 +37,11 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/flag": "^15.1.0",
     "@atlaskit/icon": "^21.11.0",
-    "@atlaskit/media-client": "^23.0.0",
+    "@atlaskit/media-client": "^23.1.0",
     "@atlaskit/media-common": "^7.0.0",
-    "@atlaskit/media-ui": "^23.0.0",
+    "@atlaskit/media-ui": "^23.1.0",
     "@atlaskit/theme": "^12.4.0",
-    "@atlaskit/tokens": "^1.5.0",
+    "@atlaskit/tokens": "^1.9.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
     "eventemitter2": "^4.1.0",
@@ -60,7 +60,7 @@
   "devDependencies": {
     "@atlaskit/analytics-listeners": "^8.7.0",
     "@atlaskit/analytics-namespaced-context": "^6.7.0",
-    "@atlaskit/button": "^16.7.0",
+    "@atlaskit/button": "^16.8.0",
     "@atlaskit/docs": "*",
     "@atlaskit/dropdown-menu": "^11.9.0",
     "@atlaskit/media-card": "^76.0.0",
@@ -69,7 +69,7 @@
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/toggle": "^12.6.0",
-    "@atlaskit/tokens": "^1.2.18",
+    "@atlaskit/tokens": "^1.9.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/ufo": "^0.2.0",
     "@babel/plugin-proposal-numeric-separator": "^7.18.6",