@atlaskit/user-picker 10.20.4 → 10.21.1

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

@@ -3,6 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { B400 } from '@atlaskit/theme/colors';
 var outerWrapper = function outerWrapper(isDisabled) {
@@ -14,7 +15,9 @@ var outerWrapper = function outerWrapper(isDisabled) {
     outline: 'none',
     margin: 0,
     width: '100%',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     cursor: isDisabled ? 'not-allowed' : 'pointer',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     opacity: isDisabled ? "var(--ds-opacity-disabled, 0.4)" : undefined
   });
 };
@@ -45,6 +48,7 @@ var getTextStyle = function getTextStyle(isSecondary) {
     secondaryCssArgs: secondaryCssArgs
   }), {}, {
     whiteSpace: 'nowrap',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '> span': {
       maxWidth: 'inherit'
     }
@@ -56,15 +60,18 @@ export var ExternalAvatarItemOption = function ExternalAvatarItemOption(_ref) {
     primaryText = _ref.primaryText,
     secondaryText = _ref.secondaryText,
     sourcesInfoTooltip = _ref.sourcesInfoTooltip;
-  return jsx("div", {
-    css: outerWrapper(isDisabled)
-  }, avatar, jsx("div", {
-    css: detailsWrapper
-  }, jsx("div", {
-    css: textSection
-  }, jsx("div", null, jsx("div", {
-    css: getTextStyle()
-  }, primaryText)), secondaryText && jsx("div", null, jsx("div", {
-    css: getTextStyle(true)
-  }, secondaryText))), jsx("div", null, sourcesInfoTooltip)));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: outerWrapper(isDisabled)
+    }, avatar, jsx("div", {
+      css: detailsWrapper
+    }, jsx("div", {
+      css: textSection
+    }, jsx("div", null, jsx("div", {
+      css: getTextStyle()
+    }, primaryText)), secondaryText && jsx("div", null, jsx("div", {
+      css: getTextStyle(true)
+    }, secondaryText))), jsx("div", null, sourcesInfoTooltip)))
+  );
 };

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

@@ -1,6 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @jsx jsx */
 import { useCallback, useState } from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import EditorPanelIcon from '@atlaskit/icon/glyph/editor/panel';
 import { N50, N200 } from '@atlaskit/theme/colors';

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

@@ -2,6 +2,7 @@
 import { Box, xcss } from '@atlaskit/primitives';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { AtlassianIcon, ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
 import Spinner from '@atlaskit/spinner/spinner';
@@ -14,6 +15,8 @@ var sourcesTooltipContainer = xcss({
   paddingBottom: 'space.050',
   paddingRight: 'space.050'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var sourceWrapper = css({
   paddingTop: "var(--ds-space-050, 4px)",
   display: 'flex',

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

@@ -10,6 +10,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import React from 'react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { B400, N200, N800 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
@@ -21,6 +22,8 @@ import { ExternalUserSourcesContainer } from '../ExternalUserSourcesContainer';
 import InfoIcon from './InfoIcon';
 import { ExternalAvatarItemOption } from './ExternalAvatarItemOption';
 import { SourcesTooltipContent } from './SourcesTooltipContent';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var imageContainer = css({
   height: '16px',
   width: '16px',
@@ -29,6 +32,8 @@ export var imageContainer = css({
   alignItems: 'center',
   justifyContent: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var emailDomainWrapper = css({
   fontWeight: 'bold'
 });
@@ -45,7 +50,9 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "getPrimaryText", function () {
       var name = _this.props.user.name;
       return jsx("span", {
-        key: "name",
+        key: "name"
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        ,
         css: textWrapper(_this.props.isSelected ? "var(--ds-text-selected, ".concat(B400, ")") : "var(--ds-text, ".concat(N800, ")"))
       }, name);
     });
@@ -60,6 +67,7 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
 
       // Render byline if present
       if (byline) {
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         return jsx("span", {
           css: textWrapper(textColor)
         }, byline);
@@ -72,11 +80,14 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
           emailUser = _email$split2[0],
           emailDomain = _email$split2[1];
         var emailDomainWithAt = "@".concat(emailDomain);
-        return jsx("span", {
-          css: textWrapper(textColor)
-        }, emailUser, jsx("span", {
-          css: emailDomainWrapper
-        }, emailDomainWithAt));
+        return (
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+          jsx("span", {
+            css: textWrapper(textColor)
+          }, emailUser, jsx("span", {
+            css: emailDomainWrapper
+          }, emailDomainWithAt))
+        );
       }
     });
     _defineProperty(_assertThisInitialized(_this), "renderAvatar", function () {

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

@@ -10,14 +10,18 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 /** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { N20, B400, N800, N200 } from '@atlaskit/theme/colors';
 import PeopleIcon from '@atlaskit/icon/glyph/people';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { messages } from '../i18n';
 import { HighlightText } from '../HighlightText';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var groupOptionIconWrapper = css({
   padding: "var(--ds-space-025, 2px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> span': {
     backgroundColor: "var(--ds-background-neutral, ".concat(N20, ")"),
     borderRadius: '50%',
@@ -41,7 +45,9 @@ export var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
         name = _this$props$group.name,
         highlight = _this$props$group.highlight;
       return [jsx("span", {
-        key: "name",
+        key: "name"
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        ,
         css: textWrapper(isSelected ? "var(--ds-text-selected, ".concat(B400, ")") : "var(--ds-text, ".concat(N800, ")"))
       }, jsx(HighlightText, {
         highlights: highlight && highlight.name
@@ -58,6 +64,7 @@ export var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "renderByline", function () {
       var isSelected = _this.props.isSelected;
       return jsx("span", {
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         css: textWrapper(isSelected ? "var(--ds-text-selected, ".concat(B400, ")") : "var(--ds-text-subtlest, ".concat(N200, ")")),
         "data-testid": "user-picker-group-secondary-text"
       }, jsx(FormattedMessage, messages.groupByline));

package/dist/esm/components/Menu.js

@@ -8,6 +8,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 /** @jsx jsx */
 import React from 'react';
 import { components } from '@atlaskit/select';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var getFooterStyle = function getFooterStyle() {
   return css({
@@ -24,7 +25,9 @@ export var Menu = /*#__PURE__*/function (_React$Component) {
   _createClass(Menu, [{
     key: "render",
     value: function render() {
-      return jsx(components.Menu, this.props, this.props.selectProps.header, this.props.children, this.props.selectProps.footer && jsx("div", {
+      return jsx(components.Menu, this.props, this.props.selectProps.header, this.props.children, this.props.selectProps.footer &&
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+      jsx("div", {
         css: getFooterStyle()
       }, this.props.selectProps.footer));
     }

package/dist/esm/components/MultiValue.js

@@ -15,6 +15,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { Box, xcss } from '@atlaskit/primitives';
 import { components } from '@atlaskit/select';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { AddOptionAvatar } from './AddOptionAvatar';
 import { SizeableAvatar } from './SizeableAvatar';

package/dist/esm/components/PopupControl.js

@@ -8,6 +8,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 /** @jsx jsx */
 import React from 'react';
 import { components } from '@atlaskit/select';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { N200 } from '@atlaskit/theme/colors';
 var spacing = 8;
@@ -24,6 +25,7 @@ var getLabelStyle = function getLabelStyle() {
     color: "var(--ds-text-subtlest, ".concat(N200, ")"),
     fontSize: "".concat(fontSize, "px"),
     fontWeight: 600,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     lineHeight: "".concat(lineHeight),
     paddingBottom: "var(--ds-space-050, 4px)",
     paddingLeft: "var(--ds-space-0, 0px)",

package/dist/esm/components/SingleValue.js

@@ -3,16 +3,20 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["ref"];
 /** @jsx jsx */
 import { AvatarItem } from '@atlaskit/avatar';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { components } from '@atlaskit/select';
 import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl } from './utils';
 var avatarItemComponent = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   border: 'none !important',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   padding: "var(--ds-space-0, 0px)".concat(" !important"),
   width: 'auto',
   overflow: 'hidden',
   minWidth: '100px',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > span': {
     boxSizing: 'border-box'
   },

package/dist/esm/components/SingleValueContainer.js

@@ -11,12 +11,14 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { components } from '@atlaskit/select';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import React from 'react';
 import { SizeableAvatar } from './SizeableAvatar';
 import { BORDER_PADDING } from './styles';
 import ValueContainerWrapper from './ValueContainerWrapper';
 var placeholderIconContainer = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   paddingLeft: BORDER_PADDING,
   lineHeight: 0,
   gridArea: '1/1/2/2'
@@ -55,7 +57,9 @@ export var SingleValueContainer = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "onValueContainerClick", _this.props.selectProps.onValueContainerClick);
     _defineProperty(_assertThisInitialized(_this), "Wrapper", function (_ref) {
       var children = _ref.children;
-      return _this.onValueContainerClick ? jsx("div", {
+      return _this.onValueContainerClick ?
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      jsx("div", {
         css: css({
           flexGrow: 1
         }),

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

@@ -10,6 +10,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { B400, N800, N200 } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
@@ -32,7 +33,9 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
         name = _this$props$team.name,
         highlight = _this$props$team.highlight;
       return [jsx("span", {
-        key: "name",
+        key: "name"
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        ,
         css: textWrapper(_this.props.isSelected ? "var(--ds-text-selected, ".concat(B400, ")") : "var(--ds-text, ".concat(N800, ")"))
       }, jsx(HighlightText, {
         highlights: highlight && highlight.name
@@ -74,6 +77,7 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "getBylineComponent", function (isSelected, message) {
       return jsx("span", {
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         css: textWrapper(isSelected ? "var(--ds-text-selected, ".concat(B400, ")") : "var(--ds-text-subtlest, ".concat(N200, ")")),
         "data-testid": "user-picker-team-secondary-text"
       }, message);
@@ -97,6 +101,7 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
         return undefined;
       }
       return jsx("span", {
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         css: textWrapper(_this.props.isSelected ? "var(--ds-text-selected, ".concat(B400, ")") : "var(--ds-text-subtlest, ".concat(N200, ")"))
       }, _this.props.team.byline);
     });

package/dist/esm/components/UserOption.js

@@ -9,6 +9,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
 import { B400, N800, N200 } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';
 import { AvatarItemOption, textWrapper } from './AvatarItemOption';
@@ -31,7 +32,9 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
         publicName = _this$props$user.publicName,
         highlight = _this$props$user.highlight;
       var result = [jsx("span", {
-        key: "name",
+        key: "name"
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        ,
         css: textWrapper(_this.props.isSelected ? "var(--ds-text-selected, ".concat(B400, ")") : "var(--ds-text, ".concat(N800, ")"))
       }, jsx(HighlightText, {
         highlights: highlight && highlight.name
@@ -40,6 +43,7 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
         result.push(jsx(React.Fragment, {
           key: "publicName"
         }, ' ', jsx("span", {
+          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
           css: textWrapper(_this.props.isSelected ? "var(--ds-text-selected, ".concat(B400, ")") : "var(--ds-text-subtlest, ".concat(N200, ")"))
         }, "(", jsx(HighlightText, {
           highlights: highlight && highlight.publicName
@@ -49,6 +53,7 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "renderSecondaryText", function () {
       return _this.props.user.byline ? jsx("span", {
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         css: textWrapper(_this.props.isSelected ? "var(--ds-text-selected, ".concat(B400, ")") : "var(--ds-text-subtlest, ".concat(N200, ")"))
       }, _this.props.user.byline) : undefined;
     });

package/dist/esm/components/UserPicker.js

@@ -82,7 +82,9 @@ export var UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component)
         fetchUserSource: loadUserSource
       }, /*#__PURE__*/React.createElement(BaseUserPickerWithoutAnalytics, _extends({}, this.props, {
         width: width,
-        SelectComponent: SelectComponent,
+        SelectComponent: SelectComponent
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        ,
         styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles),
         components: getComponents(isMulti, anchor),
         pickerProps: pickerProps

package/dist/esm/components/ValueContainerWrapper.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 
 /**
@@ -10,7 +11,9 @@ var ValueContainerWrapper = function ValueContainerWrapper(_ref) {
   var children = _ref.children,
     isEnabled = _ref.isEnabled,
     onMouseDown = _ref.onMouseDown;
-  return isEnabled ? jsx("div", {
+  return isEnabled ?
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  jsx("div", {
     css: css({
       flexGrow: 1
     }),

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export { isValidEmail } from './components/emailValidation';
-export type { EmailValidationResponse, EmailValidator, } from './components/emailValidation';
+export type { EmailValidationResponse, EmailValidator } from './components/emailValidation';
 export { UserPicker as default } from './components/UserPicker';
 export { PopupUserPicker } from './components/PopupUserPicker';
 export { isEmail, isExternalUser, isTeam, isUser } from './components/utils';

package/dist/types-ts4.5/index.d.ts

@@ -1,5 +1,5 @@
 export { isValidEmail } from './components/emailValidation';
-export type { EmailValidationResponse, EmailValidator, } from './components/emailValidation';
+export type { EmailValidationResponse, EmailValidator } from './components/emailValidation';
 export { UserPicker as default } from './components/UserPicker';
 export { PopupUserPicker } from './components/PopupUserPicker';
 export { isEmail, isExternalUser, isTeam, isUser } from './components/utils';

package/docs/0-intro.tsx

@@ -1,11 +1,5 @@
 import React from 'react';
-import {
-  code,
-  Example,
-  md,
-  Props,
-  AtlassianInternalWarning,
-} from '@atlaskit/docs';
+import { code, Example, md, Props, AtlassianInternalWarning } from '@atlaskit/docs';
 
 export default md`
   ${(<AtlassianInternalWarning />)}
@@ -26,39 +20,39 @@ export default md`
   ${code`import UserPicker from '@atlaskit/user-picker';`}
 
   ${(
-    <Example
-      packageName="@atlaskit/user-picker"
-      Component={require('../examples/00-single').default}
-      title="Single User Picker"
-      source={require('!!raw-loader!../examples/00-single')}
-    />
-  )}
+		<Example
+			packageName="@atlaskit/user-picker"
+			Component={require('../examples/00-single').default}
+			title="Single User Picker"
+			source={require('!!raw-loader!../examples/00-single')}
+		/>
+	)}
 
   ${(
-    <Example
-      packageName="@atlaskit/user-picker"
-      Component={require('../examples/01-multi').default}
-      title="Multi User Picker"
-      source={require('!!raw-loader!../examples/01-multi')}
-    />
-  )}
+		<Example
+			packageName="@atlaskit/user-picker"
+			Component={require('../examples/01-multi').default}
+			title="Multi User Picker"
+			source={require('!!raw-loader!../examples/01-multi')}
+		/>
+	)}
 
   ${(
-    <Example
-      packageName="@atlaskit/user-picker"
-      Component={require('../examples/11-watchers').default}
-      title="Watchers"
-      source={require('!!raw-loader!../examples/11-watchers')}
-    />
-  )}
+		<Example
+			packageName="@atlaskit/user-picker"
+			Component={require('../examples/11-watchers').default}
+			title="Watchers"
+			source={require('!!raw-loader!../examples/11-watchers')}
+		/>
+	)}
 
   ${(
-    <Props
-      heading="User Picker Props"
-      props={require('!!extract-react-types-loader!../src/components/UserPicker')}
-      overrides={{
-        createAnalyticsEvent: () => null,
-      }}
-    />
-  )}
+		<Props
+			heading="User Picker Props"
+			props={require('!!extract-react-types-loader!../src/components/UserPicker')}
+			overrides={{
+				createAnalyticsEvent: () => null,
+			}}
+		/>
+	)}
 `;

package/docs/1-smart-user-picker.tsx

@@ -4,16 +4,16 @@ import SectionMessage from '@atlaskit/section-message';
 
 export default md`
   ${(
-    <SectionMessage
-      appearance="warning"
-      title="Note: @atlaskit/user-picker/smart-user-picker is deprecated."
-    >
-      SmartUserPicker has moved packages! Please use{' '}
-      <a href="https://statlas.prod.atl-paas.net/atlassian-frontend/master#packages/smart-experiences/smart-user-picker">
-        @atlaskit/smart-user-picker
-      </a>{' '}
-      instead. Alternatively, @atlaskit/smart-hooks will be ready by end of
-      FY22Q4. Contact #help-smart-experiences for further details.
-    </SectionMessage>
-  )}
+		<SectionMessage
+			appearance="warning"
+			title="Note: @atlaskit/user-picker/smart-user-picker is deprecated."
+		>
+			SmartUserPicker has moved packages! Please use{' '}
+			<a href="https://statlas.prod.atl-paas.net/atlassian-frontend/master#packages/smart-experiences/smart-user-picker">
+				@atlaskit/smart-user-picker
+			</a>{' '}
+			instead. Alternatively, @atlaskit/smart-hooks will be ready by end of FY22Q4. Contact
+			#help-smart-experiences for further details.
+		</SectionMessage>
+	)}
 `;

package/docs/2-popup-user-picker.tsx

@@ -1,11 +1,5 @@
 import React from 'react';
-import {
-  code,
-  Example,
-  md,
-  Props,
-  AtlassianInternalWarning,
-} from '@atlaskit/docs';
+import { code, Example, md, Props, AtlassianInternalWarning } from '@atlaskit/docs';
 
 export default md`
   ${(<AtlassianInternalWarning />)}
@@ -19,21 +13,21 @@ export default md`
   ${code`import { PopupUserPicker } from '@atlaskit/user-picker';`}
 
   ${(
-    <Example
-      packageName="@atlaskit/user-picker"
-      Component={require('../examples/19-popup-config').default}
-      title="Modal"
-      source={require('!!raw-loader!../examples/19-popup-config')}
-    />
-  )}
+		<Example
+			packageName="@atlaskit/user-picker"
+			Component={require('../examples/19-popup-config').default}
+			title="Modal"
+			source={require('!!raw-loader!../examples/19-popup-config')}
+		/>
+	)}
 
   ${(
-    <Props
-      heading="Popup User Picker Props"
-      props={require('!!extract-react-types-loader!../src/components/PopupUserPicker')}
-      overrides={{
-        createAnalyticsEvent: () => null,
-      }}
-    />
-  )}
+		<Props
+			heading="Popup User Picker Props"
+			props={require('!!extract-react-types-loader!../src/components/PopupUserPicker')}
+			overrides={{
+				createAnalyticsEvent: () => null,
+			}}
+		/>
+	)}
 `;