@atlaskit/mention 24.5.3 → 24.5.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/mention
 
+## 24.5.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.5.3
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -50,6 +50,9 @@
 		{
 			"path": "../../../design-system/primitives/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/tag/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../people-and-teams/teams-avatar/afm-cc/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -50,6 +50,9 @@
 		{
 			"path": "../../../design-system/primitives/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/tag/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../../people-and-teams/teams-avatar/afm-jira/tsconfig.json"
 		},

package/afm-products/tsconfig.json

@@ -50,6 +50,9 @@
 		{
 			"path": "../../../design-system/primitives/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../design-system/tag/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../people-and-teams/teams-avatar/afm-products/tsconfig.json"
 		},

package/dist/cjs/api/ContextMentionResource.js

@@ -10,6 +10,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _util = require("../util");
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
 /**
  * This component is stateful and should be instantianted per contextIdentifiers.
  */

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

@@ -52,7 +52,7 @@ var PrimitiveMention = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref2, 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: ", " 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: ", ";\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"])), "var(--ds-border-width, 1px)", getStyle({
+    css: (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\tdisplay: inline;\n\t\t\t\tborder: ", " solid ", ";\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t\tborder-radius: 20px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tpadding: 0 0.3em 2px 0.23em;\n\t\t\t\tline-height: 1.714;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tfont-weight: ", ";\n\t\t\t\tword-break: break-word;\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t}\n\t\t\t\t&:active {\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t}\n\t\t\t"])), "var(--ds-border-width, 1px)", getStyle({
       mentionType: mentionType
     }, 'borderColor'), getStyle({
       mentionType: mentionType

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

@@ -9,6 +9,8 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+// 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, ")"),

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

@@ -20,6 +20,8 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _tag = _interopRequireDefault(require("@atlaskit/tag"));
 var _react = _interopRequireDefault(require("react"));
 var _statusInformation = _interopRequireDefault(require("@atlaskit/icon/core/status-information"));
 var _types = require("../../types");
@@ -34,6 +36,36 @@ var _MessagesIntlProvider = _interopRequireDefault(require("../MessagesIntlProvi
 var _MentionAvatar = require("../MentionAvatar");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var lozengeAppearanceToTagColor = {
+  default: 'standard',
+  success: 'lime',
+  removed: 'red',
+  inprogress: 'blue',
+  new: 'purple',
+  moved: 'orange'
+};
+function renderTag(lozenge) {
+  if (typeof lozenge === 'string') {
+    return /*#__PURE__*/_react.default.createElement(_tag.default, {
+      text: lozenge,
+      color: "standard",
+      isRemovable: false,
+      migration_fallback: "lozenge"
+    });
+  }
+  if ((0, _typeof2.default)(lozenge) === 'object') {
+    var appearance = lozenge.appearance,
+      text = lozenge.text;
+    var color = appearance ? lozengeAppearanceToTagColor[appearance] : 'standard';
+    return /*#__PURE__*/_react.default.createElement(_tag.default, {
+      text: text,
+      color: color,
+      isRemovable: false,
+      migration_fallback: "lozenge"
+    });
+  }
+  return null;
+}
 function renderLozenge(lozenge) {
   if (typeof lozenge === 'string') {
     return /*#__PURE__*/_react.default.createElement(_lozenge.default, null, lozenge);
@@ -123,7 +155,7 @@ var MentionItem = exports.default = /*#__PURE__*/function (_React$PureComponent)
         mention: mention
       })), /*#__PURE__*/_react.default.createElement(_styles.InfoSectionStyle, {
         restricted: restricted
-      }, renderLozenge(lozenge), renderTime(time)), restricted ? /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+      }, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? renderTag(lozenge) : renderLozenge(lozenge), renderTime(time)), restricted ? /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
         fallback: null
       }, /*#__PURE__*/_react.default.createElement(_NoAccessTooltip.default, {
         name: name

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

@@ -6,9 +6,12 @@ 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+// 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',
@@ -61,9 +64,12 @@ var InfoSectionStyle = exports.InfoSectionStyle = _styled.default.div(function (
     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': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      '& > span': (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? {
+        marginRight: "var(--ds-space-negative-025, -2px)",
+        marginBottom: "var(--ds-space-025, 2px)",
+        marginTop: "var(--ds-space-025, 2px)"
+      } : {
         marginBottom: "var(--ds-space-025, 2px)"
       }
     }
@@ -75,7 +81,7 @@ var TimeStyle = exports.TimeStyle = _styled.default.div({
   marginLeft: "var(--ds-space-250, 20px)",
   flex: 'none',
   color: "var(--ds-text-subtlest, ".concat(_colors.N100, ")"),
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+  font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 var MENTION_ITEM_HEIGHT = exports.MENTION_ITEM_HEIGHT = 48;
 // 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

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

@@ -9,6 +9,8 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _sharedStyles = require("../../shared-styles");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+// 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 {

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

@@ -8,6 +8,8 @@ exports.GenericErrorVisualStyle = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+// 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 GenericErrorVisualStyle = exports.GenericErrorVisualStyle = _styled.default.div({
   width: "var(--ds-space-1000, 80px)"

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

@@ -10,6 +10,8 @@ var _colors = require("@atlaskit/theme/colors");
 var _sharedStyles = require("../../shared-styles");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+// 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 {

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

@@ -9,6 +9,8 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _sharedStyles = require("../../shared-styles");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+// 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',

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 = "24.5.2";
+var packageVersion = "24.5.3";
 var SLI_EVENT_TYPE = exports.SLI_EVENT_TYPE = 'sli';
 var SMART_EVENT_TYPE = exports.SMART_EVENT_TYPE = 'smart';
 var fireAnalyticsMentionTypeaheadEvent = exports.fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {

package/dist/es2019/api/ContextMentionResource.js

@@ -1,4 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
+
 import { padArray } from '../util';
 /**
  * This component is stateful and should be instantianted per contextIdentifiers.

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

@@ -47,34 +47,34 @@ const PrimitiveMention = /*#__PURE__*/forwardRef(({
     // 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: ${"var(--ds-border-width, 1px)"} solid ${getStyle({
+				display: inline;
+				border: ${"var(--ds-border-width, 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: ${"var(--ds-font-weight-regular, 400)"};
-					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: ${"var(--ds-font-weight-regular, 400)"};
+				word-break: break-word;
+				&:hover {
+					background: ${getStyle({
       mentionType
     }, 'hoveredBackground')};
-					}
-					&:active {
-						background: ${getStyle({
+				}
+				&:active {
+					background: ${getStyle({
       mentionType
     }, 'pressedBackground')};
-					}
-				`
+				}
+			`
   }, other));
 });
 export default PrimitiveMention;

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

@@ -1,5 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { N100 } from '@atlaskit/theme/colors';
 // 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({

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

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
+import Tag from '@atlaskit/tag';
 import React from 'react';
 import EditorPanelIcon from '@atlaskit/icon/core/status-information';
 import { isRestricted } from '../../types';
@@ -14,6 +16,38 @@ import MentionDescriptionByline from '../MentionDescriptionByline';
 import MessagesIntlProvider from '../MessagesIntlProvider';
 import { MentionAvatar } from '../MentionAvatar';
 export { MENTION_ITEM_HEIGHT } from './styles';
+const lozengeAppearanceToTagColor = {
+  default: 'standard',
+  success: 'lime',
+  removed: 'red',
+  inprogress: 'blue',
+  new: 'purple',
+  moved: 'orange'
+};
+function renderTag(lozenge) {
+  if (typeof lozenge === 'string') {
+    return /*#__PURE__*/React.createElement(Tag, {
+      text: lozenge,
+      color: "standard",
+      isRemovable: false,
+      migration_fallback: "lozenge"
+    });
+  }
+  if (typeof lozenge === 'object') {
+    const {
+      appearance,
+      text
+    } = lozenge;
+    const color = appearance ? lozengeAppearanceToTagColor[appearance] : 'standard';
+    return /*#__PURE__*/React.createElement(Tag, {
+      text: text,
+      color: color,
+      isRemovable: false,
+      migration_fallback: "lozenge"
+    });
+  }
+  return null;
+}
 function renderLozenge(lozenge) {
   if (typeof lozenge === 'string') {
     return /*#__PURE__*/React.createElement(Lozenge, null, lozenge);
@@ -100,7 +134,7 @@ export default class MentionItem extends React.PureComponent {
       mention: mention
     })), /*#__PURE__*/React.createElement(InfoSectionStyle, {
       restricted: restricted
-    }, renderLozenge(lozenge), renderTime(time)), restricted ? /*#__PURE__*/React.createElement(React.Suspense, {
+    }, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? renderTag(lozenge) : renderLozenge(lozenge), renderTime(time)), restricted ? /*#__PURE__*/React.createElement(React.Suspense, {
       fallback: null
     }, /*#__PURE__*/React.createElement(AsyncNoAccessTooltip, {
       name: name

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

@@ -1,5 +1,8 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N900, N100, N30, N500 } from '@atlaskit/theme/colors';
 // 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({
@@ -48,9 +51,12 @@ export const InfoSectionStyle = styled.div(props => ({
   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': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    '& > span': fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? {
+      marginRight: "var(--ds-space-negative-025, -2px)",
+      marginBottom: "var(--ds-space-025, 2px)",
+      marginTop: "var(--ds-space-025, 2px)"
+    } : {
       marginBottom: "var(--ds-space-025, 2px)"
     }
   }
@@ -61,7 +67,7 @@ export const TimeStyle = styled.div({
   marginLeft: "var(--ds-space-250, 20px)",
   flex: 'none',
   color: `var(--ds-text-subtlest, ${N100})`,
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+  font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 export const MENTION_ITEM_HEIGHT = 48;
 // 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

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

@@ -1,5 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { mentionListWidth, noDialogContainerBorderColor, noDialogContainerBorderRadius, noDialogContainerBoxShadow } from '../../shared-styles';
 // 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 => ({

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

@@ -1,5 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// 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
 export const GenericErrorVisualStyle = styled.div({
   width: "var(--ds-space-1000, 80px)"

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

@@ -1,5 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { N100 } from '@atlaskit/theme/colors';
 import { mentionListWidth, noDialogContainerBorderColor, noDialogContainerBorderRadius, noDialogContainerBoxShadow } from '../../shared-styles';
 // 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

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

@@ -1,7 +1,8 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
-import { scrollableMaxHeight } from '../../shared-styles';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+import { scrollableMaxHeight } from '../../shared-styles';
 // 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',

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 { ComponentNames, isSpecialMentionText } from '../types';
 const packageName = "@atlaskit/mention";
-const packageVersion = "24.5.2";
+const packageVersion = "24.5.3";
 export const SLI_EVENT_TYPE = 'sli';
 export const SMART_EVENT_TYPE = 'smart';
 export const fireAnalyticsMentionTypeaheadEvent = props => (action, duration, userIds = [], query) => {

package/dist/esm/api/ContextMentionResource.js

@@ -2,6 +2,8 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
+
 import { padArray } from '../util';
 /**
  * This component is stateful and should be instantianted per contextIdentifiers.

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

@@ -45,7 +45,7 @@ var PrimitiveMention = /*#__PURE__*/forwardRef(function (_ref2, 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: ", " 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: ", ";\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"])), "var(--ds-border-width, 1px)", getStyle({
+    css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\tdisplay: inline;\n\t\t\t\tborder: ", " solid ", ";\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t\tborder-radius: 20px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tpadding: 0 0.3em 2px 0.23em;\n\t\t\t\tline-height: 1.714;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tfont-weight: ", ";\n\t\t\t\tword-break: break-word;\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t}\n\t\t\t\t&:active {\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t}\n\t\t\t"])), "var(--ds-border-width, 1px)", getStyle({
       mentionType: mentionType
     }, 'borderColor'), getStyle({
       mentionType: mentionType

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

@@ -1,5 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { N100 } from '@atlaskit/theme/colors';
 // 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({

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

@@ -9,6 +9,8 @@ import _typeof from "@babel/runtime/helpers/typeof";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import Lozenge from '@atlaskit/lozenge';
+import { fg } from '@atlaskit/platform-feature-flags';
+import Tag from '@atlaskit/tag';
 import React from 'react';
 import EditorPanelIcon from '@atlaskit/icon/core/status-information';
 import { isRestricted } from '../../types';
@@ -22,6 +24,36 @@ import MentionDescriptionByline from '../MentionDescriptionByline';
 import MessagesIntlProvider from '../MessagesIntlProvider';
 import { MentionAvatar } from '../MentionAvatar';
 export { MENTION_ITEM_HEIGHT } from './styles';
+var lozengeAppearanceToTagColor = {
+  default: 'standard',
+  success: 'lime',
+  removed: 'red',
+  inprogress: 'blue',
+  new: 'purple',
+  moved: 'orange'
+};
+function renderTag(lozenge) {
+  if (typeof lozenge === 'string') {
+    return /*#__PURE__*/React.createElement(Tag, {
+      text: lozenge,
+      color: "standard",
+      isRemovable: false,
+      migration_fallback: "lozenge"
+    });
+  }
+  if (_typeof(lozenge) === 'object') {
+    var appearance = lozenge.appearance,
+      text = lozenge.text;
+    var color = appearance ? lozengeAppearanceToTagColor[appearance] : 'standard';
+    return /*#__PURE__*/React.createElement(Tag, {
+      text: text,
+      color: color,
+      isRemovable: false,
+      migration_fallback: "lozenge"
+    });
+  }
+  return null;
+}
 function renderLozenge(lozenge) {
   if (typeof lozenge === 'string') {
     return /*#__PURE__*/React.createElement(Lozenge, null, lozenge);
@@ -111,7 +143,7 @@ var MentionItem = /*#__PURE__*/function (_React$PureComponent) {
         mention: mention
       })), /*#__PURE__*/React.createElement(InfoSectionStyle, {
         restricted: restricted
-      }, renderLozenge(lozenge), renderTime(time)), restricted ? /*#__PURE__*/React.createElement(React.Suspense, {
+      }, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? renderTag(lozenge) : renderLozenge(lozenge), renderTime(time)), restricted ? /*#__PURE__*/React.createElement(React.Suspense, {
         fallback: null
       }, /*#__PURE__*/React.createElement(AsyncNoAccessTooltip, {
         name: name

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

@@ -1,5 +1,8 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N900, N100, N30, N500 } from '@atlaskit/theme/colors';
 // 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({
@@ -53,9 +56,12 @@ export var InfoSectionStyle = styled.div(function (props) {
     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': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      '& > span': fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? {
+        marginRight: "var(--ds-space-negative-025, -2px)",
+        marginBottom: "var(--ds-space-025, 2px)",
+        marginTop: "var(--ds-space-025, 2px)"
+      } : {
         marginBottom: "var(--ds-space-025, 2px)"
       }
     }
@@ -67,7 +73,7 @@ export var TimeStyle = styled.div({
   marginLeft: "var(--ds-space-250, 20px)",
   flex: 'none',
   color: "var(--ds-text-subtlest, ".concat(N100, ")"),
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+  font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 export var MENTION_ITEM_HEIGHT = 48;
 // 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

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

@@ -1,5 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { mentionListWidth, noDialogContainerBorderColor, noDialogContainerBorderRadius, noDialogContainerBoxShadow } from '../../shared-styles';
 // 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) {

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

@@ -1,5 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// 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
 export var GenericErrorVisualStyle = styled.div({
   width: "var(--ds-space-1000, 80px)"

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

@@ -1,5 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { N100 } from '@atlaskit/theme/colors';
 import { mentionListWidth, noDialogContainerBorderColor, noDialogContainerBorderRadius, noDialogContainerBoxShadow } from '../../shared-styles';
 // 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

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

@@ -1,7 +1,8 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
-import { scrollableMaxHeight } from '../../shared-styles';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+import { scrollableMaxHeight } from '../../shared-styles';
 // 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',

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 { ComponentNames, isSpecialMentionText } from '../types';
 var packageName = "@atlaskit/mention";
-var packageVersion = "24.5.2";
+var packageVersion = "24.5.3";
 export var SLI_EVENT_TYPE = 'sli';
 export var SMART_EVENT_TYPE = 'smart';
 export var fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {

package/dist/types/api/ContextMentionResource.d.ts

@@ -1,5 +1,5 @@
 import { type MentionProvider, type MentionContextIdentifier, ErrorCallback, InfoCallback, ResultCallback } from './MentionResource';
-import { type MentionDescription, type InviteFromMentionProvider, type XProductInviteMentionProvider } from '../types';
+import { type MentionDescription, type InviteFromMentionProvider, type XProductInviteMentionProvider, type AnalyticsCallback } from '../types';
 export type { MentionDescription };
 export type MentionProviderFunctions = Omit<{
     [Key in keyof MentionProvider]: MentionProvider[Key] extends Function ? MentionProvider[Key] : never;
@@ -14,7 +14,7 @@ export default class ContextMentionResource implements MentionProvider {
     getContextIdentifier(): MentionContextIdentifier | undefined;
     callWithContextIds: <K extends keyof MentionProviderFunctions>(f: K, declaredArgs: number) => MentionProvider[K];
     callDefault: <K extends keyof MentionProviderFunctions>(f: K) => MentionProvider[K];
-    subscribe: (key: string, callback?: ResultCallback<MentionDescription[]> | undefined, errCallback?: ErrorCallback, infoCallback?: InfoCallback, allResultsCallback?: ResultCallback<MentionDescription[]> | undefined, analyticsCallback?: import("../types").AnalyticsCallback) => void;
+    subscribe: (key: string, callback?: ResultCallback<MentionDescription[]> | undefined, errCallback?: ErrorCallback, infoCallback?: InfoCallback, allResultsCallback?: ResultCallback<MentionDescription[]> | undefined, analyticsCallback?: AnalyticsCallback) => void;
     unsubscribe: (key: string) => void;
     filter: (query?: string, contextIdentifier?: MentionContextIdentifier) => void;
     recordMentionSelection: (mention: MentionDescription, contextIdentifier?: MentionContextIdentifier) => void;

package/dist/types/components/LockCircleIcon/index.d.ts

@@ -1,5 +1,7 @@
-declare const AsyncLockCircleIcon: import("react").LazyExoticComponent<{
-    (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
+import type { NewCoreIconProps } from '@atlaskit/icon';
+import { type LazyExoticComponent } from 'react';
+declare const AsyncLockCircleIcon: LazyExoticComponent<{
+    (props: NewCoreIconProps): JSX.Element;
     displayName: string;
 }>;
 export default AsyncLockCircleIcon;

package/dist/types/components/Mention/PrimitiveMention.d.ts

@@ -1,7 +1,7 @@
 import { MentionType } from '../../types';
-import { type HTMLAttributes } from 'react';
+import { type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';
 export interface PrimitiveMentionProps extends HTMLAttributes<HTMLSpanElement> {
     mentionType: MentionType;
 }
-declare const PrimitiveMention: import("react").ForwardRefExoticComponent<PrimitiveMentionProps & import("react").RefAttributes<HTMLSpanElement>>;
+declare const PrimitiveMention: ForwardRefExoticComponent<PrimitiveMentionProps & RefAttributes<HTMLSpanElement>>;
 export default PrimitiveMention;

package/dist/types/components/MentionDescriptionByline/styles.d.ts

@@ -1,4 +1,7 @@
-export declare const DescriptionBylineStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import { type StyledComponent } from '@emotion/styled';
+import type { Theme } from '@emotion/react';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+export declare const DescriptionBylineStyle: StyledComponent<{
+    theme?: Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+}, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types/components/MentionItem/index.d.ts

@@ -15,4 +15,4 @@ export default class MentionItem extends React.PureComponent<Props, {}> {
     private onMentionMenuItemMouseEnter;
     render(): React.JSX.Element;
 }
-export declare const MentionItemWithRef: React.ForwardRefExoticComponent<Omit<Props, "forwardedRef"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MentionItemWithRef: React.ForwardRefExoticComponent<Omit<Props, 'forwardedRef'> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/MentionItem/styles.d.ts

@@ -1,3 +1,6 @@
+import { type StyledComponent } from '@emotion/styled';
+import type { Theme } from '@emotion/react';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
 export interface MentionItemStyleProps {
     selected?: boolean;
 }
@@ -10,36 +13,36 @@ export interface NameSectionStyleProps {
 export interface InfoSectionStyleProps {
     restricted?: boolean;
 }
-export declare const RowStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const RowStyle: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AvatarStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AvatarStyle: StyledComponent<{
     as?: React.ElementType;
-} & AvatarSectionStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const NameSectionStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+} & AvatarSectionStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const NameSectionStyle: StyledComponent<{
     as?: React.ElementType;
-} & NameSectionStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FullNameStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+} & NameSectionStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FullNameStyle: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const InfoSectionStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const InfoSectionStyle: StyledComponent<{
     as?: React.ElementType;
-} & InfoSectionStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TimeStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+} & InfoSectionStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimeStyle: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MENTION_ITEM_HEIGHT = 48;
-export declare const MentionItemStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const MentionItemStyle: StyledComponent<{
     as?: React.ElementType;
-} & MentionItemStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AccessSectionStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+} & MentionItemStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AccessSectionStyle: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/components/MentionList/styles.d.ts

@@ -1,7 +1,10 @@
+import { type StyledComponent } from '@emotion/styled';
+import type { Theme } from '@emotion/react';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
 export interface MentionListStyleProps {
     empty?: boolean;
 }
-export declare const MentionListStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const MentionListStyle: StyledComponent<{
+    theme?: Theme;
     as?: React.ElementType;
-} & MentionListStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & MentionListStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/components/MentionListError/styles.d.ts

@@ -1,4 +1,7 @@
-export declare const GenericErrorVisualStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import { type StyledComponent } from '@emotion/styled';
+import type { Theme } from '@emotion/react';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+export declare const GenericErrorVisualStyle: StyledComponent<{
+    theme?: Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/components/MentionPicker/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape, type WithIntlProps } from 'react-intl-next';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { type MentionProvider } from '../../api/MentionResource';
 import { type PresenceProvider } from '../../api/PresenceResource';
@@ -70,8 +70,8 @@ export declare class MentionPicker extends React.PureComponent<Props & WithAnaly
     private handleMentionListRef;
     render(): React.JSX.Element;
 }
-export declare const MentionPickerWithAnalytics: React.ForwardRefExoticComponent<Omit<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<Props & WithAnalyticsEventsProps & {
+export declare const MentionPickerWithAnalytics: React.ForwardRefExoticComponent<Omit<Omit<WithIntlProps<React.PropsWithChildren<Props & WithAnalyticsEventsProps & {
     intl: IntlShape;
-}>>, "ref"> & React.RefAttributes<any>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+}>>, 'ref'> & React.RefAttributes<any>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export type MentionPickerWithAnalytics = MentionPicker;
 export default MentionPickerWithAnalytics;

package/dist/types/components/MentionPicker/styles.d.ts

@@ -1,11 +1,14 @@
+import { type StyledComponent } from '@emotion/styled';
+import type { Theme } from '@emotion/react';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
 export interface MentionPickerStyleProps {
     visible?: boolean | string;
 }
-export declare const MentionPickerStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const MentionPickerStyle: StyledComponent<{
+    theme?: Theme;
     as?: React.ElementType;
-} & MentionPickerStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MentionPickerInfoStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+} & MentionPickerStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MentionPickerInfoStyle: StyledComponent<{
+    theme?: Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/components/Scrollable/styles.d.ts

@@ -1,4 +1,7 @@
-export declare const ScrollableStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import { type StyledComponent } from '@emotion/styled';
+import type { Theme } from '@emotion/react';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+export declare const ScrollableStyle: StyledComponent<{
+    theme?: Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/shared-styles.d.ts

@@ -1,5 +1,5 @@
-export declare const noDialogContainerBorderColor: "var(--ds-border)";
-export declare const noDialogContainerBorderRadius: "var(--ds-radius-small)";
-export declare const noDialogContainerBoxShadow: "var(--ds-shadow-overlay)";
+export declare const noDialogContainerBorderColor: 'var(--ds-border)';
+export declare const noDialogContainerBorderRadius: 'var(--ds-radius-small)';
+export declare const noDialogContainerBoxShadow: 'var(--ds-shadow-overlay)';
 export declare const scrollableMaxHeight = "264px";
 export declare const mentionListWidth = "340px";

package/dist/types/types.d.ts

@@ -234,9 +234,9 @@ export interface MentionNameDetails {
 }
 export declare function isRestricted(accessLevel?: string): boolean;
 export declare function isSpecialMention(mention: MentionDescription): boolean;
-export declare function isAppMention(mention: MentionDescription): boolean | "" | undefined;
-export declare function isTeamMention(mention: MentionDescription): boolean | "" | undefined;
-export declare function isSpecialMentionText(mentionText: string): boolean | "";
+export declare function isAppMention(mention: MentionDescription): boolean | '' | undefined;
+export declare function isTeamMention(mention: MentionDescription): boolean | '' | undefined;
+export declare function isSpecialMentionText(mentionText: string): boolean | '';
 export declare const isPromise: <T>(p: any) => p is Promise<T>;
 export type InviteFlow = 'mention' | 'assign';
 export type UserRole = 'admin' | 'trusted' | 'basic';

package/dist/types-ts4.5/api/ContextMentionResource.d.ts

@@ -1,5 +1,5 @@
 import { type MentionProvider, type MentionContextIdentifier, ErrorCallback, InfoCallback, ResultCallback } from './MentionResource';
-import { type MentionDescription, type InviteFromMentionProvider, type XProductInviteMentionProvider } from '../types';
+import { type MentionDescription, type InviteFromMentionProvider, type XProductInviteMentionProvider, type AnalyticsCallback } from '../types';
 export type { MentionDescription };
 export type MentionProviderFunctions = Omit<{
     [Key in keyof MentionProvider]: MentionProvider[Key] extends Function ? MentionProvider[Key] : never;
@@ -14,7 +14,7 @@ export default class ContextMentionResource implements MentionProvider {
     getContextIdentifier(): MentionContextIdentifier | undefined;
     callWithContextIds: <K extends keyof MentionProviderFunctions>(f: K, declaredArgs: number) => MentionProvider[K];
     callDefault: <K extends keyof MentionProviderFunctions>(f: K) => MentionProvider[K];
-    subscribe: (key: string, callback?: ResultCallback<MentionDescription[]> | undefined, errCallback?: ErrorCallback, infoCallback?: InfoCallback, allResultsCallback?: ResultCallback<MentionDescription[]> | undefined, analyticsCallback?: import("../types").AnalyticsCallback) => void;
+    subscribe: (key: string, callback?: ResultCallback<MentionDescription[]> | undefined, errCallback?: ErrorCallback, infoCallback?: InfoCallback, allResultsCallback?: ResultCallback<MentionDescription[]> | undefined, analyticsCallback?: AnalyticsCallback) => void;
     unsubscribe: (key: string) => void;
     filter: (query?: string, contextIdentifier?: MentionContextIdentifier) => void;
     recordMentionSelection: (mention: MentionDescription, contextIdentifier?: MentionContextIdentifier) => void;

package/dist/types-ts4.5/components/LockCircleIcon/index.d.ts

@@ -1,5 +1,7 @@
-declare const AsyncLockCircleIcon: import("react").LazyExoticComponent<{
-    (props: import("@atlaskit/icon").NewCoreIconProps): JSX.Element;
+import type { NewCoreIconProps } from '@atlaskit/icon';
+import { type LazyExoticComponent } from 'react';
+declare const AsyncLockCircleIcon: LazyExoticComponent<{
+    (props: NewCoreIconProps): JSX.Element;
     displayName: string;
 }>;
 export default AsyncLockCircleIcon;

package/dist/types-ts4.5/components/Mention/PrimitiveMention.d.ts

@@ -1,7 +1,7 @@
 import { MentionType } from '../../types';
-import { type HTMLAttributes } from 'react';
+import { type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';
 export interface PrimitiveMentionProps extends HTMLAttributes<HTMLSpanElement> {
     mentionType: MentionType;
 }
-declare const PrimitiveMention: import("react").ForwardRefExoticComponent<PrimitiveMentionProps & import("react").RefAttributes<HTMLSpanElement>>;
+declare const PrimitiveMention: ForwardRefExoticComponent<PrimitiveMentionProps & RefAttributes<HTMLSpanElement>>;
 export default PrimitiveMention;

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

@@ -1,4 +1,7 @@
-export declare const DescriptionBylineStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import { type StyledComponent } from '@emotion/styled';
+import type { Theme } from '@emotion/react';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+export declare const DescriptionBylineStyle: StyledComponent<{
+    theme?: Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+}, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types-ts4.5/components/MentionItem/index.d.ts

@@ -15,4 +15,4 @@ export default class MentionItem extends React.PureComponent<Props, {}> {
     private onMentionMenuItemMouseEnter;
     render(): React.JSX.Element;
 }
-export declare const MentionItemWithRef: React.ForwardRefExoticComponent<Omit<Props, "forwardedRef"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MentionItemWithRef: React.ForwardRefExoticComponent<Omit<Props, 'forwardedRef'> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,6 @@
+import { type StyledComponent } from '@emotion/styled';
+import type { Theme } from '@emotion/react';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
 export interface MentionItemStyleProps {
     selected?: boolean;
 }
@@ -10,36 +13,36 @@ export interface NameSectionStyleProps {
 export interface InfoSectionStyleProps {
     restricted?: boolean;
 }
-export declare const RowStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const RowStyle: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AvatarStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AvatarStyle: StyledComponent<{
     as?: React.ElementType;
-} & AvatarSectionStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const NameSectionStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+} & AvatarSectionStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const NameSectionStyle: StyledComponent<{
     as?: React.ElementType;
-} & NameSectionStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FullNameStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+} & NameSectionStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FullNameStyle: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const InfoSectionStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const InfoSectionStyle: StyledComponent<{
     as?: React.ElementType;
-} & InfoSectionStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TimeStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+} & InfoSectionStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimeStyle: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MENTION_ITEM_HEIGHT = 48;
-export declare const MentionItemStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const MentionItemStyle: StyledComponent<{
     as?: React.ElementType;
-} & MentionItemStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AccessSectionStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+} & MentionItemStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AccessSectionStyle: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,7 +1,10 @@
+import { type StyledComponent } from '@emotion/styled';
+import type { Theme } from '@emotion/react';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
 export interface MentionListStyleProps {
     empty?: boolean;
 }
-export declare const MentionListStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const MentionListStyle: StyledComponent<{
+    theme?: Theme;
     as?: React.ElementType;
-} & MentionListStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & MentionListStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,4 +1,7 @@
-export declare const GenericErrorVisualStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import { type StyledComponent } from '@emotion/styled';
+import type { Theme } from '@emotion/react';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+export declare const GenericErrorVisualStyle: StyledComponent<{
+    theme?: Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types-ts4.5/components/MentionPicker/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape, type WithIntlProps } from 'react-intl-next';
 import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { type MentionProvider } from '../../api/MentionResource';
 import { type PresenceProvider } from '../../api/PresenceResource';
@@ -70,8 +70,8 @@ export declare class MentionPicker extends React.PureComponent<Props & WithAnaly
     private handleMentionListRef;
     render(): React.JSX.Element;
 }
-export declare const MentionPickerWithAnalytics: React.ForwardRefExoticComponent<Omit<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<Props & WithAnalyticsEventsProps & {
+export declare const MentionPickerWithAnalytics: React.ForwardRefExoticComponent<Omit<Omit<WithIntlProps<React.PropsWithChildren<Props & WithAnalyticsEventsProps & {
     intl: IntlShape;
-}>>, "ref"> & React.RefAttributes<any>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+}>>, 'ref'> & React.RefAttributes<any>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 export type MentionPickerWithAnalytics = MentionPicker;
 export default MentionPickerWithAnalytics;

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

@@ -1,11 +1,14 @@
+import { type StyledComponent } from '@emotion/styled';
+import type { Theme } from '@emotion/react';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
 export interface MentionPickerStyleProps {
     visible?: boolean | string;
 }
-export declare const MentionPickerStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const MentionPickerStyle: StyledComponent<{
+    theme?: Theme;
     as?: React.ElementType;
-} & MentionPickerStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MentionPickerInfoStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+} & MentionPickerStyleProps, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MentionPickerInfoStyle: StyledComponent<{
+    theme?: Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,4 +1,7 @@
-export declare const ScrollableStyle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import { type StyledComponent } from '@emotion/styled';
+import type { Theme } from '@emotion/react';
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+export declare const ScrollableStyle: StyledComponent<{
+    theme?: Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,5 +1,5 @@
-export declare const noDialogContainerBorderColor: "var(--ds-border)";
-export declare const noDialogContainerBorderRadius: "var(--ds-radius-small)";
-export declare const noDialogContainerBoxShadow: "var(--ds-shadow-overlay)";
+export declare const noDialogContainerBorderColor: 'var(--ds-border)';
+export declare const noDialogContainerBorderRadius: 'var(--ds-radius-small)';
+export declare const noDialogContainerBoxShadow: 'var(--ds-shadow-overlay)';
 export declare const scrollableMaxHeight = "264px";
 export declare const mentionListWidth = "340px";

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

@@ -234,9 +234,9 @@ export interface MentionNameDetails {
 }
 export declare function isRestricted(accessLevel?: string): boolean;
 export declare function isSpecialMention(mention: MentionDescription): boolean;
-export declare function isAppMention(mention: MentionDescription): boolean | "" | undefined;
-export declare function isTeamMention(mention: MentionDescription): boolean | "" | undefined;
-export declare function isSpecialMentionText(mentionText: string): boolean | "";
+export declare function isAppMention(mention: MentionDescription): boolean | '' | undefined;
+export declare function isTeamMention(mention: MentionDescription): boolean | '' | undefined;
+export declare function isSpecialMentionText(mentionText: string): boolean | '';
 export declare const isPromise: <T>(p: any) => p is Promise<T>;
 export type InviteFlow = 'mention' | 'assign';
 export type UserRole = 'admin' | 'trusted' | 'basic';

package/package.json

@@ -22,16 +22,17 @@
 		"@atlaskit/afm-i18n-platform-elements-mention": "2.7.0",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.8.0",
+		"@atlaskit/avatar": "^25.9.0",
 		"@atlaskit/focus-ring": "^3.0.0",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/icon": "^32.0.0",
-		"@atlaskit/lozenge": "^13.4.0",
+		"@atlaskit/icon": "^33.0.0",
+		"@atlaskit/lozenge": "^13.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
+		"@atlaskit/tag": "^14.5.0",
 		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.0.0",
+		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",
@@ -47,7 +48,7 @@
 		"@af/search-test-utils": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/elements-test-helpers": "workspace:^",
-		"@atlassian/a11y-jest-testing": "^0.11.0",
+		"@atlassian/a11y-jest-testing": "^0.10.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
@@ -85,6 +86,9 @@
 		},
 		"mentions_custom_headers": {
 			"type": "boolean"
+		},
+		"platform-dst-lozenge-tag-badge-visual-uplifts": {
+			"type": "boolean"
 		}
 	},
 	"publishConfig": {
@@ -112,5 +116,5 @@
 			]
 		}
 	},
-	"version": "24.5.3"
+	"version": "24.5.4"
 }