@atlaskit/user-picker 8.8.4 → 8.8.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/EmailOption/main.js +2 -2
  3. package/dist/cjs/components/ExternalUserOption/InfoIcon.js +1 -1
  4. package/dist/cjs/components/ExternalUserOption/main.js +2 -2
  5. package/dist/cjs/components/GroupOption/main.js +2 -2
  6. package/dist/cjs/components/TeamOption/main.js +2 -2
  7. package/dist/cjs/components/UserOption.js +3 -3
  8. package/dist/cjs/version.json +1 -1
  9. package/dist/es2019/components/EmailOption/main.js +2 -2
  10. package/dist/es2019/components/ExternalUserOption/InfoIcon.js +1 -1
  11. package/dist/es2019/components/ExternalUserOption/main.js +2 -2
  12. package/dist/es2019/components/GroupOption/main.js +2 -2
  13. package/dist/es2019/components/TeamOption/main.js +2 -2
  14. package/dist/es2019/components/UserOption.js +3 -3
  15. package/dist/es2019/version.json +1 -1
  16. package/dist/esm/components/EmailOption/main.js +2 -2
  17. package/dist/esm/components/ExternalUserOption/InfoIcon.js +1 -1
  18. package/dist/esm/components/ExternalUserOption/main.js +2 -2
  19. package/dist/esm/components/GroupOption/main.js +2 -2
  20. package/dist/esm/components/TeamOption/main.js +2 -2
  21. package/dist/esm/components/UserOption.js +3 -3
  22. package/dist/esm/version.json +1 -1
  23. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/user-picker
2
2
 
