@atlaskit/mention 24.5.5 → 24.6.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/mention
 
+## 24.6.1
+
+### Patch Changes
+
+- [`608c375f6f9b9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/608c375f6f9b9) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+
+## 24.6.0
+
+### Minor Changes
+
+- [`f86d75095ae8e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f86d75095ae8e) -
+  Clean up mentions_custom_headers FG
+
 ## 24.5.5
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -56,9 +56,6 @@
 		{
 			"path": "../../../people-and-teams/teams-avatar/afm-cc/tsconfig.json"
 		},
-		{
-			"path": "../../../design-system/theme/afm-cc/tsconfig.json"
-		},
 		{
 			"path": "../../../design-system/tokens/afm-cc/tsconfig.json"
 		},

package/dist/cjs/api/MentionResource.js

@@ -13,7 +13,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utilServiceSupport = require("@atlaskit/util-service-support");
 var _types = require("../types");
 var _logger = _interopRequireDefault(require("../util/logger"));
@@ -378,7 +377,7 @@ var MentionResource = exports.MentionResource = /*#__PURE__*/function (_Abstract
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               queryParams = this.getQueryParams(contextIdentifier);
-              configHeaders = (0, _platformFeatureFlags.fg)('mentions_custom_headers') ? this.config.headers : undefined;
+              configHeaders = this.config.headers;
               options = _objectSpread({
                 path: 'bootstrap',
                 queryParams: queryParams
@@ -425,7 +424,7 @@ var MentionResource = exports.MentionResource = /*#__PURE__*/function (_Abstract
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              configHeaders = (0, _platformFeatureFlags.fg)('mentions_custom_headers') ? this.config.headers : undefined;
+              configHeaders = this.config.headers;
               options = _objectSpread({
                 path: 'search',
                 queryParams: _objectSpread({

package/dist/cjs/api/PresenceResource.js

@@ -11,7 +11,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _atlAttribution = require("../util/atl-attribution");
 var _logger = _interopRequireDefault(require("../util/logger"));
 var _MentionResource = require("./MentionResource");
@@ -117,7 +116,6 @@ var PresenceResource = /*#__PURE__*/function (_AbstractPresenceReso) {
       if (this.config.productId) {
         query.variables['productId'] = this.config.productId;
       }
-      var configHeaders = (0, _platformFeatureFlags.fg)('mentions_custom_headers') ? this.config.headers : undefined;
       var atlAttributionHeader = (0, _atlAttribution.buildAtlAttributionHeaderValue)({
         cloudId: this.config.cloudId,
         productId: this.config.productId,
@@ -127,7 +125,7 @@ var PresenceResource = /*#__PURE__*/function (_AbstractPresenceReso) {
         method: 'POST',
         headers: _objectSpread(_objectSpread({
           'Content-Type': 'application/json'
-        }, atlAttributionHeader), configHeaders),
+        }, atlAttributionHeader), this.config.headers),
         credentials: 'include',
         body: JSON.stringify(query)
       };

package/dist/cjs/api/TeamMentionResource.js

@@ -16,7 +16,6 @@ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _analytics = require("./../util/analytics");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utilServiceSupport = require("@atlaskit/util-service-support");
 var _types = require("../types");
 var _MentionResource2 = _interopRequireDefault(require("./MentionResource"));
@@ -76,7 +75,7 @@ var TeamMentionResource = exports.default = /*#__PURE__*/function (_MentionResou
               emptyQuery = '';
               getUserPromise = _superPropGet(TeamMentionResource, "remoteInitialState", this, 3)([contextIdentifier]);
               queryParams = this.getQueryParamsOfTeamMentionConfig(contextIdentifier);
-              configHeaders = (0, _platformFeatureFlags.fg)('mentions_custom_headers') ? this.teamMentionConfig.headers : undefined;
+              configHeaders = this.teamMentionConfig.headers;
               options = _objectSpread({
                 path: 'bootstrap',
                 queryParams: queryParams
@@ -224,7 +223,7 @@ var TeamMentionResource = exports.default = /*#__PURE__*/function (_MentionResou
         return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              configHeaders = (0, _platformFeatureFlags.fg)('mentions_custom_headers') ? this.teamMentionConfig.headers : undefined;
+              configHeaders = this.teamMentionConfig.headers;
               options = _objectSpread({
                 path: 'search',
                 queryParams: _objectSpread({

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

@@ -10,7 +10,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
 var _types = require("../../types");
 var _react2 = require("react");
 var _templateObject;
@@ -22,23 +21,23 @@ var _excluded = ["mentionType"];
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var mentionStyle = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _types.MentionType.SELF, {
-  background: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")"),
+  background: "var(--ds-background-brand-bold, #1868DB)",
   borderColor: 'transparent',
-  text: "var(--ds-text-inverse, ".concat(_colors.N20, ")"),
-  hoveredBackground: "var(--ds-background-brand-bold-hovered, ".concat(_colors.B400, ")"),
-  pressedBackground: "var(--ds-background-brand-bold-pressed, ".concat(_colors.B400, ")")
+  text: "var(--ds-text-inverse, #FFFFFF)",
+  hoveredBackground: "var(--ds-background-brand-bold-hovered, #1558BC)",
+  pressedBackground: "var(--ds-background-brand-bold-pressed, #144794)"
 }), _types.MentionType.RESTRICTED, {
   background: 'transparent',
-  borderColor: "var(--ds-border-bold, ".concat(_colors.N500, ")"),
-  text: "var(--ds-text, ".concat(_colors.N500, ")"),
+  borderColor: "var(--ds-border-bold, #7D818A)",
+  text: "var(--ds-text, #292A2E)",
   hoveredBackground: 'transparent',
   pressedBackground: 'transparent'
 }), _types.MentionType.DEFAULT, {
-  background: "var(--ds-background-neutral, ".concat(_colors.N30A, ")"),
+  background: "var(--ds-background-neutral, #0515240F)",
   borderColor: 'transparent',
-  text: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
-  hoveredBackground: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")"),
-  pressedBackground: "var(--ds-background-neutral-pressed, ".concat(_colors.N30A, ")")
+  text: "var(--ds-text-subtle, #505258)",
+  hoveredBackground: "var(--ds-background-neutral-hovered, #0B120E24)",
+  pressedBackground: "var(--ds-background-neutral-pressed, #080F214A)"
 });
 var getStyle = function getStyle(_ref, property) {
   var mentionType = _ref.mentionType;

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

@@ -6,15 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DescriptionBylineStyle = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _colors = require("@atlaskit/theme/colors");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/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, ")"),
-  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)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
+  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)",
   marginTop: "var(--ds-space-025, 2px)",
   display: 'block',
   overflow: 'hidden',

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

@@ -132,7 +132,7 @@ var MentionItem = exports.default = /*#__PURE__*/function (_React$PureComponent)
         time = _ref.time;
       var restricted = (0, _types.isRestricted)(accessLevel);
       var nameHighlights = highlight && highlight.name;
-      var xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #0C66E4)" : "var(--ds-icon, #44546F)";
+      var xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon, #292A2E)";
       return /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, /*#__PURE__*/_react.default.createElement(_styles.MentionItemStyle, {
         selected: selected,
         onMouseDown: this.onMentionSelected,

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

@@ -7,7 +7,6 @@ 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
@@ -51,7 +50,7 @@ var FullNameStyle = exports.FullNameStyle = _styled.default.span({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
-  color: "var(--ds-text, ".concat(_colors.N900, ")")
+  color: "var(--ds-text, #292A2E)"
 });
 
 // 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
@@ -80,7 +79,7 @@ var InfoSectionStyle = exports.InfoSectionStyle = _styled.default.div(function (
 var TimeStyle = exports.TimeStyle = _styled.default.div({
   marginLeft: "var(--ds-space-250, 20px)",
   flex: 'none',
-  color: "var(--ds-text-subtlest, ".concat(_colors.N100, ")"),
+  color: "var(--ds-text-subtlest, #6B6E76)",
   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;
@@ -88,7 +87,7 @@ var MENTION_ITEM_HEIGHT = exports.MENTION_ITEM_HEIGHT = 48;
 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',
+    backgroundColor: props.selected ? "var(--ds-background-selected, #E9F2FE)" : 'transparent',
     display: 'block',
     overflow: 'hidden',
     listStyleType: 'none',
@@ -102,5 +101,5 @@ var MentionItemStyle = exports.MentionItemStyle = _styled.default.div(function (
 // 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, ")")
+  color: "var(--ds-text-subtle, #505258)"
 });

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

@@ -19,7 +19,7 @@ var MentionListStyle = exports.MentionListStyle = _styled.default.div(function (
     /* 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)",
+    color: "var(--ds-text-subtle, #505258)",
     // 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

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MentionPickerStyle = exports.MentionPickerInfoStyle = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _colors = require("@atlaskit/theme/colors");
 var _sharedStyles = require("../../shared-styles");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
@@ -22,8 +21,8 @@ var MentionPickerStyle = exports.MentionPickerStyle = _styled.default.div(functi
 
 // 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, ")"),
+  background: "var(--ds-surface, #FFFFFF)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
   // 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

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

@@ -18,7 +18,7 @@ var ScrollableStyle = exports.ScrollableStyle = _styled.default.div({
   overflowY: 'auto',
   padding: "var(--ds-space-050, 4px)".concat(" 0"),
   margin: 0,
-  background: "var(--ds-surface, white)",
+  background: "var(--ds-surface, #FFFFFF)",
   // 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,
   borderRadius: "var(--ds-radius-small, 3px)"

package/dist/cjs/shared-styles.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.scrollableMaxHeight = exports.noDialogContainerBoxShadow = exports.noDialogContainerBorderRadius = exports.noDialogContainerBorderColor = exports.mentionListWidth = void 0;
-var _colors = require("@atlaskit/theme/colors");
-var noDialogContainerBorderColor = exports.noDialogContainerBorderColor = "var(--ds-border, ".concat(_colors.N40, ")"); // This has not been confirmed by the ADG yet
+var noDialogContainerBorderColor = exports.noDialogContainerBorderColor = "var(--ds-border, #0B120E24)"; // This has not been confirmed by the ADG yet
 var noDialogContainerBorderRadius = exports.noDialogContainerBorderRadius = "var(--ds-radius-small, 3px)";
-var noDialogContainerBoxShadow = exports.noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31))"; // Copied from droplist style
+var noDialogContainerBoxShadow = exports.noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"; // Copied from droplist style
 
 var scrollableMaxHeight = exports.scrollableMaxHeight = '264px';
 var mentionListWidth = exports.mentionListWidth = '340px';

package/dist/cjs/util/atl-attribution.js

@@ -4,11 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildAtlAttributionHeaderValue = buildAtlAttributionHeaderValue;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function buildAtlAttributionHeaderValue(config) {
-  if (!(0, _platformFeatureFlags.fg)('mentions_custom_headers')) {
-    return undefined;
-  }
   var cloudId = config.cloudId,
     activationId = config.activationId,
     _config$productId = config.productId,

package/dist/es2019/api/MentionResource.js

@@ -1,4 +1,3 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 import { utils as serviceUtils } from '@atlaskit/util-service-support';
 import { isAppMention, isTeamMention, MentionNameStatus, SliNames, Actions } from '../types';
 import debug from '../util/logger';
@@ -266,7 +265,7 @@ export class MentionResource extends AbstractMentionResource {
    */
   async remoteInitialState(contextIdentifier) {
     const queryParams = this.getQueryParams(contextIdentifier);
-    const configHeaders = fg('mentions_custom_headers') ? this.config.headers : undefined;
+    const configHeaders = this.config.headers;
     const options = {
       path: 'bootstrap',
       queryParams,
@@ -291,7 +290,7 @@ export class MentionResource extends AbstractMentionResource {
     };
   }
   async remoteSearch(query, contextIdentifier) {
-    const configHeaders = fg('mentions_custom_headers') ? this.config.headers : undefined;
+    const configHeaders = this.config.headers;
     const options = {
       path: 'search',
       queryParams: {

package/dist/es2019/api/PresenceResource.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { fg } from '@atlaskit/platform-feature-flags';
 import { buildAtlAttributionHeaderValue } from '../util/atl-attribution';
 import debug from '../util/logger';
 import { AbstractResource } from './MentionResource';
@@ -79,7 +78,6 @@ class PresenceResource extends AbstractPresenceResource {
     if (this.config.productId) {
       query.variables['productId'] = this.config.productId;
     }
-    const configHeaders = fg('mentions_custom_headers') ? this.config.headers : undefined;
     const atlAttributionHeader = buildAtlAttributionHeaderValue({
       cloudId: this.config.cloudId,
       productId: this.config.productId,
@@ -90,7 +88,7 @@ class PresenceResource extends AbstractPresenceResource {
       headers: {
         'Content-Type': 'application/json',
         ...atlAttributionHeader,
-        ...configHeaders
+        ...this.config.headers
       },
       credentials: 'include',
       body: JSON.stringify(query)

package/dist/es2019/api/TeamMentionResource.js

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { SLI_EVENT_TYPE } from './../util/analytics';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { utils as serviceUtils } from '@atlaskit/util-service-support';
 import { UserType, UserAccessLevel, SliNames, Actions } from '../types';
 import MentionResource from './MentionResource';
@@ -42,7 +41,7 @@ export default class TeamMentionResource extends MentionResource {
     const emptyQuery = '';
     const getUserPromise = super.remoteInitialState(contextIdentifier);
     const queryParams = this.getQueryParamsOfTeamMentionConfig(contextIdentifier);
-    const configHeaders = fg('mentions_custom_headers') ? this.teamMentionConfig.headers : undefined;
+    const configHeaders = this.teamMentionConfig.headers;
     const options = {
       path: 'bootstrap',
       queryParams,
@@ -144,7 +143,7 @@ export default class TeamMentionResource extends MentionResource {
     return super.remoteSearch(query, contextIdentifier);
   }
   async remoteTeamSearch(query, contextIdentifier) {
-    const configHeaders = fg('mentions_custom_headers') ? this.teamMentionConfig.headers : undefined;
+    const configHeaders = this.teamMentionConfig.headers;
     const options = {
       path: 'search',
       queryParams: {

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

@@ -6,30 +6,29 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 // 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';
 import { forwardRef } from 'react';
 const mentionStyle = {
   [MentionType.SELF]: {
-    background: `var(--ds-background-brand-bold, ${B400})`,
+    background: "var(--ds-background-brand-bold, #1868DB)",
     borderColor: 'transparent',
-    text: `var(--ds-text-inverse, ${N20})`,
-    hoveredBackground: `var(--ds-background-brand-bold-hovered, ${B400})`,
-    pressedBackground: `var(--ds-background-brand-bold-pressed, ${B400})`
+    text: "var(--ds-text-inverse, #FFFFFF)",
+    hoveredBackground: "var(--ds-background-brand-bold-hovered, #1558BC)",
+    pressedBackground: "var(--ds-background-brand-bold-pressed, #144794)"
   },
   [MentionType.RESTRICTED]: {
     background: 'transparent',
-    borderColor: `var(--ds-border-bold, ${N500})`,
-    text: `var(--ds-text, ${N500})`,
+    borderColor: "var(--ds-border-bold, #7D818A)",
+    text: "var(--ds-text, #292A2E)",
     hoveredBackground: 'transparent',
     pressedBackground: 'transparent'
   },
   [MentionType.DEFAULT]: {
-    background: `var(--ds-background-neutral, ${N30A})`,
+    background: "var(--ds-background-neutral, #0515240F)",
     borderColor: 'transparent',
-    text: `var(--ds-text-subtle, ${N500})`,
-    hoveredBackground: `var(--ds-background-neutral-hovered, ${N30A})`,
-    pressedBackground: `var(--ds-background-neutral-pressed, ${N30A})`
+    text: "var(--ds-text-subtle, #505258)",
+    hoveredBackground: "var(--ds-background-neutral-hovered, #0B120E24)",
+    pressedBackground: "var(--ds-background-neutral-pressed, #080F214A)"
   }
 };
 const getStyle = ({

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

@@ -2,11 +2,10 @@
 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({
-  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)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
+  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)",
   marginTop: "var(--ds-space-025, 2px)",
   display: 'block',
   overflow: 'hidden',

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

@@ -111,7 +111,7 @@ export default class MentionItem extends React.PureComponent {
     } = presence || {};
     const restricted = isRestricted(accessLevel);
     const nameHighlights = highlight && highlight.name;
-    const xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #0C66E4)" : "var(--ds-icon, #44546F)";
+    const xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon, #292A2E)";
     return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(MentionItemStyle, {
       selected: selected,
       onMouseDown: this.onMentionSelected,

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

@@ -3,7 +3,6 @@ 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({
   alignItems: 'center',
@@ -39,7 +38,7 @@ export const FullNameStyle = styled.span({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
-  color: `var(--ds-text, ${N900})`
+  color: "var(--ds-text, #292A2E)"
 });
 
 // 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
@@ -66,14 +65,14 @@ export const InfoSectionStyle = styled.div(props => ({
 export const TimeStyle = styled.div({
   marginLeft: "var(--ds-space-250, 20px)",
   flex: 'none',
-  color: `var(--ds-text-subtlest, ${N100})`,
+  color: "var(--ds-text-subtlest, #6B6E76)",
   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
 export const MentionItemStyle = styled.div(props => ({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundColor: props.selected ? `var(--ds-background-selected, ${N30})` : 'transparent',
+  backgroundColor: props.selected ? "var(--ds-background-selected, #E9F2FE)" : 'transparent',
   display: 'block',
   overflow: 'hidden',
   listStyleType: 'none',
@@ -86,5 +85,5 @@ export const MentionItemStyle = styled.div(props => ({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const AccessSectionStyle = styled.div({
   paddingLeft: "var(--ds-space-050, 4px)",
-  color: `var(--ds-text-subtle, ${N500})`
+  color: "var(--ds-text-subtle, #505258)"
 });

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

@@ -10,7 +10,7 @@ export const MentionListStyle = styled.div(props => ({
   /* list style */
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: mentionListWidth,
-  color: "var(--ds-text-subtle, #333)",
+  color: "var(--ds-text-subtle, #505258)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   border: `1px solid ${noDialogContainerBorderColor}`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -2,7 +2,6 @@
 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
 export const MentionPickerStyle = styled.div(props => ({
@@ -12,8 +11,8 @@ export const MentionPickerStyle = styled.div(props => ({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const MentionPickerInfoStyle = styled.div({
-  background: "var(--ds-surface, #fff)",
-  color: `var(--ds-text-subtlest, ${N100})`,
+  background: "var(--ds-surface, #FFFFFF)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   border: `1px solid ${noDialogContainerBorderColor}`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -10,7 +10,7 @@ export const ScrollableStyle = styled.div({
   overflowY: 'auto',
   padding: `${"var(--ds-space-050, 4px)"} 0`,
   margin: 0,
-  background: "var(--ds-surface, white)",
+  background: "var(--ds-surface, #FFFFFF)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxHeight: scrollableMaxHeight,
   borderRadius: "var(--ds-radius-small, 3px)"

package/dist/es2019/shared-styles.js

@@ -1,7 +1,6 @@
-import { N40 } from '@atlaskit/theme/colors';
-export const noDialogContainerBorderColor = `var(--ds-border, ${N40})`; // This has not been confirmed by the ADG yet
+export const noDialogContainerBorderColor = "var(--ds-border, #0B120E24)"; // This has not been confirmed by the ADG yet
 export const noDialogContainerBorderRadius = "var(--ds-radius-small, 3px)";
-export const noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31))"; // Copied from droplist style
+export const noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"; // Copied from droplist style
 
 export const scrollableMaxHeight = '264px';
 export const mentionListWidth = '340px';

package/dist/es2019/util/atl-attribution.js

@@ -1,8 +1,4 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 export function buildAtlAttributionHeaderValue(config) {
-  if (!fg('mentions_custom_headers')) {
-    return undefined;
-  }
   const {
     cloudId,
     activationId,

package/dist/esm/api/MentionResource.js

@@ -10,7 +10,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 { fg } from '@atlaskit/platform-feature-flags';
 import { utils as serviceUtils } from '@atlaskit/util-service-support';
 import { isAppMention, isTeamMention, MentionNameStatus, SliNames, Actions } from '../types';
 import debug from '../util/logger';
@@ -371,7 +370,7 @@ export var MentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               queryParams = this.getQueryParams(contextIdentifier);
-              configHeaders = fg('mentions_custom_headers') ? this.config.headers : undefined;
+              configHeaders = this.config.headers;
               options = _objectSpread({
                 path: 'bootstrap',
                 queryParams: queryParams
@@ -418,7 +417,7 @@ export var MentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              configHeaders = fg('mentions_custom_headers') ? this.config.headers : undefined;
+              configHeaders = this.config.headers;
               options = _objectSpread({
                 path: 'search',
                 queryParams: _objectSpread({

package/dist/esm/api/PresenceResource.js

@@ -11,7 +11,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 { fg } from '@atlaskit/platform-feature-flags';
 import { buildAtlAttributionHeaderValue } from '../util/atl-attribution';
 import debug from '../util/logger';
 import { AbstractResource } from './MentionResource';
@@ -111,7 +110,6 @@ var PresenceResource = /*#__PURE__*/function (_AbstractPresenceReso) {
       if (this.config.productId) {
         query.variables['productId'] = this.config.productId;
       }
-      var configHeaders = fg('mentions_custom_headers') ? this.config.headers : undefined;
       var atlAttributionHeader = buildAtlAttributionHeaderValue({
         cloudId: this.config.cloudId,
         productId: this.config.productId,
@@ -121,7 +119,7 @@ var PresenceResource = /*#__PURE__*/function (_AbstractPresenceReso) {
         method: 'POST',
         headers: _objectSpread(_objectSpread({
           'Content-Type': 'application/json'
-        }, atlAttributionHeader), configHeaders),
+        }, atlAttributionHeader), this.config.headers),
         credentials: 'include',
         body: JSON.stringify(query)
       };

package/dist/esm/api/TeamMentionResource.js

@@ -14,7 +14,6 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 import { SLI_EVENT_TYPE } from './../util/analytics';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { utils as serviceUtils } from '@atlaskit/util-service-support';
 import { UserType, UserAccessLevel, SliNames, Actions } from '../types';
 import MentionResource from './MentionResource';
@@ -69,7 +68,7 @@ var TeamMentionResource = /*#__PURE__*/function (_MentionResource) {
               emptyQuery = '';
               getUserPromise = _superPropGet(TeamMentionResource, "remoteInitialState", this, 3)([contextIdentifier]);
               queryParams = this.getQueryParamsOfTeamMentionConfig(contextIdentifier);
-              configHeaders = fg('mentions_custom_headers') ? this.teamMentionConfig.headers : undefined;
+              configHeaders = this.teamMentionConfig.headers;
               options = _objectSpread({
                 path: 'bootstrap',
                 queryParams: queryParams
@@ -217,7 +216,7 @@ var TeamMentionResource = /*#__PURE__*/function (_MentionResource) {
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              configHeaders = fg('mentions_custom_headers') ? this.teamMentionConfig.headers : undefined;
+              configHeaders = this.teamMentionConfig.headers;
               options = _objectSpread({
                 path: 'search',
                 queryParams: _objectSpread({

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

@@ -11,27 +11,26 @@ var _excluded = ["mentionType"];
  */
 // 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';
 import { forwardRef } from 'react';
 var mentionStyle = _defineProperty(_defineProperty(_defineProperty({}, MentionType.SELF, {
-  background: "var(--ds-background-brand-bold, ".concat(B400, ")"),
+  background: "var(--ds-background-brand-bold, #1868DB)",
   borderColor: 'transparent',
-  text: "var(--ds-text-inverse, ".concat(N20, ")"),
-  hoveredBackground: "var(--ds-background-brand-bold-hovered, ".concat(B400, ")"),
-  pressedBackground: "var(--ds-background-brand-bold-pressed, ".concat(B400, ")")
+  text: "var(--ds-text-inverse, #FFFFFF)",
+  hoveredBackground: "var(--ds-background-brand-bold-hovered, #1558BC)",
+  pressedBackground: "var(--ds-background-brand-bold-pressed, #144794)"
 }), MentionType.RESTRICTED, {
   background: 'transparent',
-  borderColor: "var(--ds-border-bold, ".concat(N500, ")"),
-  text: "var(--ds-text, ".concat(N500, ")"),
+  borderColor: "var(--ds-border-bold, #7D818A)",
+  text: "var(--ds-text, #292A2E)",
   hoveredBackground: 'transparent',
   pressedBackground: 'transparent'
 }), MentionType.DEFAULT, {
-  background: "var(--ds-background-neutral, ".concat(N30A, ")"),
+  background: "var(--ds-background-neutral, #0515240F)",
   borderColor: 'transparent',
-  text: "var(--ds-text-subtle, ".concat(N500, ")"),
-  hoveredBackground: "var(--ds-background-neutral-hovered, ".concat(N30A, ")"),
-  pressedBackground: "var(--ds-background-neutral-pressed, ".concat(N30A, ")")
+  text: "var(--ds-text-subtle, #505258)",
+  hoveredBackground: "var(--ds-background-neutral-hovered, #0B120E24)",
+  pressedBackground: "var(--ds-background-neutral-pressed, #080F214A)"
 });
 var getStyle = function getStyle(_ref, property) {
   var mentionType = _ref.mentionType;

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

@@ -2,11 +2,10 @@
 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({
-  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)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
+  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)",
   marginTop: "var(--ds-space-025, 2px)",
   display: 'block',
   overflow: 'hidden',

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

@@ -120,7 +120,7 @@ var MentionItem = /*#__PURE__*/function (_React$PureComponent) {
         time = _ref.time;
       var restricted = isRestricted(accessLevel);
       var nameHighlights = highlight && highlight.name;
-      var xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #0C66E4)" : "var(--ds-icon, #44546F)";
+      var xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon, #292A2E)";
       return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(MentionItemStyle, {
         selected: selected,
         onMouseDown: this.onMentionSelected,

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

@@ -3,7 +3,6 @@ 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({
   alignItems: 'center',
@@ -43,7 +42,7 @@ export var FullNameStyle = styled.span({
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
-  color: "var(--ds-text, ".concat(N900, ")")
+  color: "var(--ds-text, #292A2E)"
 });
 
 // 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
@@ -72,7 +71,7 @@ export var InfoSectionStyle = styled.div(function (props) {
 export var TimeStyle = styled.div({
   marginLeft: "var(--ds-space-250, 20px)",
   flex: 'none',
-  color: "var(--ds-text-subtlest, ".concat(N100, ")"),
+  color: "var(--ds-text-subtlest, #6B6E76)",
   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;
@@ -80,7 +79,7 @@ export var MENTION_ITEM_HEIGHT = 48;
 export var MentionItemStyle = styled.div(function (props) {
   return {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    backgroundColor: props.selected ? "var(--ds-background-selected, ".concat(N30, ")") : 'transparent',
+    backgroundColor: props.selected ? "var(--ds-background-selected, #E9F2FE)" : 'transparent',
     display: 'block',
     overflow: 'hidden',
     listStyleType: 'none',
@@ -94,5 +93,5 @@ export var MentionItemStyle = styled.div(function (props) {
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var AccessSectionStyle = styled.div({
   paddingLeft: "var(--ds-space-050, 4px)",
-  color: "var(--ds-text-subtle, ".concat(N500, ")")
+  color: "var(--ds-text-subtle, #505258)"
 });

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

@@ -11,7 +11,7 @@ export var MentionListStyle = styled.div(function (props) {
     /* list style */
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: mentionListWidth,
-    color: "var(--ds-text-subtle, #333)",
+    color: "var(--ds-text-subtle, #505258)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     border: "1px solid ".concat(noDialogContainerBorderColor),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -2,7 +2,6 @@
 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
 export var MentionPickerStyle = styled.div(function (props) {
@@ -14,8 +13,8 @@ export var MentionPickerStyle = styled.div(function (props) {
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var MentionPickerInfoStyle = styled.div({
-  background: "var(--ds-surface, #fff)",
-  color: "var(--ds-text-subtlest, ".concat(N100, ")"),
+  background: "var(--ds-surface, #FFFFFF)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   border: "1px solid ".concat(noDialogContainerBorderColor),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -10,7 +10,7 @@ export var ScrollableStyle = styled.div({
   overflowY: 'auto',
   padding: "var(--ds-space-050, 4px)".concat(" 0"),
   margin: 0,
-  background: "var(--ds-surface, white)",
+  background: "var(--ds-surface, #FFFFFF)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxHeight: scrollableMaxHeight,
   borderRadius: "var(--ds-radius-small, 3px)"

package/dist/esm/shared-styles.js

@@ -1,7 +1,6 @@
-import { N40 } from '@atlaskit/theme/colors';
-export var noDialogContainerBorderColor = "var(--ds-border, ".concat(N40, ")"); // This has not been confirmed by the ADG yet
+export var noDialogContainerBorderColor = "var(--ds-border, #0B120E24)"; // This has not been confirmed by the ADG yet
 export var noDialogContainerBorderRadius = "var(--ds-radius-small, 3px)";
-export var noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31))"; // Copied from droplist style
+export var noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"; // Copied from droplist style
 
 export var scrollableMaxHeight = '264px';
 export var mentionListWidth = '340px';

package/dist/esm/util/atl-attribution.js

@@ -1,8 +1,4 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 export function buildAtlAttributionHeaderValue(config) {
-  if (!fg('mentions_custom_headers')) {
-    return undefined;
-  }
   var cloudId = config.cloudId,
     activationId = config.activationId,
     _config$productId = config.productId,

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

@@ -31,7 +31,6 @@ export interface PresenceResourceConfig {
     cloudId: string;
     /**
      * Custom HTTP headers to include in presence service requests.
-     * Only applied when the `mentions_custom_headers` feature flag is enabled.
      */
     headers?: Record<string, string>;
     /**

package/dist/types/types.d.ts

@@ -41,7 +41,6 @@ export interface MentionResourceConfig extends ServiceConfig {
     debounceTime?: number;
     /**
      * Custom HTTP headers to include in mention service requests.
-     * Only applied when the `mentions_custom_headers` feature flag is enabled.
      */
     headers?: Record<string, string>;
     /**

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

@@ -31,7 +31,6 @@ export interface PresenceResourceConfig {
     cloudId: string;
     /**
      * Custom HTTP headers to include in presence service requests.
-     * Only applied when the `mentions_custom_headers` feature flag is enabled.
      */
     headers?: Record<string, string>;
     /**

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

@@ -41,7 +41,6 @@ export interface MentionResourceConfig extends ServiceConfig {
     debounceTime?: number;
     /**
      * Custom HTTP headers to include in mention service requests.
-     * Only applied when the `mentions_custom_headers` feature flag is enabled.
      */
     headers?: Record<string, string>;
     /**

package/package.json

@@ -21,18 +21,17 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-mention": "2.7.0",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
-		"@atlaskit/analytics-next": "^11.1.0",
+		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/avatar": "^25.10.0",
 		"@atlaskit/focus-ring": "^3.0.0",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/icon": "^33.0.0",
+		"@atlaskit/icon": "^33.1.0",
 		"@atlaskit/lozenge": "^13.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/tag": "^14.5.0",
+		"@atlaskit/primitives": "^18.1.0",
+		"@atlaskit/tag": "^14.6.0",
 		"@atlaskit/teams-avatar": "^2.4.0",
-		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tokens": "^11.3.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/util-service-support": "^6.3.0",
@@ -84,9 +83,6 @@
 		"jira_ai_agent_avatar_issue_view_comment_mentions": {
 			"type": "boolean"
 		},
-		"mentions_custom_headers": {
-			"type": "boolean"
-		},
 		"platform-dst-lozenge-tag-badge-visual-uplifts": {
 			"type": "boolean"
 		}
@@ -116,5 +112,5 @@
 			]
 		}
 	},
-	"version": "24.5.5"
+	"version": "24.6.1"
 }