@atlaskit/user-picker 8.8.3 → 8.8.6

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/user-picker
 
+## 8.8.6
+
+### Patch Changes
+
+- [`c78ab0991dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c78ab0991dd) - [ux] fixed external user source tooltip heading in user-picker
+
+## 8.8.5
+
+### Patch Changes
+
+- [`ac9343c3ed4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ac9343c3ed4) - Replaces usage of deprecated design tokens. No visual or functional changes
+- [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
+- Updated dependencies
+
+## 8.8.4
+
+### Patch Changes
+
+- [`d9b9077397d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9b9077397d) - [ux] Updated the default copy for the byline when selecting email options in UserPicker.
+
 ## 8.8.3
 
 ### Patch Changes

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

@@ -67,12 +67,12 @@ var EmailOption = /*#__PURE__*/function (_React$PureComponent) {
       var id = _this.props.email.id;
       return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
         key: "name",
-        color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
+        color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
       }, id);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSecondaryText", function (label) {
       return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
-        color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
+        color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
       }, label);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderOption", function (label) {

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

@@ -50,7 +50,7 @@ var _default = function _default() {
     testId: "source-icon",
     label: "",
     size: "large",
-    primaryColor: (0, _tokens.token)('color.text.lowEmphasis', isMouseHovered ? _colors.N200 : _colors.N50)
+    primaryColor: (0, _tokens.token)('color.text.subtlest', isMouseHovered ? _colors.N200 : _colors.N50)
   }));
 };
 

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

@@ -80,7 +80,7 @@ var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
       var name = _this.props.user.name;
       return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
         key: "name",
-        color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
+        color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
       }, name);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSecondaryText", function () {
@@ -97,7 +97,7 @@ var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
 
       var emailDomainWithAt = "@".concat(emailDomain);
       return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
-        color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
+        color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
       }, emailUser, /*#__PURE__*/_react.default.createElement(EmailDomainWrapper, null, emailDomainWithAt));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {

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

@@ -74,7 +74,7 @@ var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
           highlight = _this$props$group.highlight;
       return [/*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
         key: "name",
-        color: isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
+        color: isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
       }, /*#__PURE__*/_react.default.createElement(_HighlightText.HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
@@ -88,7 +88,7 @@ var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderByline", function () {
       var isSelected = _this.props.isSelected;
       return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
-        color: isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
+        color: isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
       }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.groupByline));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLozengeProps", function () {

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

@@ -64,7 +64,7 @@ var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
           highlight = _this$props$team.highlight;
       return [/*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
         key: "name",
-        color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
+        color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
       }, /*#__PURE__*/_react.default.createElement(_HighlightText.HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
@@ -104,7 +104,7 @@ var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getBylineComponent", function (isSelected, message) {
       return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
-        color: isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
+        color: isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
       }, message);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {

package/dist/cjs/components/UserOption.js

@@ -61,7 +61,7 @@ var UserOption = /*#__PURE__*/function (_React$PureComponent) {
           highlight = _this$props$user.highlight;
       var result = [/*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
         key: "name",
-        color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
+        color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
       }, /*#__PURE__*/_react.default.createElement(_HighlightText.HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
@@ -70,7 +70,7 @@ var UserOption = /*#__PURE__*/function (_React$PureComponent) {
         result.push( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
           key: "publicName"
         }, ' ', /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
-          color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
+          color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
         }, "(", /*#__PURE__*/_react.default.createElement(_HighlightText.HighlightText, {
           highlights: highlight && highlight.publicName
         }, publicName), ")")));
@@ -80,7 +80,7 @@ var UserOption = /*#__PURE__*/function (_React$PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSecondaryText", function () {
       return _this.props.user.byline ? /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
-        color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
+        color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
       }, _this.props.user.byline) : undefined;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {

package/dist/cjs/components/i18n.js

@@ -55,7 +55,7 @@ var messages = (0, _reactIntlNext.defineMessages)({
   },
   selectToAddEmail: {
     id: 'fabric.elements.user-picker.email.select.to.add',
-    defaultMessage: 'Select then Invite',
+    defaultMessage: 'Select an email address',
     description: 'Byline for valid email option.'
   },
   continueToAddEmail: {
@@ -70,7 +70,7 @@ var messages = (0, _reactIntlNext.defineMessages)({
   },
   externalUserSourcesHeading: {
     id: 'fabric.elements.user-picker.external.sourced.from',
-    defaultMessage: 'Also found in:',
+    defaultMessage: 'Found in:',
     description: 'From where the external user is coming'
   },
   externalUserSourcesError: {

package/dist/cjs/version.json

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

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

@@ -25,13 +25,13 @@ export class EmailOption extends React.PureComponent {
       } = this.props;
       return /*#__PURE__*/React.createElement(TextWrapper, {
         key: "name",
-        color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
+        color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
       }, id);
     });
 
     _defineProperty(this, "renderSecondaryText", label => {
       return /*#__PURE__*/React.createElement(TextWrapper, {
-        color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
+        color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
       }, label);
     });
 

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

@@ -17,6 +17,6 @@ export default (() => {
     testId: "source-icon",
     label: "",
     size: "large",
-    primaryColor: token('color.text.lowEmphasis', isMouseHovered ? N200 : N50)
+    primaryColor: token('color.text.subtlest', isMouseHovered ? N200 : N50)
   }));
 });

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

@@ -33,7 +33,7 @@ export class ExternalUserOption extends React.PureComponent {
       } = this.props;
       return /*#__PURE__*/React.createElement(TextWrapper, {
         key: "name",
-        color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
+        color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
       }, name);
     });
 
@@ -49,7 +49,7 @@ export class ExternalUserOption extends React.PureComponent {
       const [emailUser, emailDomain] = email.split('@');
       const emailDomainWithAt = `@${emailDomain}`;
       return /*#__PURE__*/React.createElement(TextWrapper, {
-        color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
+        color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
       }, emailUser, /*#__PURE__*/React.createElement(EmailDomainWrapper, null, emailDomainWithAt));
     });
 

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

@@ -31,7 +31,7 @@ export class GroupOption extends React.PureComponent {
       } = this.props;
       return [/*#__PURE__*/React.createElement(TextWrapper, {
         key: "name",
-        color: isSelected ? token('color.text.brand', B400) : token('color.text', N800)
+        color: isSelected ? token('color.text.selected', B400) : token('color.text', N800)
       }, /*#__PURE__*/React.createElement(HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
@@ -47,7 +47,7 @@ export class GroupOption extends React.PureComponent {
         isSelected
       } = this.props;
       return /*#__PURE__*/React.createElement(TextWrapper, {
-        color: isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
+        color: isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
       }, /*#__PURE__*/React.createElement(FormattedMessage, messages.groupByline));
     });
 

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

@@ -21,7 +21,7 @@ export class TeamOption extends React.PureComponent {
       } = this.props;
       return [/*#__PURE__*/React.createElement(TextWrapper, {
         key: "name",
-        color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
+        color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
       }, /*#__PURE__*/React.createElement(HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
@@ -64,7 +64,7 @@ export class TeamOption extends React.PureComponent {
     });
 
     _defineProperty(this, "getBylineComponent", (isSelected, message) => /*#__PURE__*/React.createElement(TextWrapper, {
-      color: isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
+      color: isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
     }, message));
 
     _defineProperty(this, "renderAvatar", () => {

package/dist/es2019/components/UserOption.js

@@ -20,7 +20,7 @@ export class UserOption extends React.PureComponent {
       } = this.props;
       const result = [/*#__PURE__*/React.createElement(TextWrapper, {
         key: "name",
-        color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
+        color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
       }, /*#__PURE__*/React.createElement(HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
@@ -29,7 +29,7 @@ export class UserOption extends React.PureComponent {
         result.push( /*#__PURE__*/React.createElement(React.Fragment, {
           key: "publicName"
         }, ' ', /*#__PURE__*/React.createElement(TextWrapper, {
-          color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
+          color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
         }, "(", /*#__PURE__*/React.createElement(HighlightText, {
           highlights: highlight && highlight.publicName
         }, publicName), ")")));
@@ -39,7 +39,7 @@ export class UserOption extends React.PureComponent {
     });
 
     _defineProperty(this, "renderSecondaryText", () => this.props.user.byline ? /*#__PURE__*/React.createElement(TextWrapper, {
-      color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
+      color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
     }, this.props.user.byline) : undefined);
 
     _defineProperty(this, "renderAvatar", () => {

package/dist/es2019/components/i18n.js

@@ -47,7 +47,7 @@ export const messages = defineMessages({
   },
   selectToAddEmail: {
     id: 'fabric.elements.user-picker.email.select.to.add',
-    defaultMessage: 'Select then Invite',
+    defaultMessage: 'Select an email address',
     description: 'Byline for valid email option.'
   },
   continueToAddEmail: {
@@ -62,7 +62,7 @@ export const messages = defineMessages({
   },
   externalUserSourcesHeading: {
     id: 'fabric.elements.user-picker.external.sourced.from',
-    defaultMessage: 'Also found in:',
+    defaultMessage: 'Found in:',
     description: 'From where the external user is coming'
   },
   externalUserSourcesError: {

package/dist/es2019/version.json

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

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

@@ -48,13 +48,13 @@ export var EmailOption = /*#__PURE__*/function (_React$PureComponent) {
       var id = _this.props.email.id;
       return /*#__PURE__*/React.createElement(TextWrapper, {
         key: "name",
-        color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
+        color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
       }, id);
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderSecondaryText", function (label) {
       return /*#__PURE__*/React.createElement(TextWrapper, {
-        color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
+        color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
       }, label);
     });
 

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

@@ -28,6 +28,6 @@ export default (function () {
     testId: "source-icon",
     label: "",
     size: "large",
-    primaryColor: token('color.text.lowEmphasis', isMouseHovered ? N200 : N50)
+    primaryColor: token('color.text.subtlest', isMouseHovered ? N200 : N50)
   }));
 });

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

@@ -47,7 +47,7 @@ export var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
       var name = _this.props.user.name;
       return /*#__PURE__*/React.createElement(TextWrapper, {
         key: "name",
-        color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
+        color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
       }, name);
     });
 
@@ -65,7 +65,7 @@ export var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
 
       var emailDomainWithAt = "@".concat(emailDomain);
       return /*#__PURE__*/React.createElement(TextWrapper, {
-        color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
+        color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
       }, emailUser, /*#__PURE__*/React.createElement(EmailDomainWrapper, null, emailDomainWithAt));
     });
 

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

@@ -47,7 +47,7 @@ export var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
           highlight = _this$props$group.highlight;
       return [/*#__PURE__*/React.createElement(TextWrapper, {
         key: "name",
-        color: isSelected ? token('color.text.brand', B400) : token('color.text', N800)
+        color: isSelected ? token('color.text.selected', B400) : token('color.text', N800)
       }, /*#__PURE__*/React.createElement(HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
@@ -63,7 +63,7 @@ export var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "renderByline", function () {
       var isSelected = _this.props.isSelected;
       return /*#__PURE__*/React.createElement(TextWrapper, {
-        color: isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
+        color: isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
       }, /*#__PURE__*/React.createElement(FormattedMessage, messages.groupByline));
     });
 

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

@@ -41,7 +41,7 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
           highlight = _this$props$team.highlight;
       return [/*#__PURE__*/React.createElement(TextWrapper, {
         key: "name",
-        color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
+        color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
       }, /*#__PURE__*/React.createElement(HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
@@ -83,7 +83,7 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
 
     _defineProperty(_assertThisInitialized(_this), "getBylineComponent", function (isSelected, message) {
       return /*#__PURE__*/React.createElement(TextWrapper, {
-        color: isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
+        color: isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
       }, message);
     });
 

package/dist/esm/components/UserOption.js

@@ -40,7 +40,7 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
           highlight = _this$props$user.highlight;
       var result = [/*#__PURE__*/React.createElement(TextWrapper, {
         key: "name",
-        color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
+        color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
       }, /*#__PURE__*/React.createElement(HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
@@ -49,7 +49,7 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
         result.push( /*#__PURE__*/React.createElement(React.Fragment, {
           key: "publicName"
         }, ' ', /*#__PURE__*/React.createElement(TextWrapper, {
-          color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
+          color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
         }, "(", /*#__PURE__*/React.createElement(HighlightText, {
           highlights: highlight && highlight.publicName
         }, publicName), ")")));
@@ -60,7 +60,7 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
 
     _defineProperty(_assertThisInitialized(_this), "renderSecondaryText", function () {
       return _this.props.user.byline ? /*#__PURE__*/React.createElement(TextWrapper, {
-        color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
+        color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
       }, _this.props.user.byline) : undefined;
     });
 

package/dist/esm/components/i18n.js

@@ -47,7 +47,7 @@ export var messages = defineMessages({
   },
   selectToAddEmail: {
     id: 'fabric.elements.user-picker.email.select.to.add',
-    defaultMessage: 'Select then Invite',
+    defaultMessage: 'Select an email address',
     description: 'Byline for valid email option.'
   },
   continueToAddEmail: {
@@ -62,7 +62,7 @@ export var messages = defineMessages({
   },
   externalUserSourcesHeading: {
     id: 'fabric.elements.user-picker.external.sourced.from',
-    defaultMessage: 'Also found in:',
+    defaultMessage: 'Found in:',
     description: 'From where the external user is coming'
   },
   externalUserSourcesError: {

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "8.8.3",
+  "version": "8.8.6",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
     "@atlaskit/select": "^15.2.0",
     "@atlaskit/spinner": "^15.1.4",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.7.0",
+    "@atlaskit/tokens": "^0.8.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",