@atlaskit/user-picker 7.16.4 → 8.1.0

package/dist/cjs/components/assets/google.js

@@ -11,6 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
+var _tokens = require("@atlaskit/tokens");
+
 function GoogleIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     width: "12",
@@ -22,21 +24,21 @@ function GoogleIcon(props) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     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",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     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",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     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",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }), /*#__PURE__*/_react.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     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",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }));
 }

package/dist/cjs/components/assets/microsoft.js

@@ -11,6 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
+var _tokens = require("@atlaskit/tokens");
+
 function MicrosoftIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     width: "12",
@@ -22,21 +24,21 @@ function MicrosoftIcon(props) {
     clipPath: "url(#clip0)"
   }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M0 0H5.70233V5.7023H0V0Z",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M6.29785 0H12.0002V5.7023H6.29785V0Z",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M0 6.29688H5.70233V11.9992H0V6.29688Z",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M6.29785 6.29688H12.0002V11.9992H6.29785V6.29688Z",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   })), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
     id: "clip0"
   }, /*#__PURE__*/_react.default.createElement("rect", {
     width: "12",
     height: "11.9999",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }))));
 }

package/dist/cjs/components/assets/slack.js

@@ -11,6 +11,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
+var _tokens = require("@atlaskit/tokens");
+
 function SlackIcon(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
     width: "12",
@@ -22,33 +24,33 @@ function SlackIcon(props) {
     clipPath: "url(#clip0)"
   }, /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }), /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }), /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }), /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }), /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }), /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }), /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }), /*#__PURE__*/_react.default.createElement("path", {
     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",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   })), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
     id: "clip0"
   }, /*#__PURE__*/_react.default.createElement("rect", {
     width: "12",
     height: "11.9999",
-    fill: "white"
+    fill: (0, _tokens.token)('color.text.onBold', 'white')
   }))));
 }

package/dist/cjs/components/i18n.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var messages = (0, _reactIntl.defineMessages)({
+var messages = (0, _reactIntlNext.defineMessages)({
   placeholder: {
     id: 'fabric.elements.user-picker.placeholder',
     defaultMessage: 'Enter people or teams...',

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

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hydrateDefaultValues = hydrateDefaultValues;
 exports.default = void 0;
+exports.hydrateDefaultValues = hydrateDefaultValues;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -38,7 +38,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _analytics = require("../../../analytics");
 
@@ -582,7 +582,7 @@ var SmartUserPicker = /*#__PURE__*/function (_React$Component) {
   prefetch: false,
   principalId: 'Context'
 });
-var WrappedSmartUserPicker = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntl.injectIntl)(SmartUserPicker));
+var WrappedSmartUserPicker = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(SmartUserPicker));
 /**
  * @deprecated
  */

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.JDOG_CLOUD_ID = exports.getConfig = exports.setSmartUserPickerEnv = void 0;
+exports.setSmartUserPickerEnv = exports.getConfig = exports.JDOG_CLOUD_ID = void 0;
 var env = 'prod';
 var STG_INSTANCE = 'https://api-private.stg.atlassian.com';
 var LOCAL_CONFIG = {

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

@@ -11,16 +11,16 @@ Object.defineProperty(exports, "SmartUserPicker", {
     return _components.default;
   }
 });
-Object.defineProperty(exports, "hydrateDefaultValues", {
+Object.defineProperty(exports, "getUserRecommendations", {
   enumerable: true,
   get: function get() {
-    return _components.hydrateDefaultValues;
+    return _service.getUserRecommendations;
   }
 });
-Object.defineProperty(exports, "getUserRecommendations", {
+Object.defineProperty(exports, "hydrateDefaultValues", {
   enumerable: true,
   get: function get() {
-    return _service.getUserRecommendations;
+    return _components.hydrateDefaultValues;
   }
 });
 Object.defineProperty(exports, "setSmartUserPickerEnv", {

package/dist/cjs/components/styles.js

@@ -2,12 +2,10 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPopupStyles = exports.getStyles = exports.INDICATOR_WIDTH = exports.AVATAR_PADDING = exports.BORDER_PADDING = void 0;
+exports.getStyles = exports.getPopupStyles = exports.INDICATOR_WIDTH = exports.BORDER_PADDING = exports.AVATAR_PADDING = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -15,7 +13,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _avatar = require("@atlaskit/avatar");
 
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
+var _colors = require("@atlaskit/theme/colors");
+
+var _tokens = require("@atlaskit/tokens");
 
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
@@ -23,10 +23,6 @@ var _utils = require("./utils");
 
 var _select = require("@atlaskit/select");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -52,14 +48,14 @@ var getStyles = (0, _memoizeOne.default)(function (width, isMulti, overrideStyle
       var isMulti = state.selectProps.isMulti;
       return _objectSpread(_objectSpread({}, css), {}, {
         width: width,
-        borderColor: state.isFocused ? css.borderColor : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : colors.N40,
-        backgroundColor: state.isFocused ? css['backgroundColor'] : state.selectProps.subtle ? 'transparent' : state.selectProps.textFieldBackgroundColor ? colors.N10 : colors.N20,
+        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),
+        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),
         '&:hover .fabric-user-picker__clear-indicator': {
           opacity: 1
         },
         ':hover': _objectSpread(_objectSpread({}, css[':hover']), {}, {
-          borderColor: state.isFocused ? css[':hover'] ? css[':hover'].borderColor : colors.B100 : state.selectProps.subtle ? state.selectProps.hoveringClearIndicator ? colors.R50 : colors.N30 : colors.N40,
-          backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? colors.R50 : state.isFocused ? css[':hover'] ? css[':hover'].backgroundColor : colors.N0 : state.isDisabled ? colors.N10 : colors.N30
+          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),
+          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)
         }),
         padding: 0,
         minHeight: isCompact ? 'none' : 44,
@@ -82,7 +78,7 @@ var getStyles = (0, _memoizeOne.default)(function (width, isMulti, overrideStyle
         paddingTop: 0,
         padding: 0,
         ':hover': {
-          color: colors.R400
+          color: (0, _tokens.token)('color.text.danger', _colors.R400)
         }
       });
     },
@@ -178,14 +174,14 @@ var getStyles = (0, _memoizeOne.default)(function (width, isMulti, overrideStyle
         paddingLeft: isMulti ? 0 : AVATAR_PADDING,
         '& input::placeholder': {
           /* Chrome, Firefox, Opera, Safari 10.1+ */
-          color: colors.N100,
+          color: (0, _tokens.token)('color.text.lowEmphasis', _colors.N100),
           opacity: 1
           /* Firefox */
 
         },
         '& input:-ms-input-placeholder': {
           /* Internet Explorer 10-11 */
-          color: colors.N100
+          color: (0, _tokens.token)('color.text.lowEmphasis', _colors.N100)
         }
       });
     }

package/dist/cjs/components/utils.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isPopupUserPickerByProps = exports.isPopupUserPickerByComponent = exports.getAvatarUrl = exports.callCallback = exports.hasValue = exports.isSingleValue = exports.isChildInput = exports.getAvatarSize = exports.optionToSelectableOptions = exports.getOptions = exports.isIterable = exports.extractOptionValue = exports.optionToSelectableOption = exports.isEmail = exports.isGroup = exports.isTeam = exports.isUser = exports.isExternalUser = void 0;
+exports.optionToSelectableOptions = exports.optionToSelectableOption = exports.isUser = exports.isTeam = exports.isSingleValue = exports.isPopupUserPickerByProps = exports.isPopupUserPickerByComponent = exports.isIterable = exports.isGroup = exports.isExternalUser = exports.isEmail = exports.isChildInput = exports.hasValue = exports.getOptions = exports.getAvatarUrl = exports.getAvatarSize = exports.extractOptionValue = exports.callCallback = void 0;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 

package/dist/cjs/i18n/fi.js

@@ -14,6 +14,8 @@ exports.default = void 0;
 // Finnish
 var _default = {
   'fabric.elements.user-picker.email.add': 'Lisää käyttäjä',
+  'fabric.elements.user-picker.email.add.potential': 'Anna sähköpostiosoite',
+  'fabric.elements.user-picker.email.select.to.add': 'Valitse sähköpostiosoite',
   'fabric.elements.user-picker.external.sourced.from': 'Löydetty kohteesta:',
   'fabric.elements.user-picker.github.provider': 'GitHub',
   'fabric.elements.user-picker.google.provider': 'Google',

package/dist/cjs/i18n/fr.js

@@ -14,6 +14,8 @@ exports.default = void 0;
 // French
 var _default = {
   'fabric.elements.user-picker.email.add': 'Ajoutez un utilisateur',
+  'fabric.elements.user-picker.email.add.potential': 'Saisissez une adresse e-mail',
+  'fabric.elements.user-picker.email.select.to.add': 'Sélectionnez une adresse e-mail',
   'fabric.elements.user-picker.external.sourced.from': 'Trouvé dans :',
   'fabric.elements.user-picker.github.provider': 'GitHub',
   'fabric.elements.user-picker.google.provider': 'Google',
@@ -25,7 +27,7 @@ var _default = {
   'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
   'fabric.elements.user-picker.multi.remove-item': 'Supprimer',
   'fabric.elements.user-picker.placeholder': 'Saisissez des personnes ou des équipes…',
-  'fabric.elements.user-picker.placeholder.add-more': 'ajouter davantage de personnes…',
+  'fabric.elements.user-picker.placeholder.add-more': 'ajouter plus de personnes…',
   'fabric.elements.user-picker.single.clear': 'Effacer',
   'fabric.elements.user-picker.slack.provider': 'Slack',
   'fabric.elements.user-picker.team.member.50plus': 'Équipe • Plus de 50 membres',

package/dist/cjs/i18n/index.js

@@ -5,12 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "en_ZZ", {
-  enumerable: true,
-  get: function get() {
-    return _en_ZZ.default;
-  }
-});
 Object.defineProperty(exports, "cs", {
   enumerable: true,
   get: function get() {
@@ -41,6 +35,12 @@ Object.defineProperty(exports, "en_GB", {
     return _en_GB.default;
   }
 });
+Object.defineProperty(exports, "en_ZZ", {
+  enumerable: true,
+  get: function get() {
+    return _en_ZZ.default;
+  }
+});
 Object.defineProperty(exports, "es", {
   enumerable: true,
   get: function get() {
@@ -186,19 +186,15 @@ Object.defineProperty(exports, "zh_TW", {
   }
 });
 
-var _en_ZZ = _interopRequireDefault(require("./en_ZZ"));
+var _zh = _interopRequireDefault(require("./zh"));
+
+var _zh_TW = _interopRequireDefault(require("./zh_TW"));
 
 var _cs = _interopRequireDefault(require("./cs"));
 
 var _da = _interopRequireDefault(require("./da"));
 
-var _de = _interopRequireDefault(require("./de"));
-
-var _en = _interopRequireDefault(require("./en"));
-
-var _en_GB = _interopRequireDefault(require("./en_GB"));
-
-var _es = _interopRequireDefault(require("./es"));
+var _nl = _interopRequireDefault(require("./nl"));
 
 var _et = _interopRequireDefault(require("./et"));
 
@@ -206,9 +202,9 @@ var _fi = _interopRequireDefault(require("./fi"));
 
 var _fr = _interopRequireDefault(require("./fr"));
 
-var _hu = _interopRequireDefault(require("./hu"));
+var _de = _interopRequireDefault(require("./de"));
 
-var _is = _interopRequireDefault(require("./is"));
+var _hu = _interopRequireDefault(require("./hu"));
 
 var _it = _interopRequireDefault(require("./it"));
 
@@ -218,20 +214,18 @@ var _ko = _interopRequireDefault(require("./ko"));
 
 var _nb = _interopRequireDefault(require("./nb"));
 
-var _nl = _interopRequireDefault(require("./nl"));
-
 var _pl = _interopRequireDefault(require("./pl"));
 
 var _pt_BR = _interopRequireDefault(require("./pt_BR"));
 
 var _pt_PT = _interopRequireDefault(require("./pt_PT"));
 
-var _ro = _interopRequireDefault(require("./ro"));
-
 var _ru = _interopRequireDefault(require("./ru"));
 
 var _sk = _interopRequireDefault(require("./sk"));
 
+var _es = _interopRequireDefault(require("./es"));
+
 var _sv = _interopRequireDefault(require("./sv"));
 
 var _th = _interopRequireDefault(require("./th"));
@@ -242,6 +236,12 @@ var _uk = _interopRequireDefault(require("./uk"));
 
 var _vi = _interopRequireDefault(require("./vi"));
 
-var _zh = _interopRequireDefault(require("./zh"));
+var _en_ZZ = _interopRequireDefault(require("./en_ZZ"));
+
+var _en = _interopRequireDefault(require("./en"));
+
+var _en_GB = _interopRequireDefault(require("./en_GB"));
+
+var _is = _interopRequireDefault(require("./is"));
 
-var _zh_TW = _interopRequireDefault(require("./zh_TW"));
+var _ro = _interopRequireDefault(require("./ro"));

package/dist/cjs/i18n/uk.js

@@ -14,6 +14,8 @@ exports.default = void 0;
 // Ukrainian
 var _default = {
   'fabric.elements.user-picker.email.add': 'Додайте користувача',
+  'fabric.elements.user-picker.email.add.potential': 'Введіть адресу електронної пошти',
+  'fabric.elements.user-picker.email.select.to.add': 'Виберіть адресу електронної пошти',
   'fabric.elements.user-picker.external.sourced.from': 'Знайдено в:',
   'fabric.elements.user-picker.github.provider': 'GitHub',
   'fabric.elements.user-picker.google.provider': 'Google',

package/dist/cjs/i18n/zh_TW.js

@@ -14,6 +14,8 @@ exports.default = void 0;
 // undefined
 var _default = {
   'fabric.elements.user-picker.email.add': '新增使用者',
+  'fabric.elements.user-picker.email.add.potential': '輸入電子郵件地址',
+  'fabric.elements.user-picker.email.select.to.add': '選取電子郵件地址',
   'fabric.elements.user-picker.external.sourced.from': '尋找位置：',
   'fabric.elements.user-picker.github.provider': 'GitHub',
   'fabric.elements.user-picker.google.provider': 'Google',

package/dist/cjs/index.js

@@ -3,88 +3,88 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "isValidEmail", {
+Object.defineProperty(exports, "EmailType", {
   enumerable: true,
   get: function get() {
-    return _emailValidation.isValidEmail;
+    return _types.EmailType;
   }
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "GroupType", {
   enumerable: true,
   get: function get() {
-    return _UserPicker.UserPicker;
+    return _types.GroupType;
   }
 });
-Object.defineProperty(exports, "getUserRecommendations", {
+Object.defineProperty(exports, "PopupUserPicker", {
   enumerable: true,
   get: function get() {
-    return _index.getUserRecommendations;
+    return _PopupUserPicker.PopupUserPicker;
   }
 });
-Object.defineProperty(exports, "hydrateDefaultValues", {
+Object.defineProperty(exports, "SmartUserPicker", {
   enumerable: true,
   get: function get() {
-    return _index.hydrateDefaultValues;
+    return _index.SmartUserPicker;
   }
 });
-Object.defineProperty(exports, "SmartUserPicker", {
+Object.defineProperty(exports, "TeamType", {
   enumerable: true,
   get: function get() {
-    return _index.SmartUserPicker;
+    return _types.TeamType;
   }
 });
-Object.defineProperty(exports, "setSmartUserPickerEnv", {
+Object.defineProperty(exports, "UserType", {
   enumerable: true,
   get: function get() {
-    return _index.setSmartUserPickerEnv;
+    return _types.UserType;
   }
 });
-Object.defineProperty(exports, "PopupUserPicker", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _PopupUserPicker.PopupUserPicker;
+    return _UserPicker.UserPicker;
   }
 });
-Object.defineProperty(exports, "isEmail", {
+Object.defineProperty(exports, "getUserRecommendations", {
   enumerable: true,
   get: function get() {
-    return _utils.isEmail;
+    return _index.getUserRecommendations;
   }
 });
-Object.defineProperty(exports, "isTeam", {
+Object.defineProperty(exports, "hydrateDefaultValues", {
   enumerable: true,
   get: function get() {
-    return _utils.isTeam;
+    return _index.hydrateDefaultValues;
   }
 });
-Object.defineProperty(exports, "isUser", {
+Object.defineProperty(exports, "isEmail", {
   enumerable: true,
   get: function get() {
-    return _utils.isUser;
+    return _utils.isEmail;
   }
 });
-Object.defineProperty(exports, "EmailType", {
+Object.defineProperty(exports, "isTeam", {
   enumerable: true,
   get: function get() {
-    return _types.EmailType;
+    return _utils.isTeam;
   }
 });
-Object.defineProperty(exports, "GroupType", {
+Object.defineProperty(exports, "isUser", {
   enumerable: true,
   get: function get() {
-    return _types.GroupType;
+    return _utils.isUser;
   }
 });
-Object.defineProperty(exports, "TeamType", {
+Object.defineProperty(exports, "isValidEmail", {
   enumerable: true,
   get: function get() {
-    return _types.TeamType;
+    return _emailValidation.isValidEmail;
   }
 });
-Object.defineProperty(exports, "UserType", {
+Object.defineProperty(exports, "setSmartUserPickerEnv", {
   enumerable: true,
   get: function get() {
-    return _types.UserType;
+    return _index.setSmartUserPickerEnv;
   }
 });
 

package/dist/cjs/types.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EmailType = exports.GroupType = exports.TeamType = exports.UserType = void 0;
+exports.UserType = exports.TeamType = exports.GroupType = exports.EmailType = void 0;
 var UserType = 'user';
 exports.UserType = UserType;
 var TeamType = 'team';

package/dist/cjs/version.json

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

package/dist/es2019/components/AddOptionAvatar.js

@@ -1,12 +1,12 @@
 import EmailIcon from '@atlaskit/icon/glyph/email';
 import { N40, N500 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 import React from 'react';
 import styled from 'styled-components';
 const EmailAvatarWrapper = styled.span`
-  color: black;
   padding: ${props => props.isLozenge ? 0 : 4}px;
 
-  background-color: ${N40};
+  background-color: ${token('color.background.subtleNeutral.resting', N40)};
   border-radius: 50%;
   display: flex;
   align-items: center;
@@ -20,6 +20,6 @@ export const AddOptionAvatar = ({
   }, /*#__PURE__*/React.createElement(EmailIcon, {
     label: label,
     size: isLozenge ? 'small' : 'medium',
-    primaryColor: N500
+    primaryColor: token('color.text.mediumEmphasis', N500)
   }));
 };

package/dist/es2019/components/AvatarItemOption.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import { B400 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 import Lozenge from '@atlaskit/lozenge';
 import Tooltip from '@atlaskit/tooltip';
 const Wrapper = styled.span`
@@ -15,13 +16,13 @@ const Wrapper = styled.span`
 `;
 const Text = styled.span`
   margin: 0;
-  color: ${B400};
+  color: ${token('color.text.selected', B400)};
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   ${({
   secondary
-}) => secondary && `color: ${B400}; font-size: 0.85em;`}
+}) => secondary && `color: ${token('color.text.selected', B400)}; font-size: 0.85em;`}
 `;
 const AdditionalInfo = styled.span`
   float: right;

package/dist/es2019/components/BaseUserPicker.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import debounce from 'lodash/debounce';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { cancelEvent, clearEvent, createAndFireEventInElementsChannel, deleteEvent, failedEvent, focusEvent, searchedEvent, selectEvent, startSession } from '../analytics';
 import { batchByKey } from './batch';
 import { messages } from './i18n';