@atlaskit/user-picker 8.5.0 → 8.6.0

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 (52) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/analytics.js +2 -0
  3. package/dist/cjs/components/AddOptionAvatar.js +2 -2
  4. package/dist/cjs/components/AvatarItemOption.js +2 -2
  5. package/dist/cjs/components/EmailOption/main.js +2 -2
  6. package/dist/cjs/components/ExternalUserOption/main.js +2 -2
  7. package/dist/cjs/components/GroupOption/main.js +3 -3
  8. package/dist/cjs/components/PopupControl.js +2 -2
  9. package/dist/cjs/components/TeamOption/main.js +2 -2
  10. package/dist/cjs/components/UserOption.js +3 -3
  11. package/dist/cjs/components/assets/github.js +1 -1
  12. package/dist/cjs/components/assets/google.js +4 -4
  13. package/dist/cjs/components/assets/microsoft.js +5 -5
  14. package/dist/cjs/components/assets/slack.js +9 -9
  15. package/dist/cjs/components/smart-user-picker/components/index.js +4 -3
  16. package/dist/cjs/components/styles.js +6 -6
  17. package/dist/cjs/version.json +1 -1
  18. package/dist/es2019/analytics.js +2 -0
  19. package/dist/es2019/components/AddOptionAvatar.js +2 -2
  20. package/dist/es2019/components/AvatarItemOption.js +2 -2
  21. package/dist/es2019/components/EmailOption/main.js +2 -2
  22. package/dist/es2019/components/ExternalUserOption/main.js +2 -2
  23. package/dist/es2019/components/GroupOption/main.js +3 -3
  24. package/dist/es2019/components/PopupControl.js +2 -2
  25. package/dist/es2019/components/TeamOption/main.js +2 -2
  26. package/dist/es2019/components/UserOption.js +3 -3
  27. package/dist/es2019/components/assets/github.js +1 -1
  28. package/dist/es2019/components/assets/google.js +4 -4
  29. package/dist/es2019/components/assets/microsoft.js +5 -5
  30. package/dist/es2019/components/assets/slack.js +9 -9
  31. package/dist/es2019/components/smart-user-picker/components/index.js +3 -1
  32. package/dist/es2019/components/styles.js +6 -6
  33. package/dist/es2019/version.json +1 -1
  34. package/dist/esm/analytics.js +2 -0
  35. package/dist/esm/components/AddOptionAvatar.js +2 -2
  36. package/dist/esm/components/AvatarItemOption.js +2 -2
  37. package/dist/esm/components/EmailOption/main.js +2 -2
  38. package/dist/esm/components/ExternalUserOption/main.js +2 -2
  39. package/dist/esm/components/GroupOption/main.js +3 -3
  40. package/dist/esm/components/PopupControl.js +2 -2
  41. package/dist/esm/components/TeamOption/main.js +2 -2
  42. package/dist/esm/components/UserOption.js +3 -3
  43. package/dist/esm/components/assets/github.js +1 -1
  44. package/dist/esm/components/assets/google.js +4 -4
  45. package/dist/esm/components/assets/microsoft.js +5 -5
  46. package/dist/esm/components/assets/slack.js +9 -9
  47. package/dist/esm/components/smart-user-picker/components/index.js +4 -3
  48. package/dist/esm/components/styles.js +6 -6
  49. package/dist/esm/version.json +1 -1
  50. package/dist/types/components/smart-user-picker/components/index.d.ts +4 -0
  51. package/dist/types/components/smart-user-picker/service/recommendationClient.d.ts +1 -0
  52. package/package.json +7 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/user-picker
2
2
 
3
+ ## 8.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`d2a8de20d08`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2a8de20d08) - Add support in SmartUserPicker for org id for team search
8
+
3
9
  ## 8.5.0
4
10
 
5
11
  ### Minor Changes
package/dist/cjs/analytics.js CHANGED
@@ -180,6 +180,7 @@ var createDefaultSmartPickerAttributes = function createDefaultSmartPickerAttrib
180
180
  productKey = props.productKey,
181
181
  principalId = props.principalId,
182
182
  siteId = props.siteId,
183
+ orgId = props.orgId,
183
184
  filterOptions = props.filterOptions;
184
185
  var sessionId = state.sessionId,
185
186
  query = state.query;
@@ -197,6 +198,7 @@ var createDefaultSmartPickerAttributes = function createDefaultSmartPickerAttrib
197
198
  productKey: productKey,
198
199
  queryLength: (query || '').length,
199
200
  siteId: siteId,
201
+ orgId: orgId,
200
202
  sessionId: sessionId
201
203
  };
202
204
  };
package/dist/cjs/components/AddOptionAvatar.js CHANGED
@@ -23,7 +23,7 @@ var _templateObject;
23
23
 
24
24
  var EmailAvatarWrapper = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding: ", "px;\n\n background-color: ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n"])), function (props) {
25
25
  return props.isLozenge ? 0 : 4;
26
- }, (0, _tokens.token)('color.background.subtleNeutral.resting', _colors.N40));
26
+ }, (0, _tokens.token)('color.background.neutral', _colors.N40));
27
27
 
