@atlaskit/user-picker 8.3.2 → 8.4.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/user-picker
 
+## 8.4.0
+
+### Minor Changes
+
+- [`29dd0cee8cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29dd0cee8cf) - [ux] Add support for Jira and Confluence user sources
+
+## 8.3.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 8.3.4
+
+### Patch Changes
+
+- [`7f48efc8487`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f48efc8487) - Use baseUrl prop in default user value hydration query
+
+## 8.3.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.3.2
 
 ### Patch Changes

package/dist/cjs/components/ExternalUserOption/main.js

@@ -25,22 +25,28 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _colors = require("@atlaskit/theme/colors");
-
-var _tokens = require("@atlaskit/tokens");
-
 var _react = _interopRequireDefault(require("react"));
 
-var _AvatarItemOption = require("../AvatarItemOption");
-
-var _SizeableAvatar = require("../SizeableAvatar");
+var _reactIntlNext = require("react-intl-next");
 
 var _panel = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/panel"));
 
+var _confluenceIcon = require("@atlaskit/logo/confluence-icon");
+
+var _jiraIcon = require("@atlaskit/logo/jira-icon");
+
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 
+var _colors = require("@atlaskit/theme/colors");
+
+var _tokens = require("@atlaskit/tokens");
+
+var _AvatarItemOption = require("../AvatarItemOption");
+
+var _SizeableAvatar = require("../SizeableAvatar");
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _slack = require("../assets/slack");
@@ -51,8 +57,6 @@ var _microsoft = require("../assets/microsoft");
 
 var _github = require("../assets/github");
 
-var _reactIntlNext = require("react-intl-next");
-
 var _i18n = require("../i18n");
 
 var _ExternalUserSourcesContainer = require("../ExternalUserSourcesContainer");
@@ -63,11 +67,11 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var ImageContainer = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 12px;\n  width: 12px;\n  padding-right: 4px;\n"])));
+var ImageContainer = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 16px;\n  width: 16px;\n  padding-right: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
 
 exports.ImageContainer = ImageContainer;
 
-var SourcesTooltipContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding-bottom: 4px;\n"])));
+var SourcesTooltipContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding-bottom: 4px;\n  padding-right: 4px;\n"])));
 
 exports.SourcesTooltipContainer = SourcesTooltipContainer;
 
@@ -94,6 +98,18 @@ var SourcesInfoMap = new Map([['slack', {
   key: 'github',
   icon: /*#__PURE__*/_react.default.createElement(_github.GitHubIcon, null),
   label: _i18n.messages.gitHubProvider
+}], ['jira', {
+  key: 'jira',
+  icon: /*#__PURE__*/_react.default.createElement(_jiraIcon.JiraIcon, {
+    size: 'xsmall'
+  }),
+  label: _i18n.messages.jiraSource
+}], ['confluence', {
+  key: 'confluence',
+  icon: /*#__PURE__*/_react.default.createElement(_confluenceIcon.ConfluenceIcon, {
+    size: 'xsmall'
+  }),
+  label: _i18n.messages.confluenceSource
 }]]);
 
 var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {

package/dist/cjs/components/i18n.js

@@ -98,6 +98,16 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'GitHub',
     description: 'This external user is sourced from GitHub provider'
   },
+  jiraSource: {
+    id: 'fabric.elements.user-picker.source.jira',
+    defaultMessage: 'Jira',
+    description: 'This external user is sourced from Jira'
+  },
+  confluenceSource: {
+    id: 'fabric.elements.user-picker.source.confluence',
+    defaultMessage: 'Confluence',
+    description: 'This external user is sourced from Confluence'
+  },
   memberLozengeText: {
     id: 'fabric.elements.user-picker.member.lozenge.text',
     defaultMessage: 'MEMBER',

package/dist/cjs/components/smart-user-picker/components/index.js

@@ -114,7 +114,7 @@ function isOptionData(option) {
  */
 
 
-function hydrateDefaultValues(_x, _x2) {
+function hydrateDefaultValues(_x, _x2, _x3) {
   return _hydrateDefaultValues.apply(this, arguments);
 }
 /**
@@ -123,7 +123,7 @@ function hydrateDefaultValues(_x, _x2) {
 
 
 function _hydrateDefaultValues() {
-  _hydrateDefaultValues = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(value, productKey) {
+  _hydrateDefaultValues = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(value, productKey, baseUrl) {
     var accountIds, results;
     return _regenerator.default.wrap(function _callee3$(_context3) {
       while (1) {
@@ -183,7 +183,8 @@ function _hydrateDefaultValues() {
             _context3.next = 16;
             return (0, _UsersClient.default)({
               productKey: productKey,
-              accountIds: accountIds
+              accountIds: accountIds,
+              baseUrl: baseUrl
             });
 
           case 16:
@@ -495,7 +496,7 @@ var SmartUserPicker = /*#__PURE__*/function (_React$Component) {
               case 0:
                 _context2.prev = 0;
                 _context2.next = 3;
-                return hydrateDefaultValues(this.props.defaultValue, this.props.productKey);
+                return hydrateDefaultValues(this.props.defaultValue, this.props.productKey, this.props.baseUrl);
 
               case 3:
                 value = _context2.sent;

package/dist/cjs/components/smart-user-picker/config/index.js

@@ -19,7 +19,8 @@ var PRD_CONFIG = {
     return baseUrl ? "".concat(baseUrl, "/gateway/api/v1/recommendations") : '/gateway/api/v1/recommendations';
   },
   getUsersServiceUrl: function getUsersServiceUrl(productKey) {
-    return productKey === 'jira' ? "/rest/api/3/user/bulk" : "/wiki/rest/api/user/bulk";
+    var baseUrl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    return productKey === 'jira' ? "".concat(baseUrl, "/rest/api/3/user/bulk") : "".concat(baseUrl, "/wiki/rest/api/user/bulk");
   }
 };
 /**

package/dist/cjs/components/smart-user-picker/service/UsersClient.js

@@ -10,7 +10,7 @@ var _config = require("../config");
 var _types = require("../../../types");
 
 var getUsersById = function getUsersById(request) {
-  var url = "".concat((0, _config.getConfig)().getUsersServiceUrl(request.productKey));
+  var url = "".concat((0, _config.getConfig)().getUsersServiceUrl(request.productKey, request.baseUrl));
   var params = new URLSearchParams();
   request.accountIds.map(function (id) {
     return params.append('accountId', id);

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "8.3.2",
+	"version": "8.4.0",
 	"sideEffects": false
 }

package/dist/es2019/components/ExternalUserOption/main.js

@@ -1,27 +1,33 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { B400, N200, N800 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 import React from 'react';
-import { AvatarItemOption, TextWrapper } from '../AvatarItemOption';
-import { SizeableAvatar } from '../SizeableAvatar';
+import { FormattedMessage } from 'react-intl-next';
 import EditorPanelIcon from '@atlaskit/icon/glyph/editor/panel';
+import { ConfluenceIcon } from '@atlaskit/logo/confluence-icon';
+import { JiraIcon } from '@atlaskit/logo/jira-icon';
 import Tooltip from '@atlaskit/tooltip';
 import Spinner from '@atlaskit/spinner';
+import { B400, N200, N800 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
+import { AvatarItemOption, TextWrapper } from '../AvatarItemOption';
+import { SizeableAvatar } from '../SizeableAvatar';
 import styled from 'styled-components';
 import { SlackIcon } from '../assets/slack';
 import { GoogleIcon } from '../assets/google';
 import { MicrosoftIcon } from '../assets/microsoft';
 import { GitHubIcon } from '../assets/github';
-import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../i18n';
 import { ExternalUserSourcesContainer } from '../ExternalUserSourcesContainer';
 export const ImageContainer = styled.span`
-  height: 12px;
-  width: 12px;
+  height: 16px;
+  width: 16px;
   padding-right: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 `;
 export const SourcesTooltipContainer = styled.div`
   padding-bottom: 4px;
+  padding-right: 4px;
 `;
 export const SourceWrapper = styled.div`
   padding-top: 4px;
@@ -47,6 +53,18 @@ const SourcesInfoMap = new Map([['slack', {
   key: 'github',
   icon: /*#__PURE__*/React.createElement(GitHubIcon, null),
   label: messages.gitHubProvider
+}], ['jira', {
+  key: 'jira',
+  icon: /*#__PURE__*/React.createElement(JiraIcon, {
+    size: 'xsmall'
+  }),
+  label: messages.jiraSource
+}], ['confluence', {
+  key: 'confluence',
+  icon: /*#__PURE__*/React.createElement(ConfluenceIcon, {
+    size: 'xsmall'
+  }),
+  label: messages.confluenceSource
 }]]);
 export class ExternalUserOption extends React.PureComponent {
   constructor(...args) {

package/dist/es2019/components/i18n.js

@@ -90,6 +90,16 @@ export const messages = defineMessages({
     defaultMessage: 'GitHub',
     description: 'This external user is sourced from GitHub provider'
   },
+  jiraSource: {
+    id: 'fabric.elements.user-picker.source.jira',
+    defaultMessage: 'Jira',
+    description: 'This external user is sourced from Jira'
+  },
+  confluenceSource: {
+    id: 'fabric.elements.user-picker.source.confluence',
+    defaultMessage: 'Confluence',
+    description: 'This external user is sourced from Confluence'
+  },
   memberLozengeText: {
     id: 'fabric.elements.user-picker.member.lozenge.text',
     defaultMessage: 'MEMBER',

package/dist/es2019/components/smart-user-picker/components/index.js

@@ -60,7 +60,7 @@ function isOptionData(option) {
  */
 
 
-export async function hydrateDefaultValues(value, productKey) {
+export async function hydrateDefaultValues(value, productKey, baseUrl) {
   //return if no value
   if (!value) {
     return [];
@@ -96,7 +96,8 @@ export async function hydrateDefaultValues(value, productKey) {
 
   const results = await getUsersById({
     productKey,
-    accountIds
+    accountIds,
+    baseUrl
   });
   return sortResults(results, accountIds);
 }
@@ -319,7 +320,7 @@ class SmartUserPicker extends React.Component {
 
   async componentDidMount() {
     try {
-      const value = await hydrateDefaultValues(this.props.defaultValue, this.props.productKey);
+      const value = await hydrateDefaultValues(this.props.defaultValue, this.props.productKey, this.props.baseUrl);
       this.setState({
         defaultValue: value
       });

package/dist/es2019/components/smart-user-picker/config/index.js

@@ -15,8 +15,8 @@ const PRD_CONFIG = {
     return baseUrl ? `${baseUrl}/gateway/api/v1/recommendations` : '/gateway/api/v1/recommendations';
   },
 
-  getUsersServiceUrl(productKey) {
-    return productKey === 'jira' ? `/rest/api/3/user/bulk` : `/wiki/rest/api/user/bulk`;
+  getUsersServiceUrl(productKey, baseUrl = '') {
+    return productKey === 'jira' ? `${baseUrl}/rest/api/3/user/bulk` : `${baseUrl}/wiki/rest/api/user/bulk`;
   }
 
 };

package/dist/es2019/components/smart-user-picker/service/UsersClient.js

@@ -5,7 +5,7 @@ import { UserType } from '../../../types';
  */
 
 const getUsersById = request => {
-  const url = `${getConfig().getUsersServiceUrl(request.productKey)}`;
+  const url = `${getConfig().getUsersServiceUrl(request.productKey, request.baseUrl)}`;
   let params = new URLSearchParams();
   request.accountIds.map(id => params.append('accountId', id));
   params.append('maxResults', '2000');

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "8.3.2",
+	"version": "8.4.0",
 	"sideEffects": false
 }

package/dist/esm/components/ExternalUserOption/main.js

@@ -14,24 +14,26 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import { B400, N200, N800 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 import React from 'react';
-import { AvatarItemOption, TextWrapper } from '../AvatarItemOption';
-import { SizeableAvatar } from '../SizeableAvatar';
+import { FormattedMessage } from 'react-intl-next';
 import EditorPanelIcon from '@atlaskit/icon/glyph/editor/panel';
+import { ConfluenceIcon } from '@atlaskit/logo/confluence-icon';
+import { JiraIcon } from '@atlaskit/logo/jira-icon';
 import Tooltip from '@atlaskit/tooltip';
 import Spinner from '@atlaskit/spinner';
+import { B400, N200, N800 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
+import { AvatarItemOption, TextWrapper } from '../AvatarItemOption';
+import { SizeableAvatar } from '../SizeableAvatar';
 import styled from 'styled-components';
 import { SlackIcon } from '../assets/slack';
 import { GoogleIcon } from '../assets/google';
 import { MicrosoftIcon } from '../assets/microsoft';
 import { GitHubIcon } from '../assets/github';
-import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../i18n';
 import { ExternalUserSourcesContainer } from '../ExternalUserSourcesContainer';
-export var ImageContainer = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 12px;\n  width: 12px;\n  padding-right: 4px;\n"])));
-export var SourcesTooltipContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-bottom: 4px;\n"])));
+export var ImageContainer = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 16px;\n  width: 16px;\n  padding-right: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+export var SourcesTooltipContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-bottom: 4px;\n  padding-right: 4px;\n"])));
 export var SourceWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding-top: 4px;\n  display: flex;\n  align-items: center;\n"])));
 export var EmailDomainWrapper = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-weight: bold;\n"])));
 var SourcesInfoMap = new Map([['slack', {
@@ -50,6 +52,18 @@ var SourcesInfoMap = new Map([['slack', {
   key: 'github',
   icon: /*#__PURE__*/React.createElement(GitHubIcon, null),
   label: messages.gitHubProvider
+}], ['jira', {
+  key: 'jira',
+  icon: /*#__PURE__*/React.createElement(JiraIcon, {
+    size: 'xsmall'
+  }),
+  label: messages.jiraSource
+}], ['confluence', {
+  key: 'confluence',
+  icon: /*#__PURE__*/React.createElement(ConfluenceIcon, {
+    size: 'xsmall'
+  }),
+  label: messages.confluenceSource
 }]]);
 export var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(ExternalUserOption, _React$PureComponent);

package/dist/esm/components/i18n.js

@@ -90,6 +90,16 @@ export var messages = defineMessages({
     defaultMessage: 'GitHub',
     description: 'This external user is sourced from GitHub provider'
   },
+  jiraSource: {
+    id: 'fabric.elements.user-picker.source.jira',
+    defaultMessage: 'Jira',
+    description: 'This external user is sourced from Jira'
+  },
+  confluenceSource: {
+    id: 'fabric.elements.user-picker.source.confluence',
+    defaultMessage: 'Confluence',
+    description: 'This external user is sourced from Confluence'
+  },
   memberLozengeText: {
     id: 'fabric.elements.user-picker.member.lozenge.text',
     defaultMessage: 'MEMBER',

package/dist/esm/components/smart-user-picker/components/index.js

@@ -84,7 +84,7 @@ function isOptionData(option) {
  */
 
 
-export function hydrateDefaultValues(_x, _x2) {
+export function hydrateDefaultValues(_x, _x2, _x3) {
   return _hydrateDefaultValues.apply(this, arguments);
 }
 /**
@@ -92,7 +92,7 @@ export function hydrateDefaultValues(_x, _x2) {
  */
 
 function _hydrateDefaultValues() {
-  _hydrateDefaultValues = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(value, productKey) {
+  _hydrateDefaultValues = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(value, productKey, baseUrl) {
     var accountIds, results;
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) {
@@ -152,7 +152,8 @@ function _hydrateDefaultValues() {
             _context3.next = 16;
             return getUsersById({
               productKey: productKey,
-              accountIds: accountIds
+              accountIds: accountIds,
+              baseUrl: baseUrl
             });
 
           case 16:
@@ -474,7 +475,7 @@ var SmartUserPicker = /*#__PURE__*/function (_React$Component) {
               case 0:
                 _context2.prev = 0;
                 _context2.next = 3;
-                return hydrateDefaultValues(this.props.defaultValue, this.props.productKey);
+                return hydrateDefaultValues(this.props.defaultValue, this.props.productKey, this.props.baseUrl);
 
               case 3:
                 value = _context2.sent;

package/dist/esm/components/smart-user-picker/config/index.js

@@ -13,7 +13,8 @@ var PRD_CONFIG = {
     return baseUrl ? "".concat(baseUrl, "/gateway/api/v1/recommendations") : '/gateway/api/v1/recommendations';
   },
   getUsersServiceUrl: function getUsersServiceUrl(productKey) {
-    return productKey === 'jira' ? "/rest/api/3/user/bulk" : "/wiki/rest/api/user/bulk";
+    var baseUrl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    return productKey === 'jira' ? "".concat(baseUrl, "/rest/api/3/user/bulk") : "".concat(baseUrl, "/wiki/rest/api/user/bulk");
   }
 };
 /**

package/dist/esm/components/smart-user-picker/service/UsersClient.js

@@ -5,7 +5,7 @@ import { UserType } from '../../../types';
  */
 
 var getUsersById = function getUsersById(request) {
-  var url = "".concat(getConfig().getUsersServiceUrl(request.productKey));
+  var url = "".concat(getConfig().getUsersServiceUrl(request.productKey, request.baseUrl));
   var params = new URLSearchParams();
   request.accountIds.map(function (id) {
     return params.append('accountId', id);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "8.3.2",
+	"version": "8.4.0",
 	"sideEffects": false
 }

package/dist/types/components/i18n.d.ts

@@ -89,6 +89,16 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    jiraSource: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    confluenceSource: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     memberLozengeText: {
         id: string;
         defaultMessage: string;

package/dist/types/components/smart-user-picker/components/index.d.ts

@@ -180,7 +180,7 @@ export interface RecommendationRequest {
 /**
  * @deprecated Please use @atlassian/smart-user-picker
  */
-export declare function hydrateDefaultValues(value: DefaultValue, productKey: SupportedProduct): Promise<User[]>;
+export declare function hydrateDefaultValues(value: DefaultValue, productKey: SupportedProduct, baseUrl?: string): Promise<User[]>;
 /**
  * @deprecated
  */

package/dist/types/components/smart-user-picker/config/index.d.ts

@@ -1,6 +1,6 @@
 interface Config {
     getRecommendationServiceUrl(baseUrl: string): string;
-    getUsersServiceUrl(productKey: string): string;
+    getUsersServiceUrl(productKey: string, baseUrl?: string): string;
 }
 /**
  * @deprecated Please use @atlassian/smart-user-picker

package/dist/types/components/smart-user-picker/service/UsersClient.d.ts

@@ -5,6 +5,7 @@ import { User } from '../../../types';
 export interface UsersRequest {
     accountIds: string[];
     productKey: 'jira' | 'confluence';
+    baseUrl?: string;
 }
 declare const getUsersById: (request: UsersRequest) => Promise<User[]>;
 /**

package/dist/types/types.d.ts

@@ -208,7 +208,7 @@ export interface OptionData {
     lozenge?: string | LozengeProps;
 }
 export declare const UserType = "user";
-export declare type UserSource = 'google' | 'slack' | 'microsoft' | 'github';
+export declare type UserSource = 'google' | 'slack' | 'microsoft' | 'github' | 'jira' | 'confluence';
 export interface ExternalUser extends User {
     requiresSourceHydration?: boolean;
     sources: UserSource[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "8.3.2",
+  "version": "8.4.0",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,12 +29,13 @@
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/avatar": "^20.5.0",
     "@atlaskit/icon": "^21.10.0",
+    "@atlaskit/logo": "^13.5.4",
     "@atlaskit/lozenge": "^11.0.0",
     "@atlaskit/popper": "^5.0.0",
     "@atlaskit/select": "^15.2.0",
     "@atlaskit/spinner": "^15.1.4",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.4.0",
+    "@atlaskit/tokens": "^0.6.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@babel/runtime": "^7.0.0",
     "lodash": "^4.17.21",
@@ -57,7 +58,7 @@
     "@atlaskit/range": "^5.0.11",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/textfield": "^5.0.0",
-    "@atlaskit/util-data-test": "^17.1.0",
+    "@atlaskit/util-data-test": "^17.2.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/dom": "^7.7.3",
     "@testing-library/jest-dom": "^4.1.0",
@@ -76,10 +77,5 @@
     "fabric",
     "ui"
   ],
-  "techstack": {
-    "@repo/internal": {
-      "theming": "tokens"
-    }
-  },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }