@atlaskit/user-picker 10.21.0 → 10.21.2

package/dist/esm/components/AvatarItemOption.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 */
 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 Lozenge from '@atlaskit/lozenge';
 import { isLozengeText } from './utils';
@@ -22,7 +23,9 @@ var wrapper = function wrapper(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
   });
 };
@@ -52,6 +55,7 @@ export var textWrapper = function textWrapper(color) {
     overflow: 'hidden',
     textOverflow: 'ellipsis',
     display: 'inline',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     color: color
   });
 };
@@ -76,15 +80,18 @@ export var AvatarItemOption = function AvatarItemOption(_ref) {
     }
     return lozenge;
   };
-  return jsx("span", {
-    css: wrapper(isDisabled)
-  }, avatar, jsx("div", {
-    css: optionWrapper
-  }, jsx("div", null, jsx("div", {
-    css: getTextStyle()
-  }, primaryText), secondaryText && jsx("div", {
-    css: getTextStyle(true)
-  }, secondaryText))), lozenge && jsx("div", {
-    css: additionalInfo
-  }, renderLozenge()));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("span", {
+      css: wrapper(isDisabled)
+    }, avatar, jsx("div", {
+      css: optionWrapper
+    }, jsx("div", null, jsx("div", {
+      css: getTextStyle()
+    }, primaryText), secondaryText && jsx("div", {
+      css: getTextStyle(true)
+    }, secondaryText))), lozenge && jsx("div", {
+      css: additionalInfo
+    }, renderLozenge()))
+  );
 };

package/dist/esm/components/CustomOption/main.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';
@@ -29,7 +30,9 @@ export var CustomOption = /*#__PURE__*/function (_React$PureComponent) {
         name = _this$props$data.name,
         highlight = _this$props$data.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
@@ -37,6 +40,7 @@ export var CustomOption = /*#__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-custom-secondary-text"
       }, message);

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

@@ -11,6 +11,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { B400, N200, N800 } 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 { AddOptionAvatar } from '../AddOptionAvatar';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
@@ -36,12 +37,15 @@ export var EmailOption = /*#__PURE__*/function (_React$PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "renderPrimaryText", function () {
       var id = _this.props.email.id;
       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, ")"))
       }, id);
     });
     _defineProperty(_assertThisInitialized(_this), "renderSecondaryText", function (label) {
       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, ")")),
         "data-testid": "user-picker-email-secondary-text"
       }, label);

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/components/styles.d.ts

@@ -2,42 +2,5 @@ import { type StylesConfig } from '@atlaskit/select';
 export declare const BORDER_PADDING: "var(--ds-space-075)";
 export declare const AVATAR_PADDING = 6;
 export declare const INDICATOR_WIDTH = 39;
-export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig) => {
-    menu: (css: any, state: any) => any;
-    menuList: (css: any) => any;
-    control: (css: any, state: any) => any;
-    clearIndicator: ({ paddingTop, paddingBottom, paddingLeft, paddingRight, ...css }: any) => any;
-    indicatorsContainer: (css: any) => any;
-    valueContainer: ({ paddingTop, paddingBottom, position, ...css }: any, state: any) => any;
-    multiValue: (css: any) => any;
-    multiValueLabel: (css: any) => any;
-    multiValueRemove: (css: any) => any;
-    placeholder: (css: any, state: any) => any;
-    option: (css: any) => any;
-    input: (css: any, state: any) => any;
-    singleValue: (css: any) => any;
-} | {
-    clearIndicator?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").ClearIndicatorProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    container?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").ContainerProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    control?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").ControlProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    dropdownIndicator?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").DropdownIndicatorProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    group?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").GroupProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    groupHeading?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").GroupHeadingProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    indicatorsContainer?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").IndicatorsContainerProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    indicatorSeparator?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").IndicatorSeparatorProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    input?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").InputProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    loadingIndicator?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").LoadingIndicatorProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    loadingMessage?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").NoticeProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    menu?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").MenuProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    menuList?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").MenuListProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    menuPortal?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select/dist/declarations/src/components/Menu").PortalStyleArgs> | undefined;
-    multiValue?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").MultiValueProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    multiValueLabel?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").MultiValueProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    multiValueRemove?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").MultiValueProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    noOptionsMessage?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").NoticeProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    option?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").OptionProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    placeholder?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").PlaceholderProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    singleValue?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").SingleValueProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    valueContainer?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").ValueContainerProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-}>;
+export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig) => StylesConfig>;
 export declare const getPopupStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, overrideStyles?: StylesConfig) => StylesConfig>;

package/dist/types-ts4.5/components/styles.d.ts

@@ -2,42 +2,5 @@ import { type StylesConfig } from '@atlaskit/select';
 export declare const BORDER_PADDING: "var(--ds-space-075)";
 export declare const AVATAR_PADDING = 6;
 export declare const INDICATOR_WIDTH = 39;
-export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig) => {
-    menu: (css: any, state: any) => any;
-    menuList: (css: any) => any;
-    control: (css: any, state: any) => any;
-    clearIndicator: ({ paddingTop, paddingBottom, paddingLeft, paddingRight, ...css }: any) => any;
-    indicatorsContainer: (css: any) => any;
-    valueContainer: ({ paddingTop, paddingBottom, position, ...css }: any, state: any) => any;
-    multiValue: (css: any) => any;
-    multiValueLabel: (css: any) => any;
-    multiValueRemove: (css: any) => any;
-    placeholder: (css: any, state: any) => any;
-    option: (css: any) => any;
-    input: (css: any, state: any) => any;
-    singleValue: (css: any) => any;
-} | {
-    clearIndicator?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").ClearIndicatorProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    container?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").ContainerProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    control?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").ControlProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    dropdownIndicator?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").DropdownIndicatorProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    group?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").GroupProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    groupHeading?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").GroupHeadingProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    indicatorsContainer?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").IndicatorsContainerProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    indicatorSeparator?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").IndicatorSeparatorProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    input?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").InputProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    loadingIndicator?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").LoadingIndicatorProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    loadingMessage?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").NoticeProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    menu?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").MenuProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    menuList?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").MenuListProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    menuPortal?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select/dist/declarations/src/components/Menu").PortalStyleArgs> | undefined;
-    multiValue?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").MultiValueProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    multiValueLabel?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").MultiValueProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    multiValueRemove?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").MultiValueProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    noOptionsMessage?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").NoticeProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    option?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").OptionProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    placeholder?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").PlaceholderProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    singleValue?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("@atlaskit/select").SingleValueProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-    valueContainer?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").ValueContainerProps<import("@atlaskit/select").OptionType, false, import("@atlaskit/select").GroupType<import("@atlaskit/select").OptionType>>> | undefined;
-}>;
+export declare const getStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, isCompact?: boolean, overrideStyles?: StylesConfig) => StylesConfig>;
 export declare const getPopupStyles: import("memoize-one").MemoizedFn<(width: string | number, isMulti?: boolean, overrideStyles?: StylesConfig) => StylesConfig>;