28
28
  var AddOptionAvatar = function AddOptionAvatar(_ref) {
29
29
  var isLozenge = _ref.isLozenge,
@@ -33,7 +33,7 @@ var AddOptionAvatar = function AddOptionAvatar(_ref) {
33
33
  }, /*#__PURE__*/_react.default.createElement(_email.default, {
34
34
  label: label,
35
35
  size: isLozenge ? 'small' : 'medium',
36
- primaryColor: (0, _tokens.token)('color.text.mediumEmphasis', _colors.N500)
36
+ primaryColor: (0, _tokens.token)('color.text.subtle', _colors.N500)
37
37
  }));
38
38
  };
39
39
 
package/dist/cjs/components/AvatarItemOption.js CHANGED
@@ -39,9 +39,9 @@ var AsyncTooltip = /*#__PURE__*/_react.default.lazy(function () {
39
39
 
40
40
  var Wrapper = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n align-items: center;\n box-sizing: border-box;\n display: flex;\n line-height: 1;\n outline: none;\n margin: 0;\n width: 100%;\n cursor: pointer;\n"])));
41
41
 
42
- var Text = _styledComponents.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n color: ", ";\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n ", "\n"])), (0, _tokens.token)('color.text.selected', _colors.B400), function (_ref) {
42
+ var Text = _styledComponents.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n color: ", ";\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n ", "\n"])), (0, _tokens.token)('color.text.brand', _colors.B400), function (_ref) {
43
43
  var secondary = _ref.secondary;
44
- return secondary && "color: ".concat((0, _tokens.token)('color.text.selected', _colors.B400), "; font-size: 0.85em;");
44
+ return secondary && "color: ".concat((0, _tokens.token)('color.text.brand', _colors.B400), "; font-size: 0.85em;");
45
45
  });
46
46
 
47
47
  var AdditionalInfo = _styledComponents.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n float: right;\n"])));
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.selected', _colors.B400) : (0, _tokens.token)('color.text.highEmphasis', _colors.N800)
70
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _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.selected', _colors.B400) : (0, _tokens.token)('color.text.lowEmphasis', _colors.N200)
75
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _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/main.js CHANGED
@@ -133,7 +133,7 @@ var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
133
133
  var name = _this.props.user.name;
134
134
  return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
135
135
  key: "name",
136
- color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.highEmphasis', _colors.N800)
136
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text', _colors.N800)
137
137
  }, name);
138
138
  });
139
139
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSecondaryText", function () {
@@ -150,7 +150,7 @@ var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
150
150
 
151
151
  var emailDomainWithAt = "@".concat(emailDomain);
152
152
  return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
153
- color: _this.props.isSelected ? (0, _tokens.token)('color.text.selected', _colors.B400) : (0, _tokens.token)('color.text.lowEmphasis', _colors.N200)
153
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _colors.B400) : (0, _tokens.token)('color.text.subtlest', _colors.N200)
154
154
  }, emailUser, /*#__PURE__*/_react.default.createElement(EmailDomainWrapper, null, emailDomainWithAt));
155
155
  });
156
156
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {
package/dist/cjs/components/GroupOption/main.js CHANGED
@@ -47,7 +47,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
47
47
 
48
48
  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; } }
49
49
 
50
- var GroupOptionIconWrapper = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding: 2px;\n\n > span {\n background-color: ", ";\n border-radius: 50%;\n padding: 4px;\n }\n"])), (0, _tokens.token)('color.background.subtleNeutral.resting', _colors.N20));
50
+ var GroupOptionIconWrapper = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n padding: 2px;\n\n > span {\n background-color: ", ";\n border-radius: 50%;\n padding: 4px;\n }\n"])), (0, _tokens.token)('color.background.neutral', _colors.N20));
51
51
 
52
52
  exports.GroupOptionIconWrapper = GroupOptionIconWrapper;
53
53
 
@@ -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.selected', _colors.B400) : (0, _tokens.token)('color.text.highEmphasis', _colors.N800)
77
+ color: isSelected ? (0, _tokens.token)('color.text.brand', _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.selected', _colors.B400) : (0, _tokens.token)('color.text.lowEmphasis', _colors.N200)
91
+ color: isSelected ? (0, _tokens.token)('color.text.brand', _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/PopupControl.js CHANGED
@@ -54,8 +54,8 @@ var lineHeight = innerHeight / fontSize;
54
54
  var ControlWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n padding: 0px ", "px ", "px;\n"])), spacing, spacing);
55
55
 
56
56
  var getColor = (0, _components.themed)({
57
- light: (0, _tokens.token)('color.text.lowEmphasis', _colors.N200),
58
- dark: (0, _tokens.token)('color.text.lowEmphasis', _colors.DN90)
57
+ light: (0, _tokens.token)('color.text.subtlest', _colors.N200),
58
+ dark: (0, _tokens.token)('color.text.subtlest', _colors.DN90)
59
59
  });
60
60
 
61
61
  var getPadding = function getPadding() {
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.selected', _colors.B400) : (0, _tokens.token)('color.text.highEmphasis', _colors.N800)
67
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _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.selected', _colors.B400) : (0, _tokens.token)('color.text.lowEmphasis', _colors.N200)
107
+ color: isSelected ? (0, _tokens.token)('color.text.brand', _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.selected', _colors.B400) : (0, _tokens.token)('color.text.highEmphasis', _colors.N800)
64
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _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.selected', _colors.B400) : (0, _tokens.token)('color.text.lowEmphasis', _colors.N200)
73
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _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.selected', _colors.B400) : (0, _tokens.token)('color.text.lowEmphasis', _colors.N200)
83
+ color: _this.props.isSelected ? (0, _tokens.token)('color.text.brand', _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/components/assets/github.js CHANGED
@@ -24,6 +24,6 @@ function GitHubIcon(props) {
24
24
  fillRule: "evenodd",
25
25
  clipRule: "evenodd",
26
26
  d: "M11.9778 0C5.3635 0 0 5.45261 0 12.179C0 17.5601 3.432 22.1253 8.19114 23.7357C8.78975 23.8484 9.00952 23.4715 9.00952 23.1498C9.00952 22.8594 8.99841 21.9 8.99326 20.8823C5.66103 21.6191 4.95789 19.4454 4.95789 19.4454C4.41303 18.0376 3.62796 17.6633 3.62796 17.6633C2.54122 16.9074 3.70988 16.923 3.70988 16.923C4.91266 17.0089 5.54598 18.178 5.54598 18.178C6.61428 20.0399 8.34803 19.5016 9.03154 19.1904C9.13904 18.4033 9.44945 17.866 9.792 17.5619C7.13157 17.2539 4.33487 16.2096 4.33487 11.5429C4.33487 10.2133 4.80278 9.12682 5.56899 8.27391C5.44463 7.96716 5.03464 6.72844 5.68502 5.05087C5.68502 5.05087 6.69084 4.72354 8.97976 6.29927C9.9352 6.02942 10.9599 5.89409 11.9778 5.88945C12.9957 5.89409 14.0212 6.02942 14.9784 6.29927C17.2645 4.72354 18.269 5.05087 18.269 5.05087C18.9209 6.72844 18.5107 7.96716 18.3864 8.27391C19.1544 9.12682 19.6191 10.2133 19.6191 11.5429C19.6191 16.2207 16.8171 17.2507 14.1499 17.5522C14.5795 17.9301 14.9623 18.6713 14.9623 19.8076C14.9623 21.4371 14.9484 22.7487 14.9484 23.1498C14.9484 23.4739 15.164 23.8537 15.7712 23.7341C20.5277 22.1219 23.9554 17.5582 23.9554 12.179C23.9554 5.45261 18.5927 0 11.9778 0Z",
27
- fill: (0, _tokens.token)('color.text.onBold', 'white')
27
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
28
28
  }));
29
29
  }
package/dist/cjs/components/assets/google.js CHANGED
@@ -24,21 +24,21 @@ function GoogleIcon(props) {
24
24
  fillRule: "evenodd",
25
25
  clipRule: "evenodd",
26
26
  d: "M8.32062 3.21332L10.014 1.55999C8.97396 0.593331 7.62063 0 6.00062 0C3.65396 0 1.62729 1.34666 0.640625 3.30665L2.58062 4.81331C3.06729 3.36665 4.41396 2.31999 6.00062 2.31999C7.12729 2.31999 7.88729 2.80665 8.32062 3.21332Z",
27
- fill: (0, _tokens.token)('color.text.onBold', 'white')
27
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
28
28
  }), /*#__PURE__*/_react.default.createElement("path", {
29
29
  fillRule: "evenodd",
30
30
  clipRule: "evenodd",
31
31
  d: "M11.76 6.13291C11.76 5.63958 11.72 5.27958 11.6333 4.90625H6V7.13291H9.30667C9.24 7.68624 8.88 8.51957 8.08 9.07957L9.97333 10.5462C11.1067 9.49956 11.76 7.95957 11.76 6.13291V6.13291V6.13291Z",
32
- fill: (0, _tokens.token)('color.text.onBold', 'white')
32
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
33
33
  }), /*#__PURE__*/_react.default.createElement("path", {
34
34
  fillRule: "evenodd",
35
35
  clipRule: "evenodd",
36
36
  d: "M2.58667 7.18662C2.46 6.81329 2.38667 6.41329 2.38667 5.99996C2.38667 5.58663 2.46 5.18663 2.58 4.8133L0.64 3.30664C0.233333 4.11997 0 5.0333 0 5.99996C0 6.96662 0.233333 7.87995 0.64 8.69328L2.58667 7.18662V7.18662Z",
37
- fill: (0, _tokens.token)('color.text.onBold', 'white')
37
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
38
38
  }), /*#__PURE__*/_react.default.createElement("path", {
39
39
  fillRule: "evenodd",
40
40
  clipRule: "evenodd",
41
41
  d: "M6.00079 12.0008C7.62079 12.0008 8.98079 11.4675 9.97413 10.5475L8.08079 9.08083C7.57413 9.43416 6.89413 9.68082 6.00079 9.68082C4.41413 9.68082 3.06746 8.63416 2.58746 7.1875L0.647461 8.69416C1.63413 10.6542 3.65413 12.0008 6.00079 12.0008V12.0008V12.0008Z",
42
- fill: (0, _tokens.token)('color.text.onBold', 'white')
42
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
43
43
  }));
44
44
  }
package/dist/cjs/components/assets/microsoft.js CHANGED
@@ -24,21 +24,21 @@ function MicrosoftIcon(props) {
24
24
  clipPath: "url(#clip0)"
25
25
  }, /*#__PURE__*/_react.default.createElement("path", {
26
26
  d: "M0 0H5.70233V5.7023H0V0Z",
27
- fill: (0, _tokens.token)('color.text.onBold', 'white')
27
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
28
28
  }), /*#__PURE__*/_react.default.createElement("path", {
29
29
  d: "M6.29785 0H12.0002V5.7023H6.29785V0Z",
30
- fill: (0, _tokens.token)('color.text.onBold', 'white')
30
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
31
31
  }), /*#__PURE__*/_react.default.createElement("path", {
32
32
  d: "M0 6.29688H5.70233V11.9992H0V6.29688Z",
33
- fill: (0, _tokens.token)('color.text.onBold', 'white')
33
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
34
34
  }), /*#__PURE__*/_react.default.createElement("path", {
35
35
  d: "M6.29785 6.29688H12.0002V11.9992H6.29785V6.29688Z",
36
- fill: (0, _tokens.token)('color.text.onBold', 'white')
36
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
37
37
  })), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
38
38
  id: "clip0"
39
39
  }, /*#__PURE__*/_react.default.createElement("rect", {
40
40
  width: "12",
41
41
  height: "11.9999",
42
- fill: (0, _tokens.token)('color.text.onBold', 'white')
42
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
43
43
  }))));
44
44
  }
package/dist/cjs/components/assets/slack.js CHANGED
@@ -24,33 +24,33 @@ function SlackIcon(props) {
24
24
  clipPath: "url(#clip0)"
25
25
  }, /*#__PURE__*/_react.default.createElement("path", {
26
26
  d: "M2.51653 7.5688C2.51653 8.26133 1.9508 8.82706 1.25826 8.82706C0.565731 8.82706 0 8.26133 0 7.5688C0 6.87627 0.565731 6.31055 1.25826 6.31055H2.51653V7.5688Z",
27
- fill: (0, _tokens.token)('color.text.onBold', 'white')
27
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
28
28
  }), /*#__PURE__*/_react.default.createElement("path", {
29
29
  d: "M3.15039 7.5688C3.15039 6.87627 3.71612 6.31055 4.40865 6.31055C5.10119 6.31055 5.66692 6.87627 5.66692 7.5688V10.7193C5.66692 11.4119 5.10119 11.9776 4.40865 11.9776C3.71612 11.9776 3.15039 11.4119 3.15039 10.7193V7.5688Z",
30
- fill: (0, _tokens.token)('color.text.onBold', 'white')
30
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
31
31
  }), /*#__PURE__*/_react.default.createElement("path", {
32
32
  d: "M4.40865 2.51651C3.71612 2.51651 3.15039 1.95079 3.15039 1.25826C3.15039 0.565728 3.71612 0 4.40865 0C5.10119 0 5.66692 0.565728 5.66692 1.25826V2.51651H4.40865Z",
33
- fill: (0, _tokens.token)('color.text.onBold', 'white')
33
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
34
34
  }), /*#__PURE__*/_react.default.createElement("path", {
35
35
  d: "M4.4088 3.15039C5.10133 3.15039 5.66706 3.71612 5.66706 4.40865C5.66706 5.10118 5.10133 5.6669 4.4088 5.6669H1.25826C0.565731 5.6669 0 5.10118 0 4.40865C0 3.71612 0.565731 3.15039 1.25826 3.15039H4.4088Z",
36
- fill: (0, _tokens.token)('color.text.onBold', 'white')
36
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
37
37
  }), /*#__PURE__*/_react.default.createElement("path", {
38
38
  d: "M9.46094 4.40865C9.46094 3.71612 10.0267 3.15039 10.7192 3.15039C11.4117 3.15039 11.9775 3.71612 11.9775 4.40865C11.9775 5.10118 11.4117 5.6669 10.7192 5.6669H9.46094V4.40865Z",
39
- fill: (0, _tokens.token)('color.text.onBold', 'white')
39
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
40
40
  }), /*#__PURE__*/_react.default.createElement("path", {
41
41
  d: "M8.8261 4.40878C8.8261 5.10131 8.26036 5.66704 7.56783 5.66704C6.8753 5.66704 6.30957 5.10131 6.30957 4.40878V1.25826C6.30957 0.565728 6.8753 0 7.56783 0C8.26036 0 8.8261 0.565728 8.8261 1.25826V4.40878Z",
42
- fill: (0, _tokens.token)('color.text.onBold', 'white')
42
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
43
43
  }), /*#__PURE__*/_react.default.createElement("path", {
44
44
  d: "M7.56881 9.46094C8.26134 9.46094 8.82707 10.0267 8.82707 10.7192C8.82707 11.4117 8.26134 11.9775 7.56881 11.9775C6.87628 11.9775 6.31055 11.4117 6.31055 10.7192V9.46094H7.56881Z",
45
- fill: (0, _tokens.token)('color.text.onBold', 'white')
45
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
46
46
  }), /*#__PURE__*/_react.default.createElement("path", {
47
47
  d: "M7.56881 8.82706C6.87628 8.82706 6.31055 8.26133 6.31055 7.5688C6.31055 6.87627 6.87628 6.31055 7.56881 6.31055H10.7193C11.4119 6.31055 11.9776 6.87627 11.9776 7.5688C11.9776 8.26133 11.4119 8.82706 10.7193 8.82706H7.56881Z",
48
- fill: (0, _tokens.token)('color.text.onBold', 'white')
48
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
49
49
  })), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
