@atlaskit/editor-plugin-mentions 10.0.9 → 10.0.11

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-mentions
 
+## 10.0.11
+
+### Patch Changes
+
+- [`0f4a08b633f6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f4a08b633f6e) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
+## 10.0.10
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.0.9
 
 ### Patch Changes

package/dist/cjs/mentionsPlugin.js

@@ -143,9 +143,13 @@ var mentionsPlugin = exports.mentionsPlugin = function mentionsPlugin(_ref3) {
       if (!editorView) {
         return null;
       }
-      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
+      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         providers: ['mentionProvider'],
-        providerFactory: providerFactory,
+        providerFactory: providerFactory
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         renderNode: function renderNode(_ref5) {
           var mentionProvider = _ref5.mentionProvider;
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Component, {

package/dist/cjs/nodeviews/mentionNodeSpec.js

@@ -8,7 +8,6 @@ exports.mentionNodeSpec = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
-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; }
 var isSSR = Boolean(process.env.REACT_SSR);
@@ -37,7 +36,7 @@ var mentionNodeSpec = exports.mentionNodeSpec = function mentionNodeSpec() {
         style: (0, _lazyNodeView.convertToInlineCss)({
           display: 'inline',
           border: "1px solid transparent",
-          background: "var(--ds-background-neutral, ".concat(_colors.N30A, ")"),
+          background: "var(--ds-background-neutral, #0515240F)",
           color: "var(--ds-text-subtle, #505258)",
           borderRadius: '20px',
           cursor: 'pointer',

package/dist/cjs/pm-plugins/main.js

@@ -23,7 +23,7 @@ var ACTIONS = exports.ACTIONS = {
   SET_PROVIDER: 'SET_PROVIDER'
 };
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "0.0.0-development";
+var PACKAGE_VERSION = "10.0.10";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/cjs/pm-plugins/mentionPlaceholder.js

@@ -9,7 +9,6 @@ exports.mentionPlaceholderPluginKey = void 0;
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
-var _colors = require("@atlaskit/theme/colors");
 var mentionPlaceholderPluginKey = exports.mentionPlaceholderPluginKey = new _state.PluginKey('mentionPlaceholderPlugin');
 var MENTION_PLACEHOLDER_ACTIONS = exports.MENTION_PLACEHOLDER_ACTIONS = {
   SHOW_PLACEHOLDER: 'SHOW_PLACEHOLDER',
@@ -43,7 +42,7 @@ function createMentionPlaceholderPlugin() {
           var selection = state.selection;
           var span = document.createElement('span');
           span.textContent = pluginState.placeholder;
-          span.style.setProperty('color', "var(--ds-text-accent-blue, ".concat(_colors.B400, ")"));
+          span.style.setProperty('color', "var(--ds-text-accent-blue, #1558BC)");
           return _view.DecorationSet.create(state.doc, [_view.Decoration.widget(selection.from, span)]);
         }
         return null;

package/dist/cjs/ui/InviteItem/InviteItemWithEmailDomain.compiled.css

@@ -19,13 +19,13 @@
 ._4cvr1h6o{align-items:center}
 ._4t3i14no{height:36px}
 ._80omtlke{cursor:pointer}
+._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._bfhk1j28{background-color:transparent}
-._bfhk2tgk{background-color:var(--_1y60f1n)}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
 ._i0dl1wug{flex-basis:auto}
 ._i0dlf1ug{flex-basis:0%}
 ._kqswh2mm{position:relative}
 ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._s7n4nkob{vertical-align:middle}
-._syaz1n3s{color:var(--ds-text-subtle,#5e6c84)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}

package/dist/cjs/ui/InviteItem/InviteItemWithEmailDomain.js

@@ -16,7 +16,6 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
 var _email = _interopRequireDefault(require("@atlaskit/icon/core/email"));
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
-var _colors = require("@atlaskit/theme/colors");
 var _userPicker = require("@atlaskit/user-picker");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var mentionItemStyle = null;
@@ -25,7 +24,7 @@ var style = {
   byline: "_19pkv77o",
   rowStyle: "_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _2lx2vrvc _1n261g80 _ca0q12x7 _n3td12x7 _19bvutpp _u5f3utpp _1bto1l2s _s7n4nkob",
   avatar: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _4cvr1h6o _1bah1h6o _kqswh2mm _1bsb14no _4t3i14no",
-  nameSection: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0utpp _syaz1n3s",
+  nameSection: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0utpp _syazazsu",
   capitalize: "_1p1d1dk0"
 };
 var VALID_OPTION = 'VALID';
@@ -90,6 +89,7 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref) {
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading
       , (0, _extends2.default)({}, _messages.mentionMessages.inviteItemTitle, {
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
         values: {
           userRole: userRole || 'basic',
           productName: /*#__PURE__*/_react.default.createElement("span", {
@@ -174,10 +174,7 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref) {
     onMouseEnter: onItemMouseEnter,
     onFocus: onItemFocus,
     "data-id": INVITE_ITEM_DESCRIPTION.id,
-    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk2tgk"]),
-    style: {
-      "--_1y60f1n": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"))
-    }
+    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk1dpa"])
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)([style.rowStyle])
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -187,7 +184,7 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref) {
     color: "var(--ds-icon-danger, #C9372C)"
   }) : /*#__PURE__*/_react.default.createElement(_email.default, {
     label: "Email",
-    color: "var(--ds-icon-subtle, ".concat(_colors.N300, ")")
+    color: "var(--ds-icon-subtle, #505258)"
   })), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "name-section",
     className: (0, _runtime.ax)([style.nameSection])

package/dist/cjs/ui/InviteItem/index.compiled.css

@@ -18,13 +18,13 @@
 ._4cvr1h6o{align-items:center}
 ._4t3i14no{height:36px}
 ._80omtlke{cursor:pointer}
+._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._bfhk1j28{background-color:transparent}
-._bfhk2tgk{background-color:var(--_1y60f1n)}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
 ._i0dl1wug{flex-basis:auto}
 ._i0dlf1ug{flex-basis:0%}
 ._kqswh2mm{position:relative}
 ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._s7n4nkob{vertical-align:middle}
-._syaz1vvm{color:var(--_bbz764)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._u5f3dlk8{padding-right:14px}

package/dist/cjs/ui/InviteItem/index.js

@@ -14,7 +14,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
 var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
-var _colors = require("@atlaskit/theme/colors");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var mentionItemStyle = null;
 var mentionItemSelectedStyle = null;
@@ -88,27 +87,22 @@ var InviteItem = function InviteItem(_ref) {
     onMouseEnter: onItemMouseEnter,
     onFocus: onItemFocus,
     "data-id": INVITE_ITEM_DESCRIPTION.id,
-    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk2tgk"]),
-    style: {
-      "--_1y60f1n": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"))
-    }
+    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk1dpa"])
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)(["_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _2lx2vrvc _1n261g80 _ca0q12x7 _n3td12x7 _19bvdlk8 _u5f3dlk8 _1bto1l2s _s7n4nkob"])
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _runtime.ax)(["_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _4cvr1h6o _1bah1h6o _kqswh2mm _1bsb14no _4t3i14no"])
   }, /*#__PURE__*/_react.default.createElement(_add.default, {
     label: intl.formatMessage(_messages.mentionMessages.mentionsAddLabel),
-    color: "var(--ds-icon-subtle, ".concat(_colors.N300, ")")
+    color: "var(--ds-icon-subtle, #505258)"
   })), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "name-section",
-    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0dlk8 _syaz1vvm"]),
-    style: {
-      "--_bbz764": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N300, ")"))
-    }
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0dlk8 _syazazsu"])
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , (0, _extends2.default)({}, _messages.mentionMessages.inviteItemTitle, {
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
     values: {
       userRole: userRole || 'basic',
       productName: /*#__PURE__*/_react.default.createElement("span", {

package/dist/cjs/ui/PopperWrapper.js

@@ -55,7 +55,9 @@ function Popup(_ref2) {
   return /*#__PURE__*/_react.default.createElement(_react.Suspense, null, /*#__PURE__*/_react.default.createElement(_portal.default, {
     zIndex: _constants.layers.modal()
   }, /*#__PURE__*/_react.default.createElement(_popper.Popper, {
-    referenceElement: referenceElement,
+    referenceElement: referenceElement
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     offset: [0, 8],
     placement: "bottom-end",
     strategy: "fixed"

package/dist/es2019/mentionsPlugin.js

@@ -138,9 +138,13 @@ const mentionsPlugin = ({
       if (!editorView) {
         return null;
       }
-      return /*#__PURE__*/React.createElement(WithProviders, {
+      return /*#__PURE__*/React.createElement(WithProviders
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         providers: ['mentionProvider'],
-        providerFactory: providerFactory,
+        providerFactory: providerFactory
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         renderNode: ({
           mentionProvider
         }) => {

package/dist/es2019/nodeviews/mentionNodeSpec.js

@@ -1,6 +1,5 @@
 import { mention } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
-import { N30A } from '@atlaskit/theme/colors';
 const isSSR = Boolean(process.env.REACT_SSR);
 
 /**
@@ -28,7 +27,7 @@ export const mentionNodeSpec = () => {
         style: convertToInlineCss({
           display: 'inline',
           border: `1px solid transparent`,
-          background: `var(--ds-background-neutral, ${N30A})`,
+          background: "var(--ds-background-neutral, #0515240F)",
           color: "var(--ds-text-subtle, #505258)",
           borderRadius: '20px',
           cursor: 'pointer',

package/dist/es2019/pm-plugins/main.js

@@ -12,7 +12,7 @@ export const ACTIONS = {
   SET_PROVIDER: 'SET_PROVIDER'
 };
 const PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-const PACKAGE_VERSION = "0.0.0-development";
+const PACKAGE_VERSION = "10.0.10";
 const setProvider = provider => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(mentionPluginKey, {

package/dist/es2019/pm-plugins/mentionPlaceholder.js

@@ -1,7 +1,6 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { B400 } from '@atlaskit/theme/colors';
 export const mentionPlaceholderPluginKey = new PluginKey('mentionPlaceholderPlugin');
 export const MENTION_PLACEHOLDER_ACTIONS = {
   SHOW_PLACEHOLDER: 'SHOW_PLACEHOLDER',
@@ -35,7 +34,7 @@ export function createMentionPlaceholderPlugin() {
           } = state;
           const span = document.createElement('span');
           span.textContent = pluginState.placeholder;
-          span.style.setProperty('color', `var(--ds-text-accent-blue, ${B400})`);
+          span.style.setProperty('color', "var(--ds-text-accent-blue, #1558BC)");
           return DecorationSet.create(state.doc, [Decoration.widget(selection.from, span)]);
         }
         return null;

package/dist/es2019/ui/InviteItem/InviteItemWithEmailDomain.compiled.css

@@ -19,7 +19,7 @@
 ._4cvr1h6o{align-items:center}
 ._4t3i14no{height:36px}
 ._80omtlke{cursor:pointer}
-._bfhk14ae{background-color:var(--ds-background-neutral-subtle-hovered,#ebecf0)}
+._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._bfhk1j28{background-color:transparent}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
 ._i0dl1wug{flex-basis:auto}
@@ -27,5 +27,5 @@
 ._kqswh2mm{position:relative}
 ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._s7n4nkob{vertical-align:middle}
-._syaz1n3s{color:var(--ds-text-subtle,#5e6c84)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}

package/dist/es2019/ui/InviteItem/InviteItemWithEmailDomain.js

@@ -7,7 +7,6 @@ import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { mentionMessages as messages } from '@atlaskit/editor-common/messages';
 import EmailIcon from '@atlaskit/icon/core/email';
 import StatusErrorIcon from '@atlaskit/icon/core/status-error';
-import { N30, N300 } from '@atlaskit/theme/colors';
 import { isValidEmail } from '@atlaskit/user-picker';
 const mentionItemStyle = null;
 const mentionItemSelectedStyle = null;
@@ -15,7 +14,7 @@ const style = {
   byline: "_19pkv77o",
   rowStyle: "_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _2lx2vrvc _1n261g80 _ca0q12x7 _n3td12x7 _19bvutpp _u5f3utpp _1bto1l2s _s7n4nkob",
   avatar: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _4cvr1h6o _1bah1h6o _kqswh2mm _1bsb14no _4t3i14no",
-  nameSection: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0utpp _syaz1n3s",
+  nameSection: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0utpp _syazazsu",
   capitalize: "_1p1d1dk0"
 };
 const VALID_OPTION = 'VALID';
@@ -77,6 +76,7 @@ const InviteItemWithEmailDomain = ({
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading
       , _extends({}, messages.inviteItemTitle, {
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
         values: {
           userRole: userRole || 'basic',
           productName: /*#__PURE__*/React.createElement("span", {
@@ -161,7 +161,7 @@ const InviteItemWithEmailDomain = ({
     onMouseEnter: onItemMouseEnter,
     onFocus: onItemFocus,
     "data-id": INVITE_ITEM_DESCRIPTION.id,
-    className: ax(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk14ae"])
+    className: ax(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk1dpa"])
   }, /*#__PURE__*/React.createElement("div", {
     className: ax([style.rowStyle])
   }, /*#__PURE__*/React.createElement("span", {
@@ -171,7 +171,7 @@ const InviteItemWithEmailDomain = ({
     color: "var(--ds-icon-danger, #C9372C)"
   }) : /*#__PURE__*/React.createElement(EmailIcon, {
     label: "Email",
-    color: `var(--ds-icon-subtle, ${N300})`
+    color: "var(--ds-icon-subtle, #505258)"
   })), /*#__PURE__*/React.createElement("div", {
     "data-testid": "name-section",
     className: ax([style.nameSection])

package/dist/es2019/ui/InviteItem/index.compiled.css

@@ -18,7 +18,7 @@
 ._4cvr1h6o{align-items:center}
 ._4t3i14no{height:36px}
 ._80omtlke{cursor:pointer}
-._bfhk14ae{background-color:var(--ds-background-neutral-subtle-hovered,#ebecf0)}
+._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._bfhk1j28{background-color:transparent}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
 ._i0dl1wug{flex-basis:auto}
@@ -26,5 +26,5 @@
 ._kqswh2mm{position:relative}
 ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._s7n4nkob{vertical-align:middle}
-._syaz1n3s{color:var(--ds-text-subtle,#5e6c84)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._u5f3dlk8{padding-right:14px}

package/dist/es2019/ui/InviteItem/index.js

@@ -6,7 +6,6 @@ import React, { useCallback, useEffect } from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { mentionMessages as messages } from '@atlaskit/editor-common/messages';
 import AddIcon from '@atlaskit/icon/core/add';
-import { N30, N300 } from '@atlaskit/theme/colors';
 const mentionItemStyle = null;
 const mentionItemSelectedStyle = null;
 const rowStyle = null;
@@ -80,21 +79,22 @@ const InviteItem = ({
     onMouseEnter: onItemMouseEnter,
     onFocus: onItemFocus,
     "data-id": INVITE_ITEM_DESCRIPTION.id,
-    className: ax(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk14ae"])
+    className: ax(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk1dpa"])
   }, /*#__PURE__*/React.createElement("div", {
     className: ax(["_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _2lx2vrvc _1n261g80 _ca0q12x7 _n3td12x7 _19bvdlk8 _u5f3dlk8 _1bto1l2s _s7n4nkob"])
   }, /*#__PURE__*/React.createElement("span", {
     className: ax(["_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _4cvr1h6o _1bah1h6o _kqswh2mm _1bsb14no _4t3i14no"])
   }, /*#__PURE__*/React.createElement(AddIcon, {
     label: intl.formatMessage(messages.mentionsAddLabel),
-    color: `var(--ds-icon-subtle, ${N300})`
+    color: "var(--ds-icon-subtle, #505258)"
   })), /*#__PURE__*/React.createElement("div", {
     "data-testid": "name-section",
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0dlk8 _syaz1n3s"])
+    className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0dlk8 _syazazsu"])
   }, /*#__PURE__*/React.createElement(FormattedMessage
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, messages.inviteItemTitle, {
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
     values: {
       userRole: userRole || 'basic',
       productName: /*#__PURE__*/React.createElement("span", {

package/dist/es2019/ui/PopperWrapper.js

@@ -43,7 +43,9 @@ export function Popup({
   return /*#__PURE__*/React.createElement(Suspense, null, /*#__PURE__*/React.createElement(Portal, {
     zIndex: layers.modal()
   }, /*#__PURE__*/React.createElement(ReactPopper, {
-    referenceElement: referenceElement,
+    referenceElement: referenceElement
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     offset: [0, 8],
     placement: "bottom-end",
     strategy: "fixed"

package/dist/esm/mentionsPlugin.js

@@ -135,9 +135,13 @@ var mentionsPlugin = function mentionsPlugin(_ref3) {
       if (!editorView) {
         return null;
       }
-      return /*#__PURE__*/React.createElement(WithProviders, {
+      return /*#__PURE__*/React.createElement(WithProviders
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         providers: ['mentionProvider'],
-        providerFactory: providerFactory,
+        providerFactory: providerFactory
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         renderNode: function renderNode(_ref5) {
           var mentionProvider = _ref5.mentionProvider;
           return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Component, {

package/dist/esm/nodeviews/mentionNodeSpec.js

@@ -3,7 +3,6 @@ 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; }
 import { mention } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
-import { N30A } from '@atlaskit/theme/colors';
 var isSSR = Boolean(process.env.REACT_SSR);
 
 /**
@@ -30,7 +29,7 @@ export var mentionNodeSpec = function mentionNodeSpec() {
         style: convertToInlineCss({
           display: 'inline',
           border: "1px solid transparent",
-          background: "var(--ds-background-neutral, ".concat(N30A, ")"),
+          background: "var(--ds-background-neutral, #0515240F)",
           color: "var(--ds-text-subtle, #505258)",
           borderRadius: '20px',
           cursor: 'pointer',

package/dist/esm/pm-plugins/main.js

@@ -15,7 +15,7 @@ export var ACTIONS = {
   SET_PROVIDER: 'SET_PROVIDER'
 };
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "0.0.0-development";
+var PACKAGE_VERSION = "10.0.10";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/esm/pm-plugins/mentionPlaceholder.js

@@ -1,7 +1,6 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { B400 } from '@atlaskit/theme/colors';
 export var mentionPlaceholderPluginKey = new PluginKey('mentionPlaceholderPlugin');
 export var MENTION_PLACEHOLDER_ACTIONS = {
   SHOW_PLACEHOLDER: 'SHOW_PLACEHOLDER',
@@ -35,7 +34,7 @@ export function createMentionPlaceholderPlugin() {
           var selection = state.selection;
           var span = document.createElement('span');
           span.textContent = pluginState.placeholder;
-          span.style.setProperty('color', "var(--ds-text-accent-blue, ".concat(B400, ")"));
+          span.style.setProperty('color', "var(--ds-text-accent-blue, #1558BC)");
           return DecorationSet.create(state.doc, [Decoration.widget(selection.from, span)]);
         }
         return null;

package/dist/esm/ui/InviteItem/InviteItemWithEmailDomain.compiled.css

@@ -19,13 +19,13 @@
 ._4cvr1h6o{align-items:center}
 ._4t3i14no{height:36px}
 ._80omtlke{cursor:pointer}
+._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._bfhk1j28{background-color:transparent}
-._bfhk2tgk{background-color:var(--_1y60f1n)}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
 ._i0dl1wug{flex-basis:auto}
 ._i0dlf1ug{flex-basis:0%}
 ._kqswh2mm{position:relative}
 ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._s7n4nkob{vertical-align:middle}
-._syaz1n3s{color:var(--ds-text-subtle,#5e6c84)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._u5f3utpp{padding-right:var(--ds-space-150,9pt)}

package/dist/esm/ui/InviteItem/InviteItemWithEmailDomain.js

@@ -8,7 +8,6 @@ import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { mentionMessages as messages } from '@atlaskit/editor-common/messages';
 import EmailIcon from '@atlaskit/icon/core/email';
 import StatusErrorIcon from '@atlaskit/icon/core/status-error';
-import { N30, N300 } from '@atlaskit/theme/colors';
 import { isValidEmail } from '@atlaskit/user-picker';
 var mentionItemStyle = null;
 var mentionItemSelectedStyle = null;
@@ -16,7 +15,7 @@ var style = {
   byline: "_19pkv77o",
   rowStyle: "_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _2lx2vrvc _1n261g80 _ca0q12x7 _n3td12x7 _19bvutpp _u5f3utpp _1bto1l2s _s7n4nkob",
   avatar: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _4cvr1h6o _1bah1h6o _kqswh2mm _1bsb14no _4t3i14no",
-  nameSection: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0utpp _syaz1n3s",
+  nameSection: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0utpp _syazazsu",
   capitalize: "_1p1d1dk0"
 };
 var VALID_OPTION = 'VALID';
@@ -81,6 +80,7 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref) {
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading
       , _extends({}, messages.inviteItemTitle, {
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
         values: {
           userRole: userRole || 'basic',
           productName: /*#__PURE__*/React.createElement("span", {
@@ -165,10 +165,7 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref) {
     onMouseEnter: onItemMouseEnter,
     onFocus: onItemFocus,
     "data-id": INVITE_ITEM_DESCRIPTION.id,
-    className: ax(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk2tgk"]),
-    style: {
-      "--_1y60f1n": ix("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"))
-    }
+    className: ax(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk1dpa"])
   }, /*#__PURE__*/React.createElement("div", {
     className: ax([style.rowStyle])
   }, /*#__PURE__*/React.createElement("span", {
@@ -178,7 +175,7 @@ var InviteItemWithEmailDomain = function InviteItemWithEmailDomain(_ref) {
     color: "var(--ds-icon-danger, #C9372C)"
   }) : /*#__PURE__*/React.createElement(EmailIcon, {
     label: "Email",
-    color: "var(--ds-icon-subtle, ".concat(N300, ")")
+    color: "var(--ds-icon-subtle, #505258)"
   })), /*#__PURE__*/React.createElement("div", {
     "data-testid": "name-section",
     className: ax([style.nameSection])

package/dist/esm/ui/InviteItem/index.compiled.css

@@ -18,13 +18,13 @@
 ._4cvr1h6o{align-items:center}
 ._4t3i14no{height:36px}
 ._80omtlke{cursor:pointer}
+._bfhk1dpa{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._bfhk1j28{background-color:transparent}
-._bfhk2tgk{background-color:var(--_1y60f1n)}
 ._ca0q12x7{padding-top:var(--ds-space-075,6px)}
 ._i0dl1wug{flex-basis:auto}
 ._i0dlf1ug{flex-basis:0%}
 ._kqswh2mm{position:relative}
 ._n3td12x7{padding-bottom:var(--ds-space-075,6px)}
 ._s7n4nkob{vertical-align:middle}
-._syaz1vvm{color:var(--_bbz764)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._u5f3dlk8{padding-right:14px}

package/dist/esm/ui/InviteItem/index.js

@@ -6,7 +6,6 @@ import React, { useCallback, useEffect } from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl-next';
 import { mentionMessages as messages } from '@atlaskit/editor-common/messages';
 import AddIcon from '@atlaskit/icon/core/add';
-import { N30, N300 } from '@atlaskit/theme/colors';
 var mentionItemStyle = null;
 var mentionItemSelectedStyle = null;
 var rowStyle = null;
@@ -79,27 +78,22 @@ var InviteItem = function InviteItem(_ref) {
     onMouseEnter: onItemMouseEnter,
     onFocus: onItemFocus,
     "data-id": INVITE_ITEM_DESCRIPTION.id,
-    className: ax(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk2tgk"]),
-    style: {
-      "--_1y60f1n": ix("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"))
-    }
+    className: ax(["_1reo15vq _18m915vq _bfhk1j28 _1e0c1ule _2mzuglyw _80omtlke", selected && "_bfhk1dpa"])
   }, /*#__PURE__*/React.createElement("div", {
     className: ax(["_1reo15vq _18m915vq _4cvr1h6o _1e0c1txw _2lx2vrvc _1n261g80 _ca0q12x7 _n3td12x7 _19bvdlk8 _u5f3dlk8 _1bto1l2s _s7n4nkob"])
   }, /*#__PURE__*/React.createElement("span", {
     className: ax(["_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _4cvr1h6o _1bah1h6o _kqswh2mm _1bsb14no _4t3i14no"])
   }, /*#__PURE__*/React.createElement(AddIcon, {
     label: intl.formatMessage(messages.mentionsAddLabel),
-    color: "var(--ds-icon-subtle, ".concat(N300, ")")
+    color: "var(--ds-icon-subtle, #505258)"
   })), /*#__PURE__*/React.createElement("div", {
     "data-testid": "name-section",
-    className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0dlk8 _syaz1vvm"]),
-    style: {
-      "--_bbz764": ix("var(--ds-text-subtle, ".concat(N300, ")"))
-    }
+    className: ax(["_16jlkb7n _1o9zkb7n _i0dlf1ug _1ul9idpf _18u0dlk8 _syazazsu"])
   }, /*#__PURE__*/React.createElement(FormattedMessage
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, messages.inviteItemTitle, {
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
     values: {
       userRole: userRole || 'basic',
       productName: /*#__PURE__*/React.createElement("span", {

package/dist/esm/ui/PopperWrapper.js

@@ -45,7 +45,9 @@ export function Popup(_ref2) {
   return /*#__PURE__*/React.createElement(Suspense, null, /*#__PURE__*/React.createElement(Portal, {
     zIndex: layers.modal()
   }, /*#__PURE__*/React.createElement(ReactPopper, {
-    referenceElement: referenceElement,
+    referenceElement: referenceElement
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     offset: [0, 8],
     placement: "bottom-end",
     strategy: "fixed"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-mentions",
-	"version": "10.0.9",
+	"version": "10.0.11",
 	"description": "Mentions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -46,7 +46,7 @@
 		"@atlaskit/portal": "^5.2.0",
 		"@atlaskit/profilecard": "^24.44.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^43.0.0",
+		"@atlaskit/tmp-editor-statsig": "^44.0.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/user-picker": "^11.25.0",
 		"@babel/runtime": "^7.0.0",