@atlaskit/mention 23.2.0 → 23.2.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/mention
 
+## 23.2.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 23.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 23.2.0
 
 ### Minor Changes

package/afm-jira/tsconfig.json

@@ -0,0 +1,54 @@
+{
+  "extends": "../../../../tsconfig.entry-points.jira.json",
+  "compilerOptions": {
+    "declaration": true,
+    "target": "es5",
+    "outDir": "../../../../../tsDist/@atlaskit__mention/app",
+    "composite": true,
+    "rootDir": "../"
+  },
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ],
+  "references": [
+    {
+      "path": "../../../analytics/analytics-gas-types/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../analytics/analytics-next/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/avatar/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/focus-ring/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/icon/afm-jira/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/lozenge/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"
+    },
+    {
+      "path": "../../util-service-support/afm-jira/tsconfig.json"
+    }
+  ]
+}

package/afm-post-office/tsconfig.json

@@ -0,0 +1,54 @@
+{
+  "extends": "../../../../tsconfig.entry-points.post-office.json",
+  "compilerOptions": {
+    "declaration": true,
+    "target": "es5",
+    "outDir": "../../../../../tsDist/@atlaskit__mention/app",
+    "composite": true,
+    "rootDir": "../"
+  },
+  "include": [
+    "../src/**/*.ts",
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ],
+  "references": [
+    {
+      "path": "../../../analytics/analytics-gas-types/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../analytics/analytics-next/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/avatar/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/focus-ring/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/icon/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/lozenge/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/theme/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../design-system/tooltip/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../../data/ufo-external/afm-post-office/tsconfig.json"
+    },
+    {
+      "path": "../../util-service-support/afm-post-office/tsconfig.json"
+    }
+  ]
+}

package/compass.yml

@@ -38,6 +38,5 @@ customFields:
   - name: Test
     type: text
     value: null
-
 # Learn more about formatting compass.yml:
 # https://go.atlassian.com/compass-yml-format

package/dist/cjs/components/Mention/PrimitiveMention.js