50
50
  id: "clip0"
51
51
  }, /*#__PURE__*/_react.default.createElement("rect", {
52
52
  width: "12",
53
53
  height: "11.9999",
54
- fill: (0, _tokens.token)('color.text.onBold', 'white')
54
+ fill: (0, _tokens.token)('color.text.inverse', 'white')
55
55
  }))));
56
56
  }
package/dist/cjs/components/smart-user-picker/components/index.js CHANGED
@@ -61,7 +61,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
61
61
  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; } }
62
62
 
63
63
  var hasContextChanged = function hasContextChanged(oldContext, newContext) {
64
- return oldContext.siteId !== newContext.siteId || oldContext.productKey !== newContext.productKey || oldContext.principalId !== newContext.principalId || oldContext.containerId !== newContext.containerId || oldContext.objectId !== newContext.objectId || oldContext.childObjectId !== newContext.childObjectId;
64
+ return oldContext.siteId !== newContext.siteId || oldContext.orgId !== newContext.orgId || oldContext.productKey !== newContext.productKey || oldContext.principalId !== newContext.principalId || oldContext.containerId !== newContext.containerId || oldContext.objectId !== newContext.objectId || oldContext.childObjectId !== newContext.childObjectId;
65
65
  };
66
66
 
67
67
  var stringContains = function stringContains(str, substr) {
@@ -243,14 +243,14 @@ var SmartUserPicker = /*#__PURE__*/function (_React$Component) {
243
243
  });
244
244
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "memoizedFilterOptions", (0, _memoizeOne.default)(_this.filterOptions));
245
245
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getUsers", (0, _debounce.default)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
246
- var _this$state, query, sessionId, _this$props, containerId, childObjectId, objectId, principalId, productKey, siteId, baseUrl, includeUsers, includeGroups, includeTeams, maxOptions, searchQueryFilter, onEmpty, productAttributes, intl, maxNumberOfResults, startTime, recommendationsRequest, _yield$onEmpty, recommendedUsers, elapsedTimeMilli, displayedUsers, defaultUsers, _elapsedTimeMilli;
246
+ var _this$state, query, sessionId, _this$props, containerId, childObjectId, objectId, principalId, productKey, siteId, orgId, baseUrl, includeUsers, includeGroups, includeTeams, maxOptions, searchQueryFilter, onEmpty, productAttributes, intl, maxNumberOfResults, startTime, recommendationsRequest, _yield$onEmpty, recommendedUsers, elapsedTimeMilli, displayedUsers, defaultUsers, _elapsedTimeMilli;
247
247
 
