@atlaskit/user-picker 10.21.0 → 10.21.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/user-picker
 
+## 10.21.2
+
+### Patch Changes
+
+- [#114764](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114764)
+  [`ae20dac6e31c4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ae20dac6e31c4) -
+  Bump packages to use react-beautiful-dnd@12.2.0
+
+## 10.21.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.21.0
 
 ### Minor Changes

package/afm-jira/tsconfig.json

@@ -0,0 +1,63 @@
+{
+  "extends": "../../../../tsconfig.entry-points.jira.json",
+  "compilerOptions": {
+    "declaration": true,
+    "target": "es5",
+    "outDir": "../../../../../tsDist/@atlaskit__user-picker/app",
+    "composite": true,
+    "rootDir": "../"
+  },
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ],
+  "references": [
+    {
+      "path": "../../../analytics/analytics-next/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/avatar/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/icon/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/logo/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/lozenge/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/popper/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/primitives/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/select/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/spinner/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../people-and-teams/teams-avatar/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/theme/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/tooltip/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../data/ufo-external/afm-jira/tsconfig.json"
+    }
+  ]
+}

package/dist/cjs/analytics.js

@@ -12,7 +12,7 @@ var _utils = require("./components/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { (0, _defineProperty2.default)(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; }
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "10.21.0";
+var packageVersion = "10.21.2";
 var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/cjs/components/AddOptionAvatar.js

@@ -11,9 +11,12 @@ var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var getEmailAvatarWrapperStyle = function getEmailAvatarWrapperStyle(isLozenge) {
   var padding = isLozenge ? "var(--ds-space-0, 0px)" : "var(--ds-space-050, 4px)";
   return (0, _react.css)({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     padding: padding,
     backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N40, ")"),
     borderRadius: '50%',
@@ -24,11 +27,14 @@ var getEmailAvatarWrapperStyle = function getEmailAvatarWrapperStyle(isLozenge)
 var AddOptionAvatar = exports.AddOptionAvatar = function AddOptionAvatar(_ref) {
   var isLozenge = _ref.isLozenge,
     label = _ref.label;
-  return (0, _react.jsx)("div", {
-    css: getEmailAvatarWrapperStyle(isLozenge)
-  }, (0, _react.jsx)(_email.default, {
-    label: label,
-    size: isLozenge ? 'small' : 'medium',
-    primaryColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
-  }));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react.jsx)("div", {
+      css: getEmailAvatarWrapperStyle(isLozenge)
+    }, (0, _react.jsx)(_email.default, {
+      label: label,
+      size: isLozenge ? 'small' : 'medium',
+      primaryColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
+    }))
+  );
 };

package/dist/cjs/components/AvatarItemOption.js

@@ -14,7 +14,7 @@ var _utils = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { (0, _defineProperty2.default)(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; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /** @jsx jsx */
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var AsyncTooltip = /*#__PURE__*/_react.default.lazy(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_@atlaskit/tooltip" */'@atlaskit/tooltip'));
@@ -33,7 +33,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
   });
 };
@@ -63,6 +65,7 @@ var textWrapper = exports.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
   });
 };
@@ -87,15 +90,18 @@ var AvatarItemOption = exports.AvatarItemOption = function AvatarItemOption(_ref
     }
     return lozenge;
   };
-  return (0, _react2.jsx)("span", {
-    css: wrapper(isDisabled)
-  }, avatar, (0, _react2.jsx)("div", {
-    css: optionWrapper
-  }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("div", {
-    css: getTextStyle()
-  }, primaryText), secondaryText && (0, _react2.jsx)("div", {
-    css: getTextStyle(true)
-  }, secondaryText))), lozenge && (0, _react2.jsx)("div", {
-    css: additionalInfo
-  }, renderLozenge()));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("span", {
+      css: wrapper(isDisabled)
+    }, avatar, (0, _react2.jsx)("div", {
+      css: optionWrapper
+    }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("div", {
+      css: getTextStyle()
+    }, primaryText), secondaryText && (0, _react2.jsx)("div", {
+      css: getTextStyle(true)
+    }, secondaryText))), lozenge && (0, _react2.jsx)("div", {
+      css: additionalInfo
+    }, renderLozenge()))
+  );
 };

package/dist/cjs/components/CustomOption/main.js

@@ -19,7 +19,7 @@ var _AvatarItemOption = require("../AvatarItemOption");
 var _HighlightText = require("../HighlightText");
 var _SizeableAvatar = require("../SizeableAvatar");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var CustomOption = exports.CustomOption = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CustomOption, _React$PureComponent);
   var _super = _createSuper(CustomOption);
@@ -35,7 +35,9 @@ var CustomOption = exports.CustomOption = /*#__PURE__*/function (_React$PureComp
         name = _this$props$data.name,
         highlight = _this$props$data.highlight;
       return [(0, _react.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: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text, ".concat(_colors.N800, ")"))
       }, (0, _react.jsx)(_HighlightText.HighlightText, {
         highlights: highlight && highlight.name
@@ -43,6 +45,7 @@ var CustomOption = exports.CustomOption = /*#__PURE__*/function (_React$PureComp
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getBylineComponent", function (isSelected, message) {
       return (0, _react.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: (0, _AvatarItemOption.textWrapper)(isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text-subtlest, ".concat(_colors.N200, ")")),
         "data-testid": "user-picker-custom-secondary-text"
       }, message);

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

@@ -20,7 +20,7 @@ var _AddOptionAvatar = require("../AddOptionAvatar");
 var _AvatarItemOption = require("../AvatarItemOption");
 var _i18n = require("../i18n");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var getAddEmailMessage = function getAddEmailMessage(validity) {
   return validity === 'POTENTIAL' ? _i18n.messages.continueToAddEmail : _i18n.messages.selectToAddEmail;
 };
@@ -42,12 +42,15 @@ var EmailOption = exports.EmailOption = /*#__PURE__*/function (_React$PureCompon
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderPrimaryText", function () {
       var id = _this.props.email.id;
       return (0, _react2.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: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text, ".concat(_colors.N800, ")"))
       }, id);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSecondaryText", function (label) {
       return (0, _react2.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: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text-subtlest, ".concat(_colors.N200, ")")),
         "data-testid": "user-picker-email-secondary-text"
       }, label);

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

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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) { (0, _defineProperty2.default)(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 */
+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) { (0, _defineProperty2.default)(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
 var outerWrapper = function outerWrapper(isDisabled) {
   return (0, _react.css)({
     alignItems: 'center',
@@ -19,7 +19,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
   });
 };
@@ -50,6 +52,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'
     }
@@ -61,15 +64,18 @@ var ExternalAvatarItemOption = exports.ExternalAvatarItemOption = function Exter
     primaryText = _ref.primaryText,
     secondaryText = _ref.secondaryText,
     sourcesInfoTooltip = _ref.sourcesInfoTooltip;
-  return (0, _react.jsx)("div", {
-    css: outerWrapper(isDisabled)
-  }, avatar, (0, _react.jsx)("div", {
-    css: detailsWrapper
-  }, (0, _react.jsx)("div", {
-    css: textSection
-  }, (0, _react.jsx)("div", null, (0, _react.jsx)("div", {
-    css: getTextStyle()
-  }, primaryText)), secondaryText && (0, _react.jsx)("div", null, (0, _react.jsx)("div", {
-    css: getTextStyle(true)
-  }, secondaryText))), (0, _react.jsx)("div", null, sourcesInfoTooltip)));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react.jsx)("div", {
+      css: outerWrapper(isDisabled)
+    }, avatar, (0, _react.jsx)("div", {
+      css: detailsWrapper
+    }, (0, _react.jsx)("div", {
+      css: textSection
+    }, (0, _react.jsx)("div", null, (0, _react.jsx)("div", {
+      css: getTextStyle()
+    }, primaryText)), secondaryText && (0, _react.jsx)("div", null, (0, _react.jsx)("div", {
+      css: getTextStyle(true)
+    }, secondaryText))), (0, _react.jsx)("div", null, sourcesInfoTooltip)))
+  );
 };

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

@@ -12,6 +12,8 @@ var _panel = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/panel")
 var _colors = require("@atlaskit/theme/colors");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var wrapper = (0, _react2.css)({
   display: 'flex'
 });

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

@@ -18,10 +18,14 @@ var _i18n = require("../i18n");
 var _main = require("./main");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var sourcesTooltipContainer = (0, _primitives.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
 var sourceWrapper = exports.sourceWrapper = (0, _react2.css)({
   paddingTop: "var(--ds-space-050, 4px)",
   display: 'flex',

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

@@ -26,7 +26,8 @@ var _InfoIcon = _interopRequireDefault(require("./InfoIcon"));
 var _ExternalAvatarItemOption = require("./ExternalAvatarItemOption");
 var _SourcesTooltipContent = require("./SourcesTooltipContent");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var imageContainer = exports.imageContainer = (0, _react2.css)({
   height: '16px',
   width: '16px',
@@ -35,6 +36,8 @@ var imageContainer = exports.imageContainer = (0, _react2.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
 var emailDomainWrapper = exports.emailDomainWrapper = (0, _react2.css)({
   fontWeight: 'bold'
 });
@@ -51,7 +54,9 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getPrimaryText", function () {
       var name = _this.props.user.name;
       return (0, _react2.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: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text, ".concat(_colors.N800, ")"))
       }, name);
     });
@@ -66,6 +71,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 (0, _react2.jsx)("span", {
           css: (0, _AvatarItemOption.textWrapper)(textColor)
         }, byline);
@@ -78,11 +84,14 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
           emailUser = _email$split2[0],
           emailDomain = _email$split2[1];
         var emailDomainWithAt = "@".concat(emailDomain);
-        return (0, _react2.jsx)("span", {
-          css: (0, _AvatarItemOption.textWrapper)(textColor)
-        }, emailUser, (0, _react2.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
+          (0, _react2.jsx)("span", {
+            css: (0, _AvatarItemOption.textWrapper)(textColor)
+          }, emailUser, (0, _react2.jsx)("span", {
+            css: emailDomainWrapper
+          }, emailDomainWithAt))
+        );
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {

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

@@ -21,9 +21,11 @@ var _AvatarItemOption = require("../AvatarItemOption");
 var _i18n = require("../i18n");
 var _HighlightText = require("../HighlightText");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var groupOptionIconWrapper = exports.groupOptionIconWrapper = (0, _react2.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(_colors.N20, ")"),
     borderRadius: '50%',
@@ -47,7 +49,9 @@ var GroupOption = exports.GroupOption = /*#__PURE__*/function (_React$PureCompon
         name = _this$props$group.name,
         highlight = _this$props$group.highlight;
       return [(0, _react2.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: (0, _AvatarItemOption.textWrapper)(isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text, ".concat(_colors.N800, ")"))
       }, (0, _react2.jsx)(_HighlightText.HighlightText, {
         highlights: highlight && highlight.name
@@ -64,6 +68,7 @@ var GroupOption = exports.GroupOption = /*#__PURE__*/function (_React$PureCompon
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderByline", function () {
       var isSelected = _this.props.isSelected;
       return (0, _react2.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: (0, _AvatarItemOption.textWrapper)(isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text-subtlest, ".concat(_colors.N200, ")")),
         "data-testid": "user-picker-group-secondary-text"
       }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.groupByline));

package/dist/cjs/components/Menu.js

@@ -14,7 +14,7 @@ var _react = _interopRequireDefault(require("react"));
 var _select = require("@atlaskit/select");
 var _react2 = require("@emotion/react");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var getFooterStyle = function getFooterStyle() {
   return (0, _react2.css)({
     padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-200, 16px)")
@@ -30,7 +30,9 @@ var Menu = exports.Menu = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2.default)(Menu, [{
     key: "render",
     value: function render() {
-      return (0, _react2.jsx)(_select.components.Menu, this.props, this.props.selectProps.header, this.props.children, this.props.selectProps.footer && (0, _react2.jsx)("div", {
+      return (0, _react2.jsx)(_select.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
+      (0, _react2.jsx)("div", {
         css: getFooterStyle()
       }, this.props.selectProps.footer));
     }

package/dist/cjs/components/MultiValue.js

@@ -26,7 +26,7 @@ var _utils = require("./utils");
 var _people = _interopRequireDefault(require("@atlaskit/icon/glyph/people"));
 var _excluded = ["children", "innerProps"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var scrollToValue = exports.scrollToValue = function scrollToValue(valueContainer, control) {
   var _valueContainer$getBo = valueContainer.getBoundingClientRect(),
     top = _valueContainer$getBo.top,

package/dist/cjs/components/PopupControl.js

@@ -15,7 +15,7 @@ var _select = require("@atlaskit/select");
 var _react2 = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var spacing = 8;
 var fontSize = 12;
 var innerHeight = spacing * 2; // 16px
@@ -30,6 +30,7 @@ var getLabelStyle = function getLabelStyle() {
     color: "var(--ds-text-subtlest, ".concat(_colors.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/cjs/components/SingleValue.js

@@ -14,12 +14,16 @@ var _SizeableAvatar = require("./SizeableAvatar");
 var _utils = require("./utils");
 var _excluded = ["ref"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var avatarItemComponent = (0, _react.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/cjs/components/SingleValueContainer.js

@@ -21,8 +21,9 @@ var _styles = require("./styles");
 var _ValueContainerWrapper = _interopRequireDefault(require("./ValueContainerWrapper"));
 var _excluded = ["children"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var placeholderIconContainer = (0, _react.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: _styles.BORDER_PADDING,
   lineHeight: 0,
   gridArea: '1/1/2/2'
@@ -61,7 +62,9 @@ var SingleValueContainer = exports.SingleValueContainer = /*#__PURE__*/function
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onValueContainerClick", _this.props.selectProps.onValueContainerClick);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "Wrapper", function (_ref) {
       var children = _ref.children;
-      return _this.onValueContainerClick ? (0, _react.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
+      (0, _react.jsx)("div", {
         css: (0, _react.css)({
           flexGrow: 1
         }),

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

@@ -22,7 +22,7 @@ var _HighlightText = require("../HighlightText");
 var _i18n = require("../i18n");
 var _SizeableAvatar = require("../SizeableAvatar");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(TeamOption, _React$PureComponent);
   var _super = _createSuper(TeamOption);
@@ -38,7 +38,9 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
         name = _this$props$team.name,
         highlight = _this$props$team.highlight;
       return [(0, _react.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: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text, ".concat(_colors.N800, ")"))
       }, (0, _react.jsx)(_HighlightText.HighlightText, {
         highlights: highlight && highlight.name
@@ -80,6 +82,7 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getBylineComponent", function (isSelected, message) {
       return (0, _react.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: (0, _AvatarItemOption.textWrapper)(isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text-subtlest, ".concat(_colors.N200, ")")),
         "data-testid": "user-picker-team-secondary-text"
       }, message);
@@ -103,6 +106,7 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
         return undefined;
       }
       return (0, _react.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: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
       }, _this.props.team.byline);
     });

package/dist/cjs/components/UserOption.js

@@ -20,7 +20,7 @@ var _HighlightText = require("./HighlightText");
 var _SizeableAvatar = require("./SizeableAvatar");
 var _utils = require("./utils");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(UserOption, _React$PureComponent);
   var _super = _createSuper(UserOption);
@@ -37,7 +37,9 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
         publicName = _this$props$user.publicName,
         highlight = _this$props$user.highlight;
       var result = [(0, _react.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: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text, ".concat(_colors.N800, ")"))
       }, (0, _react.jsx)(_HighlightText.HighlightText, {
         highlights: highlight && highlight.name
@@ -46,6 +48,7 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
         result.push((0, _react.jsx)(_react2.default.Fragment, {
           key: "publicName"
         }, ' ', (0, _react.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: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
         }, "(", (0, _react.jsx)(_HighlightText.HighlightText, {
           highlights: highlight && highlight.publicName
@@ -55,6 +58,7 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSecondaryText", function () {
       return _this.props.user.byline ? (0, _react.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: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
       }, _this.props.user.byline) : undefined;
     });

package/dist/cjs/components/UserPicker.js

@@ -92,7 +92,9 @@ var UserPickerWithoutAnalytics = exports.UserPickerWithoutAnalytics = /*#__PURE_
         fetchUserSource: loadUserSource
       }, /*#__PURE__*/_react.default.createElement(_BaseUserPicker.BaseUserPickerWithoutAnalytics, (0, _extends2.default)({}, 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: (0, _styles.getStyles)(width, isMulti, this.props.appearance === 'compact', this.props.styles),
         components: (0, _components.getComponents)(isMulti, anchor),
         pickerProps: pickerProps