3
+ ## 8.8.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`ac9343c3ed4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ac9343c3ed4) - Replaces usage of deprecated design tokens. No visual or functional changes
8
+ - [`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.
9
+ - Updated dependencies
10
+
3
11
  ## 8.8.4
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/components/EmailOption/main.js CHANGED
@@ -67,12 +67,12 @@ var EmailOption = /*#__PURE__*/function (_React$PureComponent) {
67
67
  var id = _this.props.email.id;
68
68
  return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
69
69
  key: "name",
70
- color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
70
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
71
71
  }, id);
72
72
  });
73
73
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSecondaryText", function (label) {
74
74
  return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
75
- color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
75
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
76
76
  }, label);
77
77
  });
78
78
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderOption", function (label) {
package/dist/cjs/components/ExternalUserOption/InfoIcon.js CHANGED
@@ -50,7 +50,7 @@ var _default = function _default() {
50
50
  testId: "source-icon",
51
51
  label: "",
52
52
  size: "large",
53
- primaryColor: (0, _tokens.token)('color.text.lowEmphasis', isMouseHovered ? _colors.N200 : _colors.N50)
53
+ primaryColor: (0, _tokens.token)('color.text.subtlest', isMouseHovered ? _colors.N200 : _colors.N50)
54
54
  }));
55
55
  };
56
56
 
package/dist/cjs/components/ExternalUserOption/main.js CHANGED
@@ -80,7 +80,7 @@ var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
80
80
  var name = _this.props.user.name;
81
81
  return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
82
82
  key: "name",
83
- color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
83
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
84
84
  }, name);
85
85
  });
86
86
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSecondaryText", function () {
@@ -97,7 +97,7 @@ var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
97
97
 
98
98
  var emailDomainWithAt = "@".concat(emailDomain);
99
99
  return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
100
- color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
100
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
101
101
  }, emailUser, /*#__PURE__*/_react.default.createElement(EmailDomainWrapper, null, emailDomainWithAt));
102
102
  });
103
103
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {
package/dist/cjs/components/GroupOption/main.js CHANGED
@@ -74,7 +74,7 @@ var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
74
74
  highlight = _this$props$group.highlight;
75
75
  return [/*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
76
76
  key: "name",
77
- color: isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
77
+ color: isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
78
78
  }, /*#__PURE__*/_react.default.createElement(_HighlightText.HighlightText, {
79
79
  highlights: highlight && highlight.name
80
80
  }, name))];
@@ -88,7 +88,7 @@ var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
88
88
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderByline", function () {
89
89
  var isSelected = _this.props.isSelected;
90
90
  return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
91
- color: isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
91
+ color: isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
92
92
  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.groupByline));
93
93
  });
94
94
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLozengeProps", function () {
package/dist/cjs/components/TeamOption/main.js CHANGED
@@ -64,7 +64,7 @@ var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
64
64
  highlight = _this$props$team.highlight;
65
65
  return [/*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
66
66
  key: "name",
67
- color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
67
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
68
68
  }, /*#__PURE__*/_react.default.createElement(_HighlightText.HighlightText, {
69
69
  highlights: highlight && highlight.name
70
70
  }, name))];
@@ -104,7 +104,7 @@ var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
104
104
  });
105
105
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getBylineComponent", function (isSelected, message) {
106
106
  return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
107
- color: isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
107
+ color: isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
108
108
  }, message);
109
109
  });
110
110
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {
package/dist/cjs/components/UserOption.js CHANGED
@@ -61,7 +61,7 @@ var UserOption = /*#__PURE__*/function (_React$PureComponent) {
61
61
  highlight = _this$props$user.highlight;
62
62
  var result = [/*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
63
63
  key: "name",
64
- color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
64
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
65
65
  }, /*#__PURE__*/_react.default.createElement(_HighlightText.HighlightText, {
66
66
  highlights: highlight && highlight.name
67
67
  }, name))];
@@ -70,7 +70,7 @@ var UserOption = /*#__PURE__*/function (_React$PureComponent) {
70
70
  result.push( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
71
71
  key: "publicName"
72
72
  }, ' ', /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
73
- color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
73
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
74
74
  }, "(", /*#__PURE__*/_react.default.createElement(_HighlightText.HighlightText, {
75
75
  highlights: highlight && highlight.publicName
76
76
  }, publicName), ")")));
@@ -80,7 +80,7 @@ var UserOption = /*#__PURE__*/function (_React$PureComponent) {
80
80
  });
81
81
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSecondaryText", function () {
82
82
  return _this.props.user.byline ? /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
83
- color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
83
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
84
84
  }, _this.props.user.byline) : undefined;
85
85
  });
86
86
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "8.8.4",
3
+ "version": "8.8.5",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/EmailOption/main.js CHANGED
@@ -25,13 +25,13 @@ export class EmailOption extends React.PureComponent {
25
25
  } = this.props;
26
26
  return /*#__PURE__*/React.createElement(TextWrapper, {
27
27
  key: "name",
28
- color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
28
+ color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
29
29
  }, id);
30
30
  });
31
31
 
32
32
  _defineProperty(this, "renderSecondaryText", label => {
33
33
  return /*#__PURE__*/React.createElement(TextWrapper, {
34
- color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
34
+ color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
35
35
  }, label);
36
36
  });
37
37
 
package/dist/es2019/components/ExternalUserOption/InfoIcon.js CHANGED
@@ -17,6 +17,6 @@ export default (() => {
17
17
  testId: "source-icon",
18
18
  label: "",
19
19
  size: "large",
20
- primaryColor: token('color.text.lowEmphasis', isMouseHovered ? N200 : N50)
20
+ primaryColor: token('color.text.subtlest', isMouseHovered ? N200 : N50)
21
21
  }));
22
22
  });
package/dist/es2019/components/ExternalUserOption/main.js CHANGED
@@ -33,7 +33,7 @@ export class ExternalUserOption extends React.PureComponent {
33
33
  } = this.props;
34
34
  return /*#__PURE__*/React.createElement(TextWrapper, {
35
35
  key: "name",
36
- color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
36
+ color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
37
37
  }, name);
38
38
  });
39
39
 
@@ -49,7 +49,7 @@ export class ExternalUserOption extends React.PureComponent {
49
49
  const [emailUser, emailDomain] = email.split('@');
50
50
  const emailDomainWithAt = `@${emailDomain}`;
51
51
  return /*#__PURE__*/React.createElement(TextWrapper, {
52
- color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
52
+ color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
53
53
  }, emailUser, /*#__PURE__*/React.createElement(EmailDomainWrapper, null, emailDomainWithAt));
54
54
  });
55
55
 
package/dist/es2019/components/GroupOption/main.js CHANGED
@@ -31,7 +31,7 @@ export class GroupOption extends React.PureComponent {
31
31
  } = this.props;
32
32
  return [/*#__PURE__*/React.createElement(TextWrapper, {
33
33
  key: "name",
34
- color: isSelected ? token('color.text.brand', B400) : token('color.text', N800)
34
+ color: isSelected ? token('color.text.selected', B400) : token('color.text', N800)
35
35
  }, /*#__PURE__*/React.createElement(HighlightText, {
36
36
  highlights: highlight && highlight.name
37
37
  }, name))];
@@ -47,7 +47,7 @@ export class GroupOption extends React.PureComponent {
47
47
  isSelected
48
48
  } = this.props;
49
49
  return /*#__PURE__*/React.createElement(TextWrapper, {
50
- color: isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
50
+ color: isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
51
51
  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.groupByline));
52
52
  });
53
53
 
package/dist/es2019/components/TeamOption/main.js CHANGED
@@ -21,7 +21,7 @@ export class TeamOption extends React.PureComponent {
21
21
  } = this.props;
22
22
  return [/*#__PURE__*/React.createElement(TextWrapper, {
23
23
  key: "name",
24
- color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
24
+ color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
25
25
  }, /*#__PURE__*/React.createElement(HighlightText, {
26
26
  highlights: highlight && highlight.name
27
27
  }, name))];
@@ -64,7 +64,7 @@ export class TeamOption extends React.PureComponent {
64
64
  });
65
65
 
66
66
  _defineProperty(this, "getBylineComponent", (isSelected, message) => /*#__PURE__*/React.createElement(TextWrapper, {
67
- color: isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
67
+ color: isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
68
68
  }, message));
69
69
 
70
70
  _defineProperty(this, "renderAvatar", () => {
package/dist/es2019/components/UserOption.js CHANGED
@@ -20,7 +20,7 @@ export class UserOption extends React.PureComponent {
20
20
  } = this.props;
21
21
  const result = [/*#__PURE__*/React.createElement(TextWrapper, {
22
22
  key: "name",
23
- color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
23
+ color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
24
24
  }, /*#__PURE__*/React.createElement(HighlightText, {
25
25
  highlights: highlight && highlight.name
26
26
  }, name))];
@@ -29,7 +29,7 @@ export class UserOption extends React.PureComponent {
29
29
  result.push( /*#__PURE__*/React.createElement(React.Fragment, {
30
30
  key: "publicName"
31
31
  }, ' ', /*#__PURE__*/React.createElement(TextWrapper, {
32
- color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
32
+ color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
33
33
  }, "(", /*#__PURE__*/React.createElement(HighlightText, {
34
34
  highlights: highlight && highlight.publicName
35
35
  }, publicName), ")")));
@@ -39,7 +39,7 @@ export class UserOption extends React.PureComponent {
39
39
  });
40
40
 
41
41
  _defineProperty(this, "renderSecondaryText", () => this.props.user.byline ? /*#__PURE__*/React.createElement(TextWrapper, {
42
- color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
42
+ color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
43
43
  }, this.props.user.byline) : undefined);
44
44
 
45
45
  _defineProperty(this, "renderAvatar", () => {
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "8.8.4",
3
+ "version": "8.8.5",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/EmailOption/main.js CHANGED
@@ -48,13 +48,13 @@ export var EmailOption = /*#__PURE__*/function (_React$PureComponent) {
48
48
  var id = _this.props.email.id;
49
49
  return /*#__PURE__*/React.createElement(TextWrapper, {
50
50
  key: "name",
51
- color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
51
+ color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
52
52
  }, id);
53
53
  });
54
54
 
55
55
  _defineProperty(_assertThisInitialized(_this), "renderSecondaryText", function (label) {
56
56
  return /*#__PURE__*/React.createElement(TextWrapper, {
57
- color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
57
+ color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
58
58
  }, label);
59
59
  });
60
60
 
package/dist/esm/components/ExternalUserOption/InfoIcon.js CHANGED
@@ -28,6 +28,6 @@ export default (function () {
28
28
  testId: "source-icon",
29
29
  label: "",
30
30
  size: "large",
31
- primaryColor: token('color.text.lowEmphasis', isMouseHovered ? N200 : N50)
31
+ primaryColor: token('color.text.subtlest', isMouseHovered ? N200 : N50)
32
32
  }));
33
33
  });
package/dist/esm/components/ExternalUserOption/main.js CHANGED
@@ -47,7 +47,7 @@ export var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
47
47
  var name = _this.props.user.name;
48
48
  return /*#__PURE__*/React.createElement(TextWrapper, {
49
49
  key: "name",
50
- color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
50
+ color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
51
51
  }, name);
52
52
  });
53
53
 
@@ -65,7 +65,7 @@ export var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
65
65
 
66
66
  var emailDomainWithAt = "@".concat(emailDomain);
67
67
  return /*#__PURE__*/React.createElement(TextWrapper, {
68
- color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
68
+ color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
69
69
  }, emailUser, /*#__PURE__*/React.createElement(EmailDomainWrapper, null, emailDomainWithAt));
70
70
  });
71
71
 
package/dist/esm/components/GroupOption/main.js CHANGED
@@ -47,7 +47,7 @@ export var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
47
47
  highlight = _this$props$group.highlight;
48
48
  return [/*#__PURE__*/React.createElement(TextWrapper, {
49
49
  key: "name",
50
- color: isSelected ? token('color.text.brand', B400) : token('color.text', N800)
50
+ color: isSelected ? token('color.text.selected', B400) : token('color.text', N800)
51
51
  }, /*#__PURE__*/React.createElement(HighlightText, {
52
52
  highlights: highlight && highlight.name
53
53
  }, name))];
@@ -63,7 +63,7 @@ export var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
63
63
  _defineProperty(_assertThisInitialized(_this), "renderByline", function () {
64
64
  var isSelected = _this.props.isSelected;
65
65
  return /*#__PURE__*/React.createElement(TextWrapper, {
66
- color: isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
66
+ color: isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
67
67
  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.groupByline));
68
68
  });
69
69
 
package/dist/esm/components/TeamOption/main.js CHANGED
@@ -41,7 +41,7 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
41
41
  highlight = _this$props$team.highlight;
42
42
  return [/*#__PURE__*/React.createElement(TextWrapper, {
43
43
  key: "name",
44
- color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
44
+ color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
45
45
  }, /*#__PURE__*/React.createElement(HighlightText, {
46
46
  highlights: highlight && highlight.name
47
47
  }, name))];
@@ -83,7 +83,7 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
83
83
 
84
84
  _defineProperty(_assertThisInitialized(_this), "getBylineComponent", function (isSelected, message) {
85
85
  return /*#__PURE__*/React.createElement(TextWrapper, {
86
- color: isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
86
+ color: isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
87
87
  }, message);
88
88
  });
89
89
 
package/dist/esm/components/UserOption.js CHANGED
@@ -40,7 +40,7 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
40
40
  highlight = _this$props$user.highlight;
41
41
  var result = [/*#__PURE__*/React.createElement(TextWrapper, {
42
42
  key: "name",
43
- color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
43
+ color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text', N800)
44
44
  }, /*#__PURE__*/React.createElement(HighlightText, {
45
45
  highlights: highlight && highlight.name
46
46
  }, name))];
@@ -49,7 +49,7 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
49
49
  result.push( /*#__PURE__*/React.createElement(React.Fragment, {
50
50
  key: "publicName"
51
51
  }, ' ', /*#__PURE__*/React.createElement(TextWrapper, {
52
- color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
52
+ color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
53
53
  }, "(", /*#__PURE__*/React.createElement(HighlightText, {
54
54
  highlights: highlight && highlight.publicName
55
55
  }, publicName), ")")));
@@ -60,7 +60,7 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
60
60
 
61
61
  _defineProperty(_assertThisInitialized(_this), "renderSecondaryText", function () {
62
62
  return _this.props.user.byline ? /*#__PURE__*/React.createElement(TextWrapper, {
63
- color: _this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
63
+ color: _this.props.isSelected ? token('color.text.selected', B400) : token('color.text.subtlest', N200)
64
64
  }, _this.props.user.byline) : undefined;
65
65
  });
66
66
 
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "8.8.4",
3
+ "version": "8.8.5",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "8.8.4",
3
+ "version": "8.8.5",
4
4
  "description": "Fabric component for display a dropdown to select a user from",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
35
35
  "@atlaskit/select": "^15.2.0",
36
36
  "@atlaskit/spinner": "^15.1.4",
37
37
  "@atlaskit/theme": "^12.1.0",
38
- "@atlaskit/tokens": "^0.7.0",
38
+ "@atlaskit/tokens": "^0.8.0",
39
39
  "@atlaskit/tooltip": "^17.5.0",
40
40
  "@atlaskit/ufo": "^0.1.0",
41
41
  "@babel/runtime": "^7.0.0",