@atlaskit/editor-plugin-type-ahead 8.0.9 → 8.0.11

package/CHANGELOG.md

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

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

@@ -13,7 +13,6 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _prosemirrorHistory = require("@atlaskit/prosemirror-history");
-var _colors = require("@atlaskit/theme/colors");
 var _WrapperTypeAhead = require("../ui/WrapperTypeAhead");
 var _closeTypeAhead = require("./commands/close-type-ahead");
 var _constants = require("./constants");
@@ -65,7 +64,7 @@ var factoryDecorations = exports.factoryDecorations = function factoryDecoration
       // packages/editor/editor-core/src/ui/Addon/click-area-helper.ts
       typeaheadComponent.dataset.editorPopup = 'true';
       typeaheadComponent.dataset.typeAhead = _constants.TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE;
-      typeaheadComponent.style.color = "var(--ds-text-accent-blue, ".concat(_colors.B400, ")");
+      typeaheadComponent.style.color = "var(--ds-text-accent-blue, #1558BC)";
       typeaheadComponent.style.backgroundColor = 'transparent';
       var onUndoRedo = function onUndoRedo(inputType) {
         if (!['historyUndo', 'historyRedo'].includes(inputType)) {

package/dist/cjs/ui/ContentComponent.js

@@ -36,7 +36,9 @@ function ContentComponent(_ref) {
   }
   return /*#__PURE__*/_react.default.createElement(_TypeAheadMenu.TypeAheadMenu, {
     editorView: editorView,
-    popupMountRef: popupMountRef,
+    popupMountRef: popupMountRef
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     typeAheadState: {
       triggerHandler: triggerHandler,
       items: items,

package/dist/cjs/ui/InputQuery.js

@@ -61,7 +61,7 @@ var querySpanStyles = (0, _react2.css)({
     fontSize: '1em',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: _editorSharedStyles.blockNodesVerticalMargin,
-    caretColor: "var(--ds-text-accent-blue, #0052CC)"
+    caretColor: "var(--ds-text-accent-blue, #1558BC)"
   }
 });
 var isNavigationKey = function isNavigationKey(event) {

package/dist/cjs/ui/MoreOptions.js

@@ -9,7 +9,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _browser = require("@atlaskit/editor-common/browser");
 var _menu = require("@atlaskit/menu");
-var _colors = require("@atlaskit/theme/colors");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
@@ -22,11 +21,11 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var buttonStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:hover': {
-    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")")
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:focus': {
-    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")")
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
   }
 });
 var MoreOptions = exports.MoreOptions = function MoreOptions(_ref) {
@@ -78,7 +77,8 @@ var MoreOptions = exports.MoreOptions = function MoreOptions(_ref) {
   }, (0, _react2.jsx)("span", {
     css: buttonStyles
   }, (0, _react2.jsx)(_menu.ButtonItem, {
-    ref: ref,
+    ref: ref
+    /* eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) */,
     onMouseDown: function onMouseDown(e) {
       if (isSafari && (0, _expValEquals.expValEquals)('platform_safari_cursor_typeahead_fix', 'isEnabled', true)) {
         e.preventDefault();

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

@@ -29,7 +29,9 @@ var TypeAheadErrorFallback = exports.TypeAheadErrorFallback = function TypeAhead
     "data-testid": "typeahead-error-boundary-ui",
     css: minHeightComponentStyles
   }, (0, _react.jsx)(_EmptyState.EmptyState, {
-    header: header,
+    header: header
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     renderImage: function renderImage() {
       return (0, _react.jsx)(_GenericErrorSVG.GenericErrorSVG, null);
     },

package/dist/cjs/ui/TypeAheadList.js

@@ -217,7 +217,9 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
   (0, _react.useLayoutEffect)(function () {
     // Exclude view more item from the count
     var itemsToRender = showMoreOptionsButton ? items.slice(0, -1) : items;
-    var height = Math.min(itemsToRender.reduce(function (prevValue, currentValue, index) {
+    var height = Math.min(
+    // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+    itemsToRender.reduce(function (prevValue, currentValue, index) {
       return prevValue + cache.rowHeight({
         index: index
       });
@@ -324,7 +326,9 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
         ,
         style: style,
         isVisible: isVisible,
-        isScrolling: isScrolling,
+        isScrolling: isScrolling
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onMouseMove: function onMouseMove(e) {
           return _onMouseMove(e, index);
         }
@@ -334,7 +338,9 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
         firstOnlineSupportedIndex: firstOnlineSupportedRow,
         itemsLength: itemsLength,
         itemIndex: index,
-        selectedIndex: selectedIndex,
+        selectedIndex: selectedIndex
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onItemClick: function onItemClick(mode, index) {
           actions.onItemClick(mode, index, _analytics.INPUT_METHOD.MOUSE);
         },
@@ -379,7 +385,7 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref2) {
     "aria-label": (0, _utils.getTypeAheadListAriaLabels)(undefined, intl).popupAriaLabel,
     containerRole: "presentation",
     role: "listbox"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
     ,
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/cjs/ui/TypeAheadListItem.js

@@ -18,7 +18,6 @@ var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _menu = require("@atlaskit/menu");
-var _colors = require("@atlaskit/theme/colors");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
@@ -34,7 +33,7 @@ var itemIcon = exports.itemIcon = (0, _react2.css)({
   width: "var(--ds-space-500, 40px)",
   height: "var(--ds-space-500, 40px)",
   overflow: 'hidden',
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, rgba(223, 225, 229, 0.5))") /* N60 at 50% */,
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)") /* N60 at 50% */,
   borderRadius: "var(--ds-radius-small, 3px)",
   boxSizing: 'border-box',
   display: 'flex',
@@ -61,7 +60,7 @@ var itemIconSizeUpdated = (0, _react2.css)({
 var itemBody = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\tjustify-content: space-between;\n"])));
 var itemText = (0, _react2.css)({
   whiteSpace: 'initial',
-  color: "".concat("var(--ds-text, ".concat(_colors.N800, ")"))
+  color: "var(--ds-text, #292A2E)"
 });
 var itemTitle = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -85,7 +84,7 @@ var itemDescriptionOverride = (0, _react2.css)({
 var itemAfter = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tflex: 0 0 auto;\n"])));
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
-var customRenderItemDivStyle = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\toverflow: hidden;\n\t&:focus {\n\t\tbox-shadow: inset 2px 0px 0px ", ";\n\t\tbackground-color: ", ";\n\t\toutline: none;\n\t}\n"])), "var(--ds-border-focused, ".concat(_colors.B400, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"));
+var customRenderItemDivStyle = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\toverflow: hidden;\n\t&:focus {\n\t\tbox-shadow: inset 2px 0px 0px ", ";\n\t\tbackground-color: ", ";\n\t\toutline: none;\n\t}\n"])), "var(--ds-border-focused, #4688EC)", "var(--ds-background-neutral-subtle-hovered, #0515240F)");
 
 /**
  * This CSS emulates the desired behaviour with :focus-visible for firefox.
@@ -94,8 +93,8 @@ var customRenderItemDivStyle = (0, _react2.css)(_templateObject3 || (_templateOb
  */
 var selectionFrame = {
   '& > button:focus': {
-    boxShadow: "inset 2px 0px 0px ".concat("var(--ds-border-focused, ".concat(_colors.B400, ")"), ";"),
-    backgroundColor: "".concat("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")")),
+    boxShadow: "inset 2px 0px 0px ".concat("var(--ds-border-focused, #4688EC)", ";"),
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, #0515240F)",
     outline: 'none',
     '&:active': {
       boxShadow: 'none'
@@ -108,7 +107,7 @@ var selectionFrame = {
 };
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
-var selectedStyle = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\tbackground-color: ", ";\n\tbox-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"), "var(--ds-border-focused, ".concat(_colors.B400, ")"));
+var selectedStyle = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\tbackground-color: ", ";\n\tbox-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, #0515240F)", "var(--ds-border-focused, #4688EC)");
 var disabledStyle = (0, _react2.css)({
   color: "var(--ds-text-disabled, #080F214A)"
 });

package/dist/cjs/ui/TypeAheadPopup.js

@@ -16,7 +16,6 @@ var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
-var _colors = require("@atlaskit/theme/colors");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _analytics2 = require("../pm-plugins/analytics");
 var _constants = require("../pm-plugins/constants");
@@ -36,9 +35,9 @@ var VIEWMORE_BUTTON_HEIGHT = 53;
 var DEFAULT_TYPEAHEAD_MENU_HEIGHT_NEW = 480;
 var ITEM_PADDING = 12;
 var typeAheadContent = (0, _react2.css)({
-  background: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
+  background: "var(--ds-surface-overlay, #FFFFFF)",
   borderRadius: "var(--ds-radius-small, 3px)",
-  boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 1px ".concat(_colors.N60A, ", 0 4px 8px -2px ").concat(_colors.N50A), ")"),
+  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
   padding: "var(--ds-space-050, 4px)".concat(" 0"),
   width: '320px',
   maxHeight: '380px' /* ~5.5 visibile items */,
@@ -113,6 +112,8 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
 
     // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
     _featureGateJsClient.default.getExperimentValue('cc_fd_db_quick_insert_options', 'isEnabled', false);
+    // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+    _featureGateJsClient.default.getExperimentValue('cc_fd_wb_jira_quick_insert_experiment', 'isEnabled', false);
     api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
       action: _analytics.ACTION.RENDERED,
       actionSubject: _analytics.ACTION_SUBJECT.TYPEAHEAD,
@@ -317,7 +318,9 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     fitWidth: 340,
     offset: OFFSET,
     ariaLabel: null,
-    preventOverflow: true,
+    preventOverflow: true
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onUnmount: function onUnmount() {
       if (selectedIndex > -1 && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
         // if selectedIndex is -1, it means that the user has not selected any item
@@ -343,7 +346,9 @@ var TypeAheadPopup = exports.TypeAheadPopup = /*#__PURE__*/_react.default.memo(f
     triggerHandler: triggerHandler
   }), (0, _react2.jsx)(_TypeAheadList.TypeAheadList, {
     items: items,
-    selectedIndex: selectedIndex,
+    selectedIndex: selectedIndex
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onItemClick: function onItemClick(mode, index, inputMethod) {
       if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
         activityStateRef.current = {

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

@@ -7,7 +7,6 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { redo, undo } from '@atlaskit/prosemirror-history';
-import { B400 } from '@atlaskit/theme/colors';
 import { WrapperTypeAhead } from '../ui/WrapperTypeAhead';
 import { closeTypeAhead } from './commands/close-type-ahead';
 import { TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_DECORATION_KEY } from './constants';
@@ -63,7 +62,7 @@ export const factoryDecorations = ({
       // packages/editor/editor-core/src/ui/Addon/click-area-helper.ts
       typeaheadComponent.dataset.editorPopup = 'true';
       typeaheadComponent.dataset.typeAhead = TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE;
-      typeaheadComponent.style.color = `var(--ds-text-accent-blue, ${B400})`;
+      typeaheadComponent.style.color = "var(--ds-text-accent-blue, #1558BC)";
       typeaheadComponent.style.backgroundColor = 'transparent';
       const onUndoRedo = inputType => {
         if (!['historyUndo', 'historyRedo'].includes(inputType)) {

package/dist/es2019/ui/ContentComponent.js

@@ -31,7 +31,9 @@ export function ContentComponent({
   }
   return /*#__PURE__*/React.createElement(TypeAheadMenu, {
     editorView: editorView,
-    popupMountRef: popupMountRef,
+    popupMountRef: popupMountRef
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     typeAheadState: {
       triggerHandler,
       items,

package/dist/es2019/ui/InputQuery.js

@@ -50,7 +50,7 @@ const querySpanStyles = css({
     fontSize: '1em',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: blockNodesVerticalMargin,
-    caretColor: "var(--ds-text-accent-blue, #0052CC)"
+    caretColor: "var(--ds-text-accent-blue, #1558BC)"
   }
 });
 const isNavigationKey = event => {

package/dist/es2019/ui/MoreOptions.js

@@ -8,16 +8,15 @@ import React, { useEffect, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { ButtonItem, Section } from '@atlaskit/menu';
-import { N30 } from '@atlaskit/theme/colors';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const buttonStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:hover': {
-    backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N30})`
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:focus': {
-    backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N30})`
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
   }
 });
 export const MoreOptions = ({
@@ -72,7 +71,8 @@ export const MoreOptions = ({
   }, jsx("span", {
     css: buttonStyles
   }, jsx(ButtonItem, {
-    ref: ref,
+    ref: ref
+    /* eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) */,
     onMouseDown: e => {
       if (isSafari && expValEquals('platform_safari_cursor_typeahead_fix', 'isEnabled', true)) {
         e.preventDefault();

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

@@ -22,7 +22,9 @@ export const TypeAheadErrorFallback = () => {
     "data-testid": "typeahead-error-boundary-ui",
     css: minHeightComponentStyles
   }, jsx(EmptyState, {
-    header: header,
+    header: header
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     renderImage: () => jsx(GenericErrorSVG, null),
     description: description
   }));

package/dist/es2019/ui/TypeAheadList.js

@@ -198,7 +198,9 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
   useLayoutEffect(() => {
     // Exclude view more item from the count
     const itemsToRender = showMoreOptionsButton ? items.slice(0, -1) : items;
-    const height = Math.min(itemsToRender.reduce((prevValue, currentValue, index) => {
+    const height = Math.min(
+    // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+    itemsToRender.reduce((prevValue, currentValue, index) => {
       return prevValue + cache.rowHeight({
         index: index
       });
@@ -307,7 +309,9 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
       ,
       style: style,
       isVisible: isVisible,
-      isScrolling: isScrolling,
+      isScrolling: isScrolling
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onMouseMove: e => onMouseMove(e, index)
     }, jsx(TypeAheadListItem, {
       key: items[index].title,
@@ -315,7 +319,9 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
       firstOnlineSupportedIndex: firstOnlineSupportedRow,
       itemsLength: itemsLength,
       itemIndex: index,
-      selectedIndex: selectedIndex,
+      selectedIndex: selectedIndex
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onItemClick: (mode, index) => {
         actions.onItemClick(mode, index, INPUT_METHOD.MOUSE);
       },
@@ -359,7 +365,7 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
     "aria-label": getTypeAheadListAriaLabels(undefined, intl).popupAriaLabel,
     containerRole: "presentation",
     role: "listbox"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
     ,
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/es2019/ui/TypeAheadListItem.js

@@ -15,7 +15,6 @@ import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { ButtonItem } from '@atlaskit/menu';
-import { B400, N30, N800 } from '@atlaskit/theme/colors';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -24,7 +23,7 @@ export const itemIcon = css({
   width: "var(--ds-space-500, 40px)",
   height: "var(--ds-space-500, 40px)",
   overflow: 'hidden',
-  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, rgba(223, 225, 229, 0.5))"}` /* N60 at 50% */,
+  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}` /* N60 at 50% */,
   borderRadius: "var(--ds-radius-small, 3px)",
   boxSizing: 'border-box',
   display: 'flex',
@@ -56,7 +55,7 @@ const itemBody = css`
 `;
 const itemText = css({
   whiteSpace: 'initial',
-  color: `${`var(--ds-text, ${N800})`}`
+  color: `${"var(--ds-text, #292A2E)"}`
 });
 const itemTitle = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -85,8 +84,8 @@ const itemAfter = css`
 const customRenderItemDivStyle = css`
 	overflow: hidden;
 	&:focus {
-		box-shadow: inset 2px 0px 0px ${`var(--ds-border-focused, ${B400})`};
-		background-color: ${`var(--ds-background-neutral-subtle-hovered, ${N30})`};
+		box-shadow: inset 2px 0px 0px ${"var(--ds-border-focused, #4688EC)"};
+		background-color: ${"var(--ds-background-neutral-subtle-hovered, #0515240F)"};
 		outline: none;
 	}
 `;
@@ -98,8 +97,8 @@ const customRenderItemDivStyle = css`
  */
 const selectionFrame = {
   '& > button:focus': {
-    boxShadow: `inset 2px 0px 0px ${`var(--ds-border-focused, ${B400})`};`,
-    backgroundColor: `${`var(--ds-background-neutral-subtle-hovered, ${N30})`}`,
+    boxShadow: `inset 2px 0px 0px ${"var(--ds-border-focused, #4688EC)"};`,
+    backgroundColor: `${"var(--ds-background-neutral-subtle-hovered, #0515240F)"}`,
     outline: 'none',
     '&:active': {
       boxShadow: 'none'
@@ -113,8 +112,8 @@ const selectionFrame = {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 const selectedStyle = css`
-	background-color: ${`var(--ds-background-neutral-subtle-hovered, ${N30})`};
-	box-shadow: inset 2px 0px 0px ${`var(--ds-border-focused, ${B400})`};
+	background-color: ${"var(--ds-background-neutral-subtle-hovered, #0515240F)"};
+	box-shadow: inset 2px 0px 0px ${"var(--ds-border-focused, #4688EC)"};
 `;
 const disabledStyle = css({
   color: "var(--ds-text-disabled, #080F214A)"

package/dist/es2019/ui/TypeAheadPopup.js

@@ -13,7 +13,6 @@ import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
-import { N0, N50A, N60A } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { fireTypeAheadClosedAnalyticsEvent } from '../pm-plugins/analytics';
 import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../pm-plugins/constants';
@@ -25,9 +24,9 @@ const VIEWMORE_BUTTON_HEIGHT = 53;
 const DEFAULT_TYPEAHEAD_MENU_HEIGHT_NEW = 480;
 const ITEM_PADDING = 12;
 const typeAheadContent = css({
-  background: `var(--ds-surface-overlay, ${N0})`,
+  background: "var(--ds-surface-overlay, #FFFFFF)",
   borderRadius: "var(--ds-radius-small, 3px)",
-  boxShadow: `var(--ds-shadow-overlay, ${`0 0 1px ${N60A}, 0 4px 8px -2px ${N50A}`})`,
+  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
   padding: `${"var(--ds-space-050, 4px)"} 0`,
   width: '320px',
   maxHeight: '380px' /* ~5.5 visibile items */,
@@ -102,6 +101,8 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
 
     // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
     FeatureGates.getExperimentValue('cc_fd_db_quick_insert_options', 'isEnabled', false);
+    // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+    FeatureGates.getExperimentValue('cc_fd_wb_jira_quick_insert_experiment', 'isEnabled', false);
     api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$actio = _api$analytics2.actions) === null || _api$analytics2$actio === void 0 ? void 0 : _api$analytics2$actio.fireAnalyticsEvent({
       action: ACTION.RENDERED,
       actionSubject: ACTION_SUBJECT.TYPEAHEAD,
@@ -313,7 +314,9 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
     fitWidth: 340,
     offset: OFFSET,
     ariaLabel: null,
-    preventOverflow: true,
+    preventOverflow: true
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onUnmount: () => {
       if (selectedIndex > -1 && editorExperiment('platform_editor_controls', 'variant1')) {
         // if selectedIndex is -1, it means that the user has not selected any item
@@ -339,7 +342,9 @@ export const TypeAheadPopup = /*#__PURE__*/React.memo(props => {
     triggerHandler: triggerHandler
   }), jsx(TypeAheadList, {
     items: items,
-    selectedIndex: selectedIndex,
+    selectedIndex: selectedIndex
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onItemClick: (mode, index, inputMethod) => {
       if (editorExperiment('platform_editor_controls', 'variant1')) {
         activityStateRef.current = {

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

@@ -7,7 +7,6 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { redo, undo } from '@atlaskit/prosemirror-history';
-import { B400 } from '@atlaskit/theme/colors';
 import { WrapperTypeAhead } from '../ui/WrapperTypeAhead';
 import { closeTypeAhead } from './commands/close-type-ahead';
 import { TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_DECORATION_KEY } from './constants';
@@ -57,7 +56,7 @@ export var factoryDecorations = function factoryDecorations(_ref) {
       // packages/editor/editor-core/src/ui/Addon/click-area-helper.ts
       typeaheadComponent.dataset.editorPopup = 'true';
       typeaheadComponent.dataset.typeAhead = TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE;
-      typeaheadComponent.style.color = "var(--ds-text-accent-blue, ".concat(B400, ")");
+      typeaheadComponent.style.color = "var(--ds-text-accent-blue, #1558BC)";
       typeaheadComponent.style.backgroundColor = 'transparent';
       var onUndoRedo = function onUndoRedo(inputType) {
         if (!['historyUndo', 'historyRedo'].includes(inputType)) {

package/dist/esm/ui/ContentComponent.js

@@ -29,7 +29,9 @@ export function ContentComponent(_ref) {
   }
   return /*#__PURE__*/React.createElement(TypeAheadMenu, {
     editorView: editorView,
-    popupMountRef: popupMountRef,
+    popupMountRef: popupMountRef
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     typeAheadState: {
       triggerHandler: triggerHandler,
       items: items,

package/dist/esm/ui/InputQuery.js

@@ -51,7 +51,7 @@ var querySpanStyles = css({
     fontSize: '1em',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: blockNodesVerticalMargin,
-    caretColor: "var(--ds-text-accent-blue, #0052CC)"
+    caretColor: "var(--ds-text-accent-blue, #1558BC)"
   }
 });
 var isNavigationKey = function isNavigationKey(event) {

package/dist/esm/ui/MoreOptions.js

@@ -8,16 +8,15 @@ import React, { useEffect, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { ButtonItem, Section } from '@atlaskit/menu';
-import { N30 } from '@atlaskit/theme/colors';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var buttonStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:hover': {
-    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")")
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button:focus': {
-    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")")
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
   }
 });
 export var MoreOptions = function MoreOptions(_ref) {
@@ -69,7 +68,8 @@ export var MoreOptions = function MoreOptions(_ref) {
   }, jsx("span", {
     css: buttonStyles
   }, jsx(ButtonItem, {
-    ref: ref,
+    ref: ref
+    /* eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) */,
     onMouseDown: function onMouseDown(e) {
       if (isSafari && expValEquals('platform_safari_cursor_typeahead_fix', 'isEnabled', true)) {
         e.preventDefault();

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

@@ -22,7 +22,9 @@ export var TypeAheadErrorFallback = function TypeAheadErrorFallback() {
     "data-testid": "typeahead-error-boundary-ui",
     css: minHeightComponentStyles
   }, jsx(EmptyState, {
-    header: header,
+    header: header
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     renderImage: function renderImage() {
       return jsx(GenericErrorSVG, null);
     },

package/dist/esm/ui/TypeAheadList.js

@@ -208,7 +208,9 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
   useLayoutEffect(function () {
     // Exclude view more item from the count
     var itemsToRender = showMoreOptionsButton ? items.slice(0, -1) : items;
-    var height = Math.min(itemsToRender.reduce(function (prevValue, currentValue, index) {
+    var height = Math.min(
+    // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+    itemsToRender.reduce(function (prevValue, currentValue, index) {
       return prevValue + cache.rowHeight({
         index: index
       });
@@ -315,7 +317,9 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
         ,
         style: style,
         isVisible: isVisible,
-        isScrolling: isScrolling,
+        isScrolling: isScrolling
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onMouseMove: function onMouseMove(e) {
           return _onMouseMove(e, index);
         }
@@ -325,7 +329,9 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
         firstOnlineSupportedIndex: firstOnlineSupportedRow,
         itemsLength: itemsLength,
         itemIndex: index,
-        selectedIndex: selectedIndex,
+        selectedIndex: selectedIndex
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onItemClick: function onItemClick(mode, index) {
           actions.onItemClick(mode, index, INPUT_METHOD.MOUSE);
         },
@@ -370,7 +376,7 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
     "aria-label": getTypeAheadListAriaLabels(undefined, intl).popupAriaLabel,
     containerRole: "presentation",
     role: "listbox"
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
     ,
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/esm/ui/TypeAheadListItem.js

@@ -17,7 +17,6 @@ import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { ButtonItem } from '@atlaskit/menu';
-import { B400, N30, N800 } from '@atlaskit/theme/colors';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import VisuallyHidden from '@atlaskit/visually-hidden';
@@ -26,7 +25,7 @@ export var itemIcon = css({
   width: "var(--ds-space-500, 40px)",
   height: "var(--ds-space-500, 40px)",
   overflow: 'hidden',
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, rgba(223, 225, 229, 0.5))") /* N60 at 50% */,
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)") /* N60 at 50% */,
   borderRadius: "var(--ds-radius-small, 3px)",
   boxSizing: 'border-box',
   display: 'flex',
@@ -53,7 +52,7 @@ var itemIconSizeUpdated = css({
 var itemBody = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: nowrap;\n\tjustify-content: space-between;\n"])));
 var itemText = css({
   whiteSpace: 'initial',
-  color: "".concat("var(--ds-text, ".concat(N800, ")"))
+  color: "var(--ds-text, #292A2E)"
 });
 var itemTitle = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -77,7 +76,7 @@ var itemDescriptionOverride = css({
 var itemAfter = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tflex: 0 0 auto;\n"])));
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
-var customRenderItemDivStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\toverflow: hidden;\n\t&:focus {\n\t\tbox-shadow: inset 2px 0px 0px ", ";\n\t\tbackground-color: ", ";\n\t\toutline: none;\n\t}\n"])), "var(--ds-border-focused, ".concat(B400, ")"), "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"));
+var customRenderItemDivStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\toverflow: hidden;\n\t&:focus {\n\t\tbox-shadow: inset 2px 0px 0px ", ";\n\t\tbackground-color: ", ";\n\t\toutline: none;\n\t}\n"])), "var(--ds-border-focused, #4688EC)", "var(--ds-background-neutral-subtle-hovered, #0515240F)");
 
 /**
  * This CSS emulates the desired behaviour with :focus-visible for firefox.
@@ -86,8 +85,8 @@ var customRenderItemDivStyle = css(_templateObject3 || (_templateObject3 = _tagg
  */
 var selectionFrame = {
   '& > button:focus': {
-    boxShadow: "inset 2px 0px 0px ".concat("var(--ds-border-focused, ".concat(B400, ")"), ";"),
-    backgroundColor: "".concat("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")")),
+    boxShadow: "inset 2px 0px 0px ".concat("var(--ds-border-focused, #4688EC)", ";"),
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, #0515240F)",
     outline: 'none',
     '&:active': {
       boxShadow: 'none'
@@ -100,7 +99,7 @@ var selectionFrame = {
 };
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
-var selectedStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\tbackground-color: ", ";\n\tbox-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"), "var(--ds-border-focused, ".concat(B400, ")"));
+var selectedStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\tbackground-color: ", ";\n\tbox-shadow: inset 2px 0px 0px ", ";\n"])), "var(--ds-background-neutral-subtle-hovered, #0515240F)", "var(--ds-border-focused, #4688EC)");
 var disabledStyle = css({
   color: "var(--ds-text-disabled, #080F214A)"
 });

package/dist/esm/ui/TypeAheadPopup.js

@@ -14,7 +14,6 @@ import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import FeatureGates from '@atlaskit/feature-gate-js-client';
-import { N0, N50A, N60A } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { fireTypeAheadClosedAnalyticsEvent } from '../pm-plugins/analytics';
 import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../pm-plugins/constants';
@@ -26,9 +25,9 @@ var VIEWMORE_BUTTON_HEIGHT = 53;
 var DEFAULT_TYPEAHEAD_MENU_HEIGHT_NEW = 480;
 var ITEM_PADDING = 12;
 var typeAheadContent = css({
-  background: "var(--ds-surface-overlay, ".concat(N0, ")"),
+  background: "var(--ds-surface-overlay, #FFFFFF)",
   borderRadius: "var(--ds-radius-small, 3px)",
-  boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 1px ".concat(N60A, ", 0 4px 8px -2px ").concat(N50A), ")"),
+  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
   padding: "var(--ds-space-050, 4px)".concat(" 0"),
   width: '320px',
   maxHeight: '380px' /* ~5.5 visibile items */,
@@ -103,6 +102,8 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
 
     // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
     FeatureGates.getExperimentValue('cc_fd_db_quick_insert_options', 'isEnabled', false);
+    // eslint-disable-next-line @atlaskit/platform/use-recommended-utils
+    FeatureGates.getExperimentValue('cc_fd_wb_jira_quick_insert_experiment', 'isEnabled', false);
     api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || (_api$analytics2 = _api$analytics2.actions) === null || _api$analytics2 === void 0 || _api$analytics2.fireAnalyticsEvent({
       action: ACTION.RENDERED,
       actionSubject: ACTION_SUBJECT.TYPEAHEAD,
@@ -307,7 +308,9 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     fitWidth: 340,
     offset: OFFSET,
     ariaLabel: null,
-    preventOverflow: true,
+    preventOverflow: true
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onUnmount: function onUnmount() {
       if (selectedIndex > -1 && editorExperiment('platform_editor_controls', 'variant1')) {
         // if selectedIndex is -1, it means that the user has not selected any item
@@ -333,7 +336,9 @@ export var TypeAheadPopup = /*#__PURE__*/React.memo(function (props) {
     triggerHandler: triggerHandler
   }), jsx(TypeAheadList, {
     items: items,
-    selectedIndex: selectedIndex,
+    selectedIndex: selectedIndex
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onItemClick: function onItemClick(mode, index, inputMethod) {
       if (editorExperiment('platform_editor_controls', 'variant1')) {
         activityStateRef.current = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "8.0.9",
+	"version": "8.0.11",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -44,8 +44,7 @@
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/prosemirror-input-rules": "^3.6.0",
-		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^43.0.0",
+		"@atlaskit/tmp-editor-statsig": "^44.0.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",