@atlaskit/mention 23.1.0 → 23.2.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/mention
 
+## 23.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 23.2.0
+
+### Minor Changes
+
+- [#104824](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/104824)
+  [`10443be28cedb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10443be28cedb) -
+  converting tagged template syntax to object syntax for remanining styles from DSP-17626
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 23.1.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/api/PresenceResource.js

@@ -32,8 +32,8 @@ var CacheEntry = /*#__PURE__*/function () {
   }]);
   return CacheEntry;
 }();
-var AbstractPresenceResource = exports.AbstractPresenceResource = /*#__PURE__*/function (_ref) {
-  (0, _inherits2.default)(AbstractPresenceResource, _ref);
+var AbstractPresenceResource = exports.AbstractPresenceResource = /*#__PURE__*/function (_AbstractResource) {
+  (0, _inherits2.default)(AbstractPresenceResource, _AbstractResource);
   var _super = _createSuper(AbstractPresenceResource);
   function AbstractPresenceResource() {
     (0, _classCallCheck2.default)(this, AbstractPresenceResource);
@@ -324,10 +324,10 @@ var DefaultPresenceParser = exports.DefaultPresenceParser = /*#__PURE__*/functio
     }
 
     /*
-      This is a bit of an odd exception. In the case where a user is in "Focus Mode", their presence state
-      is returned as 'busy' along with a `stateMetadata` object containing a `focus` field.
-      In this case we ignore the value of the `state` field and treat the presence as a 'focus' state.
-     */
+       This is a bit of an odd exception. In the case where a user is in "Focus Mode", their presence state
+       is returned as 'busy' along with a `stateMetadata` object containing a `focus` field.
+       In this case we ignore the value of the `state` field and treat the presence as a 'focus' state.
+      */
   }, {
     key: "isFocusState",
     value: function isFocusState(presence) {

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,8 +48,10 @@ 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,
-    css: (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n          display: inline;\n          border: 1px solid ", ";\n          background: ", ";\n          color: ", ";\n          border-radius: 20px;\n          cursor: pointer;\n          padding: 0 0.3em 2px 0.23em;\n          line-height: 1.714;\n          font-size: 1em;\n          font-weight: normal;\n          word-break: break-word;\n          &:hover {\n            background: ", ";\n          }\n          &:active {\n            background: ", ";\n          }\n        "])), getStyle({
+    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({
       mentionType: mentionType

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

@@ -5,9 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DescriptionBylineStyle = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
-var _templateObject;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var DescriptionBylineStyle = exports.DescriptionBylineStyle = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: 12px;\n\n  margin-top: ", ";\n\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N100, ")"), "var(--ds-space-025, 2px)");
+// 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',
+  marginTop: "var(--ds-space-025, 2px)",
+  display: 'block',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap'
+});

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

@@ -5,38 +5,95 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TimeStyle = exports.RowStyle = exports.NameSectionStyle = exports.MentionItemStyle = exports.MENTION_ITEM_HEIGHT = exports.InfoSectionStyle = exports.FullNameStyle = exports.AvatarStyle = exports.AccessSectionStyle = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var RowStyle = exports.RowStyle = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  overflow: hidden;\n  padding: ", " ", ";\n  text-overflow: ellipsis;\n  vertical-align: middle;\n"])), "var(--ds-space-075, 6px)", "var(--ds-space-150, 12px)");
+// 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 -- To migrate as part of go/ui-styling-standard
-var AvatarStyle = exports.AvatarStyle = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  flex: initial;\n  opacity: ", ";\n"])), function (props) {
-  return props.restricted ? '0.5' : 'inherit';
+// 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',
+  flexDirection: 'row',
+  flexWrap: 'wrap',
+  overflow: 'hidden',
+  padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-150, 12px)"),
+  textOverflow: 'ellipsis',
+  verticalAlign: 'middle'
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var NameSectionStyle = exports.NameSectionStyle = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1;\n  min-width: 0;\n  margin-left: ", ";\n  opacity: ", ";\n"])), "var(--ds-space-150, 12px)", function (props) {
-  return props.restricted ? '0.5' : 'inherit';
+// 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
-var FullNameStyle = exports.FullNameStyle = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: ", ";\n"])), "var(--ds-text, ".concat(_colors.N900, ")"));
+// 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, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var FullNameStyle = exports.FullNameStyle = _styled.default.span({
+  display: 'block',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  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
-var InfoSectionStyle = exports.InfoSectionStyle = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  text-align: right;\n  opacity: ", ";\n\n  & {\n    /* Lozenge */\n    & > span {\n      margin-bottom: ", ";\n    }\n  }\n"])), function (props) {
-  return props.restricted ? '0.5' : 'inherit';
-}, "var(--ds-space-025, 2px)");
+// 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)"
+      }
+    }
+  };
+});
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var TimeStyle = exports.TimeStyle = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n  flex: none;\n  color: ", ";\n  font-size: 12px;\n"])), "var(--ds-space-250, 20px)", "var(--ds-text-subtlest, ".concat(_colors.N100, ")"));
+// 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',
+  color: "var(--ds-text-subtlest, ".concat(_colors.N100, ")"),
+  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
-var MentionItemStyle = exports.MentionItemStyle = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  display: block;\n  overflow: hidden;\n  list-style-type: none;\n  height: ", "px;\n  line-height: 1.2;\n  cursor: pointer;\n"])), function (props) {
-  return props.selected ? "var(--ds-background-selected, ".concat(_colors.N30, ")") : 'transparent';
-}, MENTION_ITEM_HEIGHT);
+// 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',
+    listStyleType: 'none',
+    height: "".concat(MENTION_ITEM_HEIGHT, "px"),
+    lineHeight: 1.2,
+    cursor: 'pointer'
+  };
+});
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var AccessSectionStyle = exports.AccessSectionStyle = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  padding-left: ", ";\n  color: ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-text-subtle, ".concat(_colors.N500, ")"));
+// 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

@@ -5,11 +5,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MentionListStyle = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _sharedStyles = require("../../shared-styles");
-var _templateObject;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var MentionListStyle = exports.MentionListStyle = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: ", ";\n\n  /* list style */\n  width: ", ";\n  color: ", ";\n\n  border: 1px solid ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n"])), function (props) {
-  return props.empty ? 'none' : 'block';
-}, _sharedStyles.mentionListWidth, "var(--ds-text-subtle, #333)", _sharedStyles.noDialogContainerBorderColor, _sharedStyles.noDialogContainerBorderRadius, _sharedStyles.noDialogContainerBoxShadow);
+// 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,16 +10,32 @@ 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, _templateObject2, _templateObject3, _templateObject4;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var MentionListErrorStyle = exports.MentionListErrorStyle = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  background-color: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", "px;\n"])), "var(--ds-surface-overlay, white)", "var(--ds-text-subtle, ".concat(_colors.N500, ")"), "var(--ds-surface-overlay, #fff)", (0, _constants.borderRadius)());
+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',
+  justifyContent: 'center',
+  flexDirection: 'column',
+  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
-var GenericErrorVisualStyle = exports.GenericErrorVisualStyle = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", ";\n  margin-top: ", ";\n  width: ", ";\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-400, 32px)", "var(--ds-space-1000, 80px)");
+// 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)",
+  width: "var(--ds-space-1000, 80px)"
+});
 
 // 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
-var MentionListErrorHeadlineStyle = exports.MentionListErrorHeadlineStyle = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  margin-bottom: ", ";\n"])), (0, _typography.h400)(), "var(--ds-space-100, 8px)");
+// 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
-var MentionListAdviceStyle = exports.MentionListAdviceStyle = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin-bottom: ", ";\n"])), "var(--ds-space-600, 48px)");
+// 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

@@ -5,15 +5,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MentionPickerStyle = exports.MentionPickerInfoStyle = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
 var _sharedStyles = require("../../shared-styles");
-var _templateObject, _templateObject2;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var MentionPickerStyle = exports.MentionPickerStyle = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: ", ";\n"])), function (props) {
-  return props.visible ? 'block' : 'none';
+// 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
-var MentionPickerInfoStyle = exports.MentionPickerInfoStyle = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  display: block;\n  width: ", ";\n  white-space: nowrap;\n\n  & {\n    p {\n      margin: 0;\n      overflow: hidden;\n      padding: ", ";\n      text-overflow: ellipsis;\n    }\n  }\n"])), "var(--ds-surface, #fff)", "var(--ds-text-subtlest, ".concat(_colors.N100, ")"), _sharedStyles.noDialogContainerBorderColor, _sharedStyles.noDialogContainerBorderRadius, _sharedStyles.noDialogContainerBoxShadow, _sharedStyles.mentionListWidth, "var(--ds-space-100, 8px)");
+// 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',
+      padding: "var(--ds-space-100, 8px)",
+      textOverflow: 'ellipsis'
+    }
+  }
+});

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

@@ -5,10 +5,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ScrollableStyle = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _constants = require("@atlaskit/theme/constants");
 var _sharedStyles = require("../../shared-styles");
-var _templateObject;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var ScrollableStyle = exports.ScrollableStyle = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  padding: ", " 0;\n  margin: 0;\n\n  background: ", ";\n  max-height: ", ";\n\n  border-radius: ", "px;\n"])), "var(--ds-space-050, 4px)", "var(--ds-surface, white)", _sharedStyles.scrollableMaxHeight, (0, _constants.borderRadius)());
+// 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',
+  overflowY: 'auto',
+  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.1.0";
+var packageVersion = "23.2.1";
 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/api/PresenceResource.js

@@ -225,10 +225,10 @@ export class DefaultPresenceParser {
   }
 
   /*
-    This is a bit of an odd exception. In the case where a user is in "Focus Mode", their presence state
-    is returned as 'busy' along with a `stateMetadata` object containing a `focus` field.
-    In this case we ignore the value of the `state` field and treat the presence as a 'focus' state.
-   */
+     This is a bit of an odd exception. In the case where a user is in "Focus Mode", their presence state
+     is returned as 'busy' along with a `stateMetadata` object containing a `focus` field.
+     In this case we ignore the value of the `state` field and treat the presence as a 'focus' state.
+    */
   static isFocusState(presence) {
     if (presence.stateMetadata) {
       try {

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,36 +42,38 @@ 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({
+					display: inline;
+					border: 1px solid ${getStyle({
       mentionType
     }, 'borderColor')};
-          background: ${getStyle({
+					background: ${getStyle({
       mentionType
     }, 'background')};
-          color: ${getStyle({
+					color: ${getStyle({
       mentionType
     }, 'text')};
-          border-radius: 20px;
-          cursor: pointer;
-          padding: 0 0.3em 2px 0.23em;
-          line-height: 1.714;
-          font-size: 1em;
-          font-weight: normal;
-          word-break: break-word;
-          &:hover {
-            background: ${getStyle({
+					border-radius: 20px;
+					cursor: pointer;
+					padding: 0 0.3em 2px 0.23em;
+					line-height: 1.714;
+					font-size: 1em;
+					font-weight: normal;
+					word-break: break-word;
+					&:hover {
+						background: ${getStyle({
       mentionType
     }, 'hoveredBackground')};
-          }
-          &:active {
-            background: ${getStyle({
+					}
+					&:active {
+						background: ${getStyle({
       mentionType
     }, 'pressedBackground')};
-          }
-        `
+					}
+				`
   }, other));
 });
 export default PrimitiveMention;