248
248
  return _regenerator.default.wrap(function _callee$(_context) {
249
249
  while (1) {
250
250
  switch (_context.prev = _context.next) {
251
251
  case 0:
252
252
  _this$state = _this.state, query = _this$state.query, sessionId = _this$state.sessionId;
253
- _this$props = _this.props, containerId = _this$props.containerId, childObjectId = _this$props.childObjectId, objectId = _this$props.objectId, principalId = _this$props.principalId, productKey = _this$props.productKey, siteId = _this$props.siteId, baseUrl = _this$props.baseUrl, includeUsers = _this$props.includeUsers, includeGroups = _this$props.includeGroups, includeTeams = _this$props.includeTeams, maxOptions = _this$props.maxOptions, searchQueryFilter = _this$props.searchQueryFilter, onEmpty = _this$props.onEmpty, productAttributes = _this$props.productAttributes, intl = _this$props.intl;
253
+ _this$props = _this.props, containerId = _this$props.containerId, childObjectId = _this$props.childObjectId, objectId = _this$props.objectId, principalId = _this$props.principalId, productKey = _this$props.productKey, siteId = _this$props.siteId, orgId = _this$props.orgId, baseUrl = _this$props.baseUrl, includeUsers = _this$props.includeUsers, includeGroups = _this$props.includeGroups, includeTeams = _this$props.includeTeams, maxOptions = _this$props.maxOptions, searchQueryFilter = _this$props.searchQueryFilter, onEmpty = _this$props.onEmpty, productAttributes = _this$props.productAttributes, intl = _this$props.intl;
254
254
  maxNumberOfResults = maxOptions || 100;
255
255
  startTime = window.performance.now();
256
256
  recommendationsRequest = {
@@ -262,6 +262,7 @@ var SmartUserPicker = /*#__PURE__*/function (_React$Component) {
262
262
  principalId: principalId,
263
263
  productKey: productKey,
264
264
  siteId: siteId,
265
+ orgId: orgId,
265
266
  childObjectId: childObjectId,
266
267
  sessionId: sessionId,
267
268
  productAttributes: productAttributes
package/dist/cjs/components/styles.js CHANGED
@@ -52,14 +52,14 @@ var getStyles = (0, _memoizeOne.default)(function (width, isMulti, overrideStyle
52
52
  var isMulti = state.selectProps.isMulti;
53
53
  return _objectSpread(_objectSpread({}, css), {}, {
54
54
  width: width,
55
- borderColor: state.isFocused ? (0, _tokens.token)('color.border.neutral', css.borderColor) : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : (0, _tokens.token)('color.border.neutral', _colors.N40),
56
- backgroundColor: state.isFocused ? (0, _tokens.token)('color.background.default', css['backgroundColor']) : state.selectProps.subtle ? 'transparent' : state.selectProps.textFieldBackgroundColor ? (0, _tokens.token)('color.background.subtleBorderedNeutral.resting', _colors.N10) : (0, _tokens.token)('color.background.subtleNeutral.resting', _colors.N20),
55
+ borderColor: state.isFocused ? (0, _tokens.token)('color.border', css.borderColor) : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : (0, _tokens.token)('color.border', _colors.N40),
56
+ backgroundColor: state.isFocused ? (0, _tokens.token)('elevation.surface', css['backgroundColor']) : state.selectProps.subtle ? 'transparent' : state.selectProps.textFieldBackgroundColor ? (0, _tokens.token)('color.background.input', _colors.N10) : (0, _tokens.token)('color.background.neutral', _colors.N20),
57
57
  '&:hover .fabric-user-picker__clear-indicator': {
58
58
  opacity: 1
59
59
  },
60
60
  ':hover': _objectSpread(_objectSpread({}, css[':hover']), {}, {
61
- borderColor: state.isFocused ? css[':hover'] ? (0, _tokens.token)('color.border.focus', css[':hover'].borderColor) : (0, _tokens.token)('color.border.focus', _colors.B100) : state.selectProps.subtle ? state.selectProps.hoveringClearIndicator ? (0, _tokens.token)('color.iconBorder.danger', _colors.R50) : (0, _tokens.token)('color.border.neutral', _colors.N30) : (0, _tokens.token)('color.border.neutral', _colors.N40),
62
- backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? (0, _tokens.token)('color.background.subtleDanger.resting', _colors.R50) : state.isFocused ? css[':hover'] ? (0, _tokens.token)('color.background.default', css[':hover'].backgroundColor) : (0, _tokens.token)('color.background.default', _colors.N0) : state.isDisabled ? (0, _tokens.token)('color.background.disabled', _colors.N10) : (0, _tokens.token)('color.background.default', _colors.N30)
61
+ borderColor: state.isFocused ? css[':hover'] ? (0, _tokens.token)('color.border.focused', css[':hover'].borderColor) : (0, _tokens.token)('color.border.focused', _colors.B100) : state.selectProps.subtle ? state.selectProps.hoveringClearIndicator ? (0, _tokens.token)('color.icon.danger', _colors.R50) : (0, _tokens.token)('color.border', _colors.N30) : (0, _tokens.token)('color.border', _colors.N40),
62
+ backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? (0, _tokens.token)('color.background.danger', _colors.R50) : state.isFocused ? css[':hover'] ? (0, _tokens.token)('elevation.surface', css[':hover'].backgroundColor) : (0, _tokens.token)('elevation.surface', _colors.N0) : state.isDisabled ? (0, _tokens.token)('color.background.disabled', _colors.N10) : (0, _tokens.token)('elevation.surface', _colors.N30)
63
63
  }),
64
64
  padding: 0,
65
65
  minHeight: isCompact ? 'none' : 44,
@@ -178,14 +178,14 @@ var getStyles = (0, _memoizeOne.default)(function (width, isMulti, overrideStyle
178
178
  paddingLeft: isMulti ? 0 : AVATAR_PADDING,
179
179
  '& input::placeholder': {
180
180
  /* Chrome, Firefox, Opera, Safari 10.1+ */
181
- color: (0, _tokens.token)('color.text.lowEmphasis', _colors.N100),
181
+ color: (0, _tokens.token)('color.text.subtlest', _colors.N100),
182
182
  opacity: 1
183
183
  /* Firefox */
184
184
 
185
185
  },
186
186
  '& input:-ms-input-placeholder': {
187
187
  /* Internet Explorer 10-11 */
188
- color: (0, _tokens.token)('color.text.lowEmphasis', _colors.N100)
188
+ color: (0, _tokens.token)('color.text.subtlest', _colors.N100)
189
189
  }
190
190
  });
191
191
  }
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "8.5.0",
3
+ "version": "8.6.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/analytics.js CHANGED
@@ -122,6 +122,7 @@ const createDefaultSmartPickerAttributes = (props, state) => {
122
122
  productKey,
123
123
  principalId,
124
124
  siteId,
125
+ orgId,
125
126
  filterOptions
126
127
  } = props;
127
128
  const {
@@ -142,6 +143,7 @@ const createDefaultSmartPickerAttributes = (props, state) => {
142
143
  productKey,
143
144
  queryLength: (query || '').length,
144
145
  siteId,
146
+ orgId,
145
147
  sessionId
146
148
  };
147
149
  };
package/dist/es2019/components/AddOptionAvatar.js CHANGED
@@ -6,7 +6,7 @@ import styled from 'styled-components';
6
6
  const EmailAvatarWrapper = styled.span`
7
7
  padding: ${props => props.isLozenge ? 0 : 4}px;
8
8
 
9
- background-color: ${token('color.background.subtleNeutral.resting', N40)};
9
+ background-color: ${token('color.background.neutral', N40)};
10
10
  border-radius: 50%;
11
11
  display: flex;
12
12
  align-items: center;
@@ -20,6 +20,6 @@ export const AddOptionAvatar = ({
20
20
  }, /*#__PURE__*/React.createElement(EmailIcon, {
21
21
  label: label,
22
22
  size: isLozenge ? 'small' : 'medium',
23
- primaryColor: token('color.text.mediumEmphasis', N500)
23
+ primaryColor: token('color.text.subtle', N500)
24
24
  }));
25
25
  };
package/dist/es2019/components/AvatarItemOption.js CHANGED
@@ -22,13 +22,13 @@ const Wrapper = styled.span`
22
22
  `;
23
23
  const Text = styled.span`
24
24
  margin: 0;
25
- color: ${token('color.text.selected', B400)};
25
+ color: ${token('color.text.brand', B400)};
26
26
  overflow-x: hidden;
27
27
  text-overflow: ellipsis;
28
28
  white-space: nowrap;
29
29
  ${({
30
30
  secondary
31
- }) => secondary && `color: ${token('color.text.selected', B400)}; font-size: 0.85em;`}
31
+ }) => secondary && `color: ${token('color.text.brand', B400)}; font-size: 0.85em;`}
32
32
  `;
33
33
  const AdditionalInfo = styled.span`
34
34
  float: right;
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.selected', B400) : token('color.text.highEmphasis', N800)
28
+ color: this.props.isSelected ? token('color.text.brand', 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.selected', B400) : token('color.text.lowEmphasis', N200)
34
+ color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
35
35
  }, label);
36
36
  });
37
37
 
package/dist/es2019/components/ExternalUserOption/main.js CHANGED
@@ -79,7 +79,7 @@ export class ExternalUserOption extends React.PureComponent {
79
79
  } = this.props;
80
80
  return /*#__PURE__*/React.createElement(TextWrapper, {
81
81
  key: "name",
82
- color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text.highEmphasis', N800)
82
+ color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text', N800)
83
83
  }, name);
84
84
  });
85
85
 
@@ -95,7 +95,7 @@ export class ExternalUserOption extends React.PureComponent {
95
95
  const [emailUser, emailDomain] = email.split('@');
96
96
  const emailDomainWithAt = `@${emailDomain}`;
97
97
  return /*#__PURE__*/React.createElement(TextWrapper, {
98
- color: this.props.isSelected ? token('color.text.selected', B400) : token('color.text.lowEmphasis', N200)
98
+ color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
99
99
  }, emailUser, /*#__PURE__*/React.createElement(EmailDomainWrapper, null, emailDomainWithAt));
100
100
  });