@@ -15,7 +15,11 @@ var _types = require("../../types");
 var _react2 = require("react");
 var _excluded = ["mentionType"];
 var _mentionStyle, _templateObject;
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var mentionStyle = (_mentionStyle = {}, (0, _defineProperty2.default)(_mentionStyle, _types.MentionType.SELF, {
   background: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")"),
   borderColor: 'transparent',
@@ -44,7 +48,9 @@ var PrimitiveMention = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref2, ref
   var mentionType = _ref2.mentionType,
     other = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return (0, _react.jsx)("span", (0, _extends2.default)({
-    ref: ref,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     css: (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t\tdisplay: inline;\n\t\t\t\t\tborder: 1px solid ", ";\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tpadding: 0 0.3em 2px 0.23em;\n\t\t\t\t\tline-height: 1.714;\n\t\t\t\t\tfont-size: 1em;\n\t\t\t\t\tfont-weight: normal;\n\t\t\t\t\tword-break: break-word;\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground: ", ";\n\t\t\t\t\t}\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground: ", ";\n\t\t\t\t\t}\n\t\t\t\t"])), getStyle({
       mentionType: mentionType
     }, 'borderColor'), getStyle({

package/dist/cjs/components/MentionDescriptionByline/styles.js

@@ -7,7 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.DescriptionBylineStyle = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var DescriptionBylineStyle = exports.DescriptionBylineStyle = _styled.default.span({
   color: "var(--ds-text-subtlest, ".concat(_colors.N100, ")"),
   fontSize: '12px',

package/dist/cjs/components/MentionItem/styles.js

@@ -7,7 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.TimeStyle = exports.RowStyle = exports.NameSectionStyle = exports.MentionItemStyle = exports.MENTION_ITEM_HEIGHT = exports.InfoSectionStyle = exports.FullNameStyle = exports.AvatarStyle = exports.AccessSectionStyle = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var RowStyle = exports.RowStyle = _styled.default.div({
   alignItems: 'center',
   display: 'flex',
@@ -19,26 +21,28 @@ var RowStyle = exports.RowStyle = _styled.default.div({
   verticalAlign: 'middle'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 var AvatarStyle = exports.AvatarStyle = _styled.default.span(function (props) {
   return {
     position: 'relative',
     flex: 'initial',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     opacity: props.restricted ? '0.5' : 'inherit'
   };
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 var NameSectionStyle = exports.NameSectionStyle = _styled.default.div(function (props) {
   return {
     flex: 1,
     minWidth: 0,
     marginLeft: "var(--ds-space-150, 12px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     opacity: props.restricted ? '0.5' : 'inherit'
   };
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var FullNameStyle = exports.FullNameStyle = _styled.default.span({
   display: 'block',
   overflow: 'hidden',
@@ -47,15 +51,18 @@ var FullNameStyle = exports.FullNameStyle = _styled.default.span({
   color: "var(--ds-text, ".concat(_colors.N900, ")")
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 var InfoSectionStyle = exports.InfoSectionStyle = _styled.default.div(function (props) {
   return {
     display: 'flex',
     flexDirection: 'column',
     textAlign: 'right',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     opacity: props.restricted ? '0.5' : 'inherit',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&': {
       /* Lozenge */
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       '& > span': {
         marginBottom: "var(--ds-space-025, 2px)"
       }
@@ -63,7 +70,7 @@ var InfoSectionStyle = exports.InfoSectionStyle = _styled.default.div(function (
   };
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var TimeStyle = exports.TimeStyle = _styled.default.div({
   marginLeft: "var(--ds-space-250, 20px)",
   flex: 'none',
@@ -71,9 +78,10 @@ var TimeStyle = exports.TimeStyle = _styled.default.div({
   fontSize: '12px'
 });
 var MENTION_ITEM_HEIGHT = exports.MENTION_ITEM_HEIGHT = 48;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 var MentionItemStyle = exports.MentionItemStyle = _styled.default.div(function (props) {
   return {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     backgroundColor: props.selected ? "var(--ds-background-selected, ".concat(_colors.N30, ")") : 'transparent',
     display: 'block',
     overflow: 'hidden',
@@ -84,7 +92,7 @@ var MentionItemStyle = exports.MentionItemStyle = _styled.default.div(function (
   };
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var AccessSectionStyle = exports.AccessSectionStyle = _styled.default.div({
   paddingLeft: "var(--ds-space-050, 4px)",
   color: "var(--ds-text-subtle, ".concat(_colors.N500, ")")

package/dist/cjs/components/MentionList/styles.js

@@ -7,15 +7,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.MentionListStyle = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _sharedStyles = require("../../shared-styles");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 var MentionListStyle = exports.MentionListStyle = _styled.default.div(function (props) {
   return {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     display: props.empty ? 'none' : 'block',
     /* list style */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: _sharedStyles.mentionListWidth,
     color: "var(--ds-text-subtle, #333)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     border: "1px solid ".concat(_sharedStyles.noDialogContainerBorderColor),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     borderRadius: _sharedStyles.noDialogContainerBorderRadius,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     boxShadow: _sharedStyles.noDialogContainerBoxShadow
   };
 });

package/dist/cjs/components/MentionListError/styles.js

@@ -10,8 +10,8 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
 var _colors = require("@atlaskit/theme/colors");
 var _typography = require("@atlaskit/theme/typography");
-var _templateObject;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var MentionListErrorStyle = exports.MentionListErrorStyle = _styled.default.div({
   alignItems: 'center',
   display: 'flex',
@@ -20,10 +20,11 @@ var MentionListErrorStyle = exports.MentionListErrorStyle = _styled.default.div(
   backgroundColor: "var(--ds-surface-overlay, white)",
   color: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
   border: "1px solid ".concat("var(--ds-surface-overlay, #fff)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: "".concat((0, _constants.borderRadius)(), "px")
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var GenericErrorVisualStyle = exports.GenericErrorVisualStyle = _styled.default.div({
   marginBottom: "var(--ds-space-100, 8px)",
   marginTop: "var(--ds-space-400, 32px)",
@@ -31,10 +32,10 @@ var GenericErrorVisualStyle = exports.GenericErrorVisualStyle = _styled.default.
 });
 
 // TODO: Figure out why the themed css function is causing type errors when passed prop children
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-styled-tagged-template-expression -- Ignored via go/DSP-18766
 var MentionListErrorHeadlineStyle = exports.MentionListErrorHeadlineStyle = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", ";\n\tmargin-bottom: ", ";\n"])), (0, _typography.h400)(), "var(--ds-space-100, 8px)");
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var MentionListAdviceStyle = exports.MentionListAdviceStyle = _styled.default.div({
   marginBottom: "var(--ds-space-600, 48px)"
 });

package/dist/cjs/components/MentionPicker/index.js

@@ -233,5 +233,7 @@ var MentionPicker = exports.MentionPicker = /*#__PURE__*/function (_React$PureCo
 var MentionPickerWithIntl = (0, _reactIntlNext.injectIntl)(MentionPicker, {
   forwardRef: true
 });
+
+// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MentionPickerWithAnalytics = exports.MentionPickerWithAnalytics = (0, _withAnalyticsEvents.default)({})(MentionPickerWithIntl);
 var _default = exports.default = MentionPickerWithAnalytics;

package/dist/cjs/components/MentionPicker/styles.js

@@ -8,24 +8,33 @@ exports.MentionPickerStyle = exports.MentionPickerInfoStyle = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
 var _sharedStyles = require("../../shared-styles");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 var MentionPickerStyle = exports.MentionPickerStyle = _styled.default.div(function (props) {
   return {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     display: props.visible ? 'block' : 'none'
   };
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var MentionPickerInfoStyle = exports.MentionPickerInfoStyle = _styled.default.div({
   background: "var(--ds-surface, #fff)",
   color: "var(--ds-text-subtlest, ".concat(_colors.N100, ")"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   border: "1px solid ".concat(_sharedStyles.noDialogContainerBorderColor),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: _sharedStyles.noDialogContainerBorderRadius,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   boxShadow: _sharedStyles.noDialogContainerBoxShadow,
   display: 'block',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: _sharedStyles.mentionListWidth,
   whiteSpace: 'nowrap',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     p: {
       margin: 0,
       overflow: 'hidden',

package/dist/cjs/components/Scrollable/styles.js

@@ -8,7 +8,9 @@ exports.ScrollableStyle = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
 var _sharedStyles = require("../../shared-styles");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var ScrollableStyle = exports.ScrollableStyle = _styled.default.div({
   display: 'block',
   overflowX: 'hidden',
@@ -16,6 +18,8 @@ var ScrollableStyle = exports.ScrollableStyle = _styled.default.div({
   padding: "var(--ds-space-050, 4px)".concat(" 0"),
   margin: 0,
   background: "var(--ds-surface, white)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxHeight: _sharedStyles.scrollableMaxHeight,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: "".concat((0, _constants.borderRadius)(), "px")
 });

package/dist/cjs/util/analytics.js

@@ -12,7 +12,7 @@ var _types = require("../types");
 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/mention";
-var packageVersion = "23.2.0";
+var packageVersion = "23.2.2";
 var SLI_EVENT_TYPE = exports.SLI_EVENT_TYPE = 'sli';
 var SMART_EVENT_TYPE = exports.SMART_EVENT_TYPE = 'smart';
 var SliNames = exports.SliNames = /*#__PURE__*/function (SliNames) {

package/dist/es2019/components/Mention/PrimitiveMention.js

@@ -1,5 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { B400, N500, N30A, N20 } from '@atlaskit/theme/colors';
 import { MentionType } from '../../types';
@@ -38,7 +42,9 @@ const PrimitiveMention = /*#__PURE__*/forwardRef(({
   ...other
 }, ref) => {
   return jsx("span", _extends({
-    ref: ref,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     css: css`
 					display: inline;
 					border: 1px solid ${getStyle({

package/dist/es2019/components/MentionDescriptionByline/styles.js

@@ -1,6 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { N100 } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const DescriptionBylineStyle = styled.span({
   color: `var(--ds-text-subtlest, ${N100})`,
   fontSize: '12px',

package/dist/es2019/components/MentionItem/styles.js

@@ -1,6 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { N900, N100, N30, N500 } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const RowStyle = styled.div({
   alignItems: 'center',
   display: 'flex',
@@ -12,22 +13,24 @@ export const RowStyle = styled.div({
   verticalAlign: 'middle'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export const AvatarStyle = styled.span(props => ({
   position: 'relative',
   flex: 'initial',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   opacity: props.restricted ? '0.5' : 'inherit'
 }));
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export const NameSectionStyle = styled.div(props => ({
   flex: 1,
   minWidth: 0,
   marginLeft: "var(--ds-space-150, 12px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   opacity: props.restricted ? '0.5' : 'inherit'
 }));
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const FullNameStyle = styled.span({
   display: 'block',
   overflow: 'hidden',
@@ -36,21 +39,24 @@ export const FullNameStyle = styled.span({
   color: `var(--ds-text, ${N900})`
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export const InfoSectionStyle = styled.div(props => ({
   display: 'flex',
   flexDirection: 'column',
   textAlign: 'right',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   opacity: props.restricted ? '0.5' : 'inherit',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&': {
     /* Lozenge */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& > span': {
       marginBottom: "var(--ds-space-025, 2px)"
     }
   }
 }));
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const TimeStyle = styled.div({
   marginLeft: "var(--ds-space-250, 20px)",
   flex: 'none',
@@ -58,8 +64,9 @@ export const TimeStyle = styled.div({
   fontSize: '12px'
 });
 export const MENTION_ITEM_HEIGHT = 48;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export const MentionItemStyle = styled.div(props => ({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   backgroundColor: props.selected ? `var(--ds-background-selected, ${N30})` : 'transparent',
   display: 'block',
   overflow: 'hidden',
@@ -69,7 +76,7 @@ export const MentionItemStyle = styled.div(props => ({
   cursor: 'pointer'
 }));
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const AccessSectionStyle = styled.div({
   paddingLeft: "var(--ds-space-050, 4px)",
   color: `var(--ds-text-subtle, ${N500})`

package/dist/es2019/components/MentionList/styles.js

@@ -1,12 +1,18 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { mentionListWidth, noDialogContainerBorderColor, noDialogContainerBorderRadius, noDialogContainerBoxShadow } from '../../shared-styles';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export const MentionListStyle = styled.div(props => ({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   display: props.empty ? 'none' : 'block',
   /* list style */
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: mentionListWidth,
   color: "var(--ds-text-subtle, #333)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   border: `1px solid ${noDialogContainerBorderColor}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: noDialogContainerBorderRadius,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   boxShadow: noDialogContainerBoxShadow
 }));

package/dist/es2019/components/MentionListError/styles.js

@@ -1,9 +1,10 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N500 } from '@atlaskit/theme/colors';
 import { h400 } from '@atlaskit/theme/typography';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const MentionListErrorStyle = styled.div({
   alignItems: 'center',
   display: 'flex',
@@ -12,10 +13,11 @@ export const MentionListErrorStyle = styled.div({
   backgroundColor: "var(--ds-surface-overlay, white)",
   color: `var(--ds-text-subtle, ${N500})`,
   border: `1px solid ${"var(--ds-surface-overlay, #fff)"}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: `${borderRadius()}px`
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const GenericErrorVisualStyle = styled.div({
   marginBottom: "var(--ds-space-100, 8px)",
   marginTop: "var(--ds-space-400, 32px)",
@@ -23,13 +25,13 @@ export const GenericErrorVisualStyle = styled.div({
 });
 
 // TODO: Figure out why the themed css function is causing type errors when passed prop children
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-styled-tagged-template-expression -- Ignored via go/DSP-18766
 export const MentionListErrorHeadlineStyle = styled.div`
 	${h400()};
 	margin-bottom: ${"var(--ds-space-100, 8px)"};
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const MentionListAdviceStyle = styled.div({
   marginBottom: "var(--ds-space-600, 48px)"
 });

package/dist/es2019/components/MentionPicker/index.js

@@ -196,5 +196,7 @@ _defineProperty(MentionPicker, "defaultProps", {
 const MentionPickerWithIntl = injectIntl(MentionPicker, {
   forwardRef: true
 });
+
+// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 export const MentionPickerWithAnalytics = withAnalyticsEvents({})(MentionPickerWithIntl);
 export default MentionPickerWithAnalytics;

package/dist/es2019/components/MentionPicker/styles.js

@@ -1,22 +1,30 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { N100 } from '@atlaskit/theme/colors';
 import { mentionListWidth, noDialogContainerBorderColor, noDialogContainerBorderRadius, noDialogContainerBoxShadow } from '../../shared-styles';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export const MentionPickerStyle = styled.div(props => ({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   display: props.visible ? 'block' : 'none'
 }));
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const MentionPickerInfoStyle = styled.div({
   background: "var(--ds-surface, #fff)",
   color: `var(--ds-text-subtlest, ${N100})`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   border: `1px solid ${noDialogContainerBorderColor}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: noDialogContainerBorderRadius,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   boxShadow: noDialogContainerBoxShadow,
   display: 'block',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: mentionListWidth,
   whiteSpace: 'nowrap',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     p: {
       margin: 0,
       overflow: 'hidden',

package/dist/es2019/components/Scrollable/styles.js

@@ -1,8 +1,9 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { scrollableMaxHeight } from '../../shared-styles';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ScrollableStyle = styled.div({
   display: 'block',
   overflowX: 'hidden',
@@ -10,6 +11,8 @@ export const ScrollableStyle = styled.div({
   padding: `${"var(--ds-space-050, 4px)"} 0`,
   margin: 0,
   background: "var(--ds-surface, white)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxHeight: scrollableMaxHeight,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: `${borderRadius()}px`
 });

package/dist/es2019/util/analytics.js

@@ -2,7 +2,7 @@ import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 import { ELEMENTS_CHANNEL } from '../_constants';
 import { isSpecialMentionText } from '../types';
 const packageName = "@atlaskit/mention";
-const packageVersion = "23.2.0";
+const packageVersion = "23.2.2";
 export const SLI_EVENT_TYPE = 'sli';
 export const SMART_EVENT_TYPE = 'smart';
 export let SliNames = /*#__PURE__*/function (SliNames) {

package/dist/esm/components/Mention/PrimitiveMention.js

@@ -4,7 +4,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["mentionType"];
 var _mentionStyle, _templateObject;
-/** @jsx jsx */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
 import { B400, N500, N30A, N20 } from '@atlaskit/theme/colors';
 import { MentionType } from '../../types';
@@ -37,7 +41,9 @@ var PrimitiveMention = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var mentionType = _ref2.mentionType,
     other = _objectWithoutProperties(_ref2, _excluded);
   return jsx("span", _extends({
-    ref: ref,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\t\tdisplay: inline;\n\t\t\t\t\tborder: 1px solid ", ";\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tpadding: 0 0.3em 2px 0.23em;\n\t\t\t\t\tline-height: 1.714;\n\t\t\t\t\tfont-size: 1em;\n\t\t\t\t\tfont-weight: normal;\n\t\t\t\t\tword-break: break-word;\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground: ", ";\n\t\t\t\t\t}\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground: ", ";\n\t\t\t\t\t}\n\t\t\t\t"])), getStyle({
       mentionType: mentionType
     }, 'borderColor'), getStyle({

package/dist/esm/components/MentionDescriptionByline/styles.js

@@ -1,6 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { N100 } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var DescriptionBylineStyle = styled.span({
   color: "var(--ds-text-subtlest, ".concat(N100, ")"),
   fontSize: '12px',

package/dist/esm/components/MentionItem/styles.js

@@ -1,6 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { N900, N100, N30, N500 } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var RowStyle = styled.div({
   alignItems: 'center',
   display: 'flex',
@@ -12,26 +13,28 @@ export var RowStyle = styled.div({
   verticalAlign: 'middle'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export var AvatarStyle = styled.span(function (props) {
   return {
     position: 'relative',
     flex: 'initial',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     opacity: props.restricted ? '0.5' : 'inherit'
   };
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export var NameSectionStyle = styled.div(function (props) {
   return {
     flex: 1,
     minWidth: 0,
     marginLeft: "var(--ds-space-150, 12px)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     opacity: props.restricted ? '0.5' : 'inherit'
   };
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var FullNameStyle = styled.span({
   display: 'block',
   overflow: 'hidden',
@@ -40,15 +43,18 @@ export var FullNameStyle = styled.span({
   color: "var(--ds-text, ".concat(N900, ")")
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export var InfoSectionStyle = styled.div(function (props) {
   return {
     display: 'flex',
     flexDirection: 'column',
     textAlign: 'right',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     opacity: props.restricted ? '0.5' : 'inherit',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&': {
       /* Lozenge */
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       '& > span': {
         marginBottom: "var(--ds-space-025, 2px)"
       }
@@ -56,7 +62,7 @@ export var InfoSectionStyle = styled.div(function (props) {
   };
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var TimeStyle = styled.div({
   marginLeft: "var(--ds-space-250, 20px)",
   flex: 'none',
@@ -64,9 +70,10 @@ export var TimeStyle = styled.div({
   fontSize: '12px'
 });
 export var MENTION_ITEM_HEIGHT = 48;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export var MentionItemStyle = styled.div(function (props) {
   return {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     backgroundColor: props.selected ? "var(--ds-background-selected, ".concat(N30, ")") : 'transparent',
     display: 'block',
     overflow: 'hidden',
@@ -77,7 +84,7 @@ export var MentionItemStyle = styled.div(function (props) {
   };
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var AccessSectionStyle = styled.div({
   paddingLeft: "var(--ds-space-050, 4px)",
   color: "var(--ds-text-subtle, ".concat(N500, ")")

package/dist/esm/components/MentionList/styles.js

@@ -1,14 +1,20 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { mentionListWidth, noDialogContainerBorderColor, noDialogContainerBorderRadius, noDialogContainerBoxShadow } from '../../shared-styles';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export var MentionListStyle = styled.div(function (props) {
   return {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     display: props.empty ? 'none' : 'block',
     /* list style */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: mentionListWidth,
     color: "var(--ds-text-subtle, #333)",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     border: "1px solid ".concat(noDialogContainerBorderColor),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     borderRadius: noDialogContainerBorderRadius,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     boxShadow: noDialogContainerBoxShadow
   };
 });

package/dist/esm/components/MentionListError/styles.js

@@ -1,11 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N500 } from '@atlaskit/theme/colors';
 import { h400 } from '@atlaskit/theme/typography';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var MentionListErrorStyle = styled.div({
   alignItems: 'center',
   display: 'flex',
@@ -14,10 +15,11 @@ export var MentionListErrorStyle = styled.div({
   backgroundColor: "var(--ds-surface-overlay, white)",
   color: "var(--ds-text-subtle, ".concat(N500, ")"),
   border: "1px solid ".concat("var(--ds-surface-overlay, #fff)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: "".concat(borderRadius(), "px")
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var GenericErrorVisualStyle = styled.div({
   marginBottom: "var(--ds-space-100, 8px)",
   marginTop: "var(--ds-space-400, 32px)",
@@ -25,10 +27,10 @@ export var GenericErrorVisualStyle = styled.div({
 });
 
 // TODO: Figure out why the themed css function is causing type errors when passed prop children
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-styled-tagged-template-expression -- Ignored via go/DSP-18766
 export var MentionListErrorHeadlineStyle = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t", ";\n\tmargin-bottom: ", ";\n"])), h400(), "var(--ds-space-100, 8px)");
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var MentionListAdviceStyle = styled.div({
   marginBottom: "var(--ds-space-600, 48px)"
 });

package/dist/esm/components/MentionPicker/index.js

@@ -226,5 +226,7 @@ _defineProperty(MentionPicker, "defaultProps", {
 var MentionPickerWithIntl = injectIntl(MentionPicker, {
   forwardRef: true
 });
+
+// @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 export var MentionPickerWithAnalytics = withAnalyticsEvents({})(MentionPickerWithIntl);
 export default MentionPickerWithAnalytics;

package/dist/esm/components/MentionPicker/styles.js

@@ -1,24 +1,32 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { N100 } from '@atlaskit/theme/colors';
 import { mentionListWidth, noDialogContainerBorderColor, noDialogContainerBorderRadius, noDialogContainerBoxShadow } from '../../shared-styles';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export var MentionPickerStyle = styled.div(function (props) {
   return {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     display: props.visible ? 'block' : 'none'
   };
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var MentionPickerInfoStyle = styled.div({
   background: "var(--ds-surface, #fff)",
   color: "var(--ds-text-subtlest, ".concat(N100, ")"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   border: "1px solid ".concat(noDialogContainerBorderColor),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: noDialogContainerBorderRadius,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   boxShadow: noDialogContainerBoxShadow,
   display: 'block',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: mentionListWidth,
   whiteSpace: 'nowrap',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     p: {
       margin: 0,
       overflow: 'hidden',

package/dist/esm/components/Scrollable/styles.js

@@ -1,8 +1,9 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { scrollableMaxHeight } from '../../shared-styles';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var ScrollableStyle = styled.div({
   display: 'block',
   overflowX: 'hidden',
@@ -10,6 +11,8 @@ export var ScrollableStyle = styled.div({
   padding: "var(--ds-space-050, 4px)".concat(" 0"),
   margin: 0,
   background: "var(--ds-surface, white)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxHeight: scrollableMaxHeight,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: "".concat(borderRadius(), "px")
 });

package/dist/esm/util/analytics.js

@@ -5,7 +5,7 @@ import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 import { ELEMENTS_CHANNEL } from '../_constants';
 import { isSpecialMentionText } from '../types';
 var packageName = "@atlaskit/mention";
-var packageVersion = "23.2.0";
+var packageVersion = "23.2.2";
 export var SLI_EVENT_TYPE = 'sli';
 export var SMART_EVENT_TYPE = 'smart';
 export var SliNames = /*#__PURE__*/function (SliNames) {

package/package.json

@@ -1,104 +1,105 @@
 {
-  "name": "@atlaskit/mention",
-  "version": "23.2.0",
-  "description": "A React component used to display user profiles in a list for 'Mention' functionality",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
-  "author": "Atlassian Pty Ltd",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "module:es2019": "dist/es2019/index.js",
-  "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
-  "sideEffects": false,
-  "atlaskit:src": "src/index.ts",
-  "atlassian": {
-    "team": "Search Platform: Search Experience",
-    "releaseModel": "continuous",
-    "productPushConsumption": [
-      "jira"
-    ],
-    "website": {
-      "name": "Mention"
-    }
-  },
-  "config": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@atlaskit/analytics-gas-types": "^5.1.0",
-    "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/avatar": "^21.9.0",
-    "@atlaskit/focus-ring": "^1.4.0",
-    "@atlaskit/icon": "^22.3.0",
-    "@atlaskit/lozenge": "^11.7.0",
-    "@atlaskit/theme": "^12.9.0",
-    "@atlaskit/tokens": "^1.49.0",
-    "@atlaskit/tooltip": "^18.4.0",
-    "@atlaskit/ufo": "^0.2.0",
-    "@atlaskit/util-service-support": "^6.2.0",
-    "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1",
-    "@emotion/styled": "^11.0.0",
-    "lodash": "^4.17.21",
-    "uuid": "^3.1.0"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
-    "react-intl-next": "npm:react-intl@^5.18.1"
-  },
-  "devDependencies": {
-    "@atlaskit/elements-test-helpers": "^0.7.0",
-    "@atlaskit/visual-regression": "*",
-    "@types/query-string": "^4.3.1",
-    "@types/serialize-javascript": "^5.0.0",
-    "enzyme": "^3.10.0",
-    "enzyme-adapter-react-16": "^1.15.1",
-    "es6-promise": "^4.0.5",
-    "exenv": "^1.2.2",
-    "fetch-mock": "^8.0.0",
-    "query-string": "^7.1.3",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
-    "react-intl-next": "npm:react-intl@^5.18.1",
-    "serialize-javascript": "^5.0.1",
-    "typescript": "~5.4.2"
-  },
-  "keywords": [
-    "ui",
-    "mention",
-    "fabric",
-    "teams"
-  ],
-  "techstack": {
-    "@repo/internal": {
-      "deprecation": "no-deprecated-imports",
-      "styling": "emotion",
-      "design-tokens": [
-        "color"
-      ]
-    }
-  },
-  "af:exports": {
-    ".": "./src/index.ts",
-    "./element": "./src/element.ts",
-    "./i18n": "./src/i18n.ts",
-    "./item": "./src/item.ts",
-    "./resource": "./src/resource.ts",
-    "./shared-styles": "./src/shared-styles.ts",
-    "./team-resource": "./src/team-resource.ts",
-    "./typeahead": "./src/typeahead.ts",
-    "./types": "./src/types.ts"
-  }
-}
+	"name": "@atlaskit/mention",
+	"version": "23.2.2",
+	"description": "A React component used to display user profiles in a list for 'Mention' functionality",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	},
+	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"main": "dist/cjs/index.js",
+	"module": "dist/esm/index.js",
+	"module:es2019": "dist/es2019/index.js",
+	"types": "dist/types/index.d.ts",
+	"typesVersions": {
+		">=4.5 <4.9": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"sideEffects": false,
+	"atlaskit:src": "src/index.ts",
+	"atlassian": {
+		"team": "Search Platform: Search Experience",
+		"releaseModel": "continuous",
+		"productPushConsumption": [
+			"jira"
+		],
+		"website": {
+			"name": "Mention"
+		}
+	},
+	"config": {
+		"access": "public"
+	},
+	"dependencies": {
+		"@atlaskit/analytics-gas-types": "^5.1.0",
+		"@atlaskit/analytics-next": "^10.1.0",
+		"@atlaskit/avatar": "^21.14.0",
+		"@atlaskit/focus-ring": "^1.6.0",
+		"@atlaskit/icon": "^22.12.0",
+		"@atlaskit/lozenge": "^11.10.0",
+		"@atlaskit/theme": "^12.12.0",
+		"@atlaskit/tokens": "^1.58.0",
+		"@atlaskit/tooltip": "^18.7.0",
+		"@atlaskit/ufo": "^0.3.0",
+		"@atlaskit/util-service-support": "^6.2.0",
+		"@babel/runtime": "^7.0.0",
+		"@emotion/react": "^11.7.1",
+		"@emotion/styled": "^11.0.0",
+		"lodash": "^4.17.21",
+		"uuid": "^3.1.0"
+	},
+	"peerDependencies": {
+		"react": "^16.8.0",
+		"react-dom": "^16.8.0",
+		"react-intl-next": "npm:react-intl@^5.18.1"
+	},
+	"devDependencies": {
+		"@atlaskit/elements-test-helpers": "^0.7.0",
+		"@atlaskit/visual-regression": "*",
+		"@testing-library/react": "^12.1.5",
+		"@types/query-string": "^4.3.1",
+		"@types/serialize-javascript": "^5.0.0",
+		"enzyme": "^3.10.0",
+		"enzyme-adapter-react-16": "^1.15.1",
+		"es6-promise": "^4.0.5",
+		"exenv": "^1.2.2",
+		"fetch-mock": "^8.0.0",
+		"query-string": "^7.1.3",
+		"react": "^16.8.0",
+		"react-dom": "^16.8.0",
+		"react-intl-next": "npm:react-intl@^5.18.1",
+		"serialize-javascript": "^5.0.1",
+		"typescript": "~5.4.2"
+	},
+	"keywords": [
+		"ui",
+		"mention",
+		"fabric",
+		"teams"
+	],
+	"techstack": {
+		"@repo/internal": {
+			"deprecation": "no-deprecated-imports",
+			"styling": "emotion",
+			"design-tokens": [
+				"color"
+			]
+		}
+	},
+	"af:exports": {
+		".": "./src/index.ts",
+		"./element": "./src/element.ts",
+		"./i18n": "./src/i18n.ts",
+		"./item": "./src/item.ts",
+		"./resource": "./src/resource.ts",
+		"./shared-styles": "./src/shared-styles.ts",
+		"./team-resource": "./src/team-resource.ts",
+		"./typeahead": "./src/typeahead.ts",
+		"./types": "./src/types.ts"
+	}
+}