101
101
 
package/dist/es2019/components/GroupOption/main.js CHANGED
@@ -12,7 +12,7 @@ export const GroupOptionIconWrapper = styled.span`
12
12
  padding: 2px;
13
13
 
14
14
  > span {
15
- background-color: ${token('color.background.subtleNeutral.resting', N20)};
15
+ background-color: ${token('color.background.neutral', N20)};
16
16
  border-radius: 50%;
17
17
  padding: 4px;
18
18
  }
@@ -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.selected', B400) : token('color.text.highEmphasis', N800)
34
+ color: isSelected ? token('color.text.brand', 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.selected', B400) : token('color.text.lowEmphasis', N200)
50
+ color: isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
51
51
  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.groupByline));
52
52
  });
53
53
 
package/dist/es2019/components/PopupControl.js CHANGED
@@ -16,8 +16,8 @@ const ControlWrapper = styled.div`
16
16
  padding: 0px ${spacing}px ${spacing}px;
17
17
  `;
18
18
  const getColor = themed({
19
- light: token('color.text.lowEmphasis', N200),
20
- dark: token('color.text.lowEmphasis', DN90)
19
+ light: token('color.text.subtlest', N200),
20
+ dark: token('color.text.subtlest', DN90)
21
21
  });
22
22
 
23
23
  const getPadding = () => {
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.selected', B400) : token('color.text.highEmphasis', N800)
24
+ color: this.props.isSelected ? token('color.text.brand', 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.selected', B400) : token('color.text.lowEmphasis', N200)
67
+ color: isSelected ? token('color.text.brand', 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.selected', B400) : token('color.text.highEmphasis', N800)
23
+ color: this.props.isSelected ? token('color.text.brand', 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.selected', B400) : token('color.text.lowEmphasis', N200)
32
+ color: this.props.isSelected ? token('color.text.brand', 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.selected', B400) : token('color.text.lowEmphasis', N200)
42
+ color: this.props.isSelected ? token('color.text.brand', B400) : token('color.text.subtlest', N200)
43
43
  }, this.props.user.byline) : undefined);
44
44
 
45
45
  _defineProperty(this, "renderAvatar", () => {
package/dist/es2019/components/assets/github.js CHANGED
@@ -12,6 +12,6 @@ export function GitHubIcon(props) {
12
12
  fillRule: "evenodd",
13
13
  clipRule: "evenodd",
14
14
  d: "M11.9778 0C5.3635 0 0 5.45261 0 12.179C0 17.5601 3.432 22.1253 8.19114 23.7357C8.78975 23.8484 9.00952 23.4715 9.00952 23.1498C9.00952 22.8594 8.99841 21.9 8.99326 20.8823C5.66103 21.6191 4.95789 19.4454 4.95789 19.4454C4.41303 18.0376 3.62796 17.6633 3.62796 17.6633C2.54122 16.9074 3.70988 16.923 3.70988 16.923C4.91266 17.0089 5.54598 18.178 5.54598 18.178C6.61428 20.0399 8.34803 19.5016 9.03154 19.1904C9.13904 18.4033 9.44945 17.866 9.792 17.5619C7.13157 17.2539 4.33487 16.2096 4.33487 11.5429C4.33487 10.2133 4.80278 9.12682 5.56899 8.27391C5.44463 7.96716 5.03464 6.72844 5.68502 5.05087C5.68502 5.05087 6.69084 4.72354 8.97976 6.29927C9.9352 6.02942 10.9599 5.89409 11.9778 5.88945C12.9957 5.89409 14.0212 6.02942 14.9784 6.29927C17.2645 4.72354 18.269 5.05087 18.269 5.05087C18.9209 6.72844 18.5107 7.96716 18.3864 8.27391C19.1544 9.12682 19.6191 10.2133 19.6191 11.5429C19.6191 16.2207 16.8171 17.2507 14.1499 17.5522C14.5795 17.9301 14.9623 18.6713 14.9623 19.8076C14.9623 21.4371 14.9484 22.7487 14.9484 23.1498C14.9484 23.4739 15.164 23.8537 15.7712 23.7341C20.5277 22.1219 23.9554 17.5582 23.9554 12.179C23.9554 5.45261 18.5927 0 11.9778 0Z",
15
- fill: token('color.text.onBold', 'white')
15
+ fill: token('color.text.inverse', 'white')
16
16
  }));
17
17
  }
package/dist/es2019/components/assets/google.js CHANGED
@@ -12,21 +12,21 @@ export function GoogleIcon(props) {
12
12
  fillRule: "evenodd",
13
13
  clipRule: "evenodd",
14
14
  d: "M8.32062 3.21332L10.014 1.55999C8.97396 0.593331 7.62063 0 6.00062 0C3.65396 0 1.62729 1.34666 0.640625 3.30665L2.58062 4.81331C3.06729 3.36665 4.41396 2.31999 6.00062 2.31999C7.12729 2.31999 7.88729 2.80665 8.32062 3.21332Z",
15
- fill: token('color.text.onBold', 'white')
15
+ fill: token('color.text.inverse', 'white')
16
16
  }), /*#__PURE__*/React.createElement("path", {
17
17
  fillRule: "evenodd",
18
18
  clipRule: "evenodd",
19
19
  d: "M11.76 6.13291C11.76 5.63958 11.72 5.27958 11.6333 4.90625H6V7.13291H9.30667C9.24 7.68624 8.88 8.51957 8.08 9.07957L9.97333 10.5462C11.1067 9.49956 11.76 7.95957 11.76 6.13291V6.13291V6.13291Z",
20
- fill: token('color.text.onBold', 'white')
20
+ fill: token('color.text.inverse', 'white')
21
21
  }), /*#__PURE__*/React.createElement("path", {
22
22
  fillRule: "evenodd",
23
23
  clipRule: "evenodd",
24
24
  d: "M2.58667 7.18662C2.46 6.81329 2.38667 6.41329 2.38667 5.99996C2.38667 5.58663 2.46 5.18663 2.58 4.8133L0.64 3.30664C0.233333 4.11997 0 5.0333 0 5.99996C0 6.96662 0.233333 7.87995 0.64 8.69328L2.58667 7.18662V7.18662Z",
25
- fill: token('color.text.onBold', 'white')
25
+ fill: token('color.text.inverse', 'white')
26
26
  }), /*#__PURE__*/React.createElement("path", {
27
27
  fillRule: "evenodd",
28
28
  clipRule: "evenodd",
29
29
  d: "M6.00079 12.0008C7.62079 12.0008 8.98079 11.4675 9.97413 10.5475L8.08079 9.08083C7.57413 9.43416 6.89413 9.68082 6.00079 9.68082C4.41413 9.68082 3.06746 8.63416 2.58746 7.1875L0.647461 8.69416C1.63413 10.6542 3.65413 12.0008 6.00079 12.0008V12.0008V12.0008Z",
30
- fill: token('color.text.onBold', 'white')
30
+ fill: token('color.text.inverse', 'white')
31
31
  }));
32
32
  }