@atlaskit/jql-editor 5.13.5 → 5.14.0

package/dist/cjs/ui/jql-editor-controls-content/base-syntax-help/styled.js

@@ -6,29 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SyntaxHelpContainer = 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/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var SyntaxHelpContainer = exports.SyntaxHelpContainer = _styled.default.div({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> a': {
-    background: "var(--ds-background-neutral-bold, ".concat(_colors.N70, ")"),
+    background: "var(--ds-background-neutral-bold, #292A2E)",
     borderRadius: "var(--ds-radius-full, 9999px)",
     margin: "var(--ds-space-050, 4px)",
     '&:hover': {
-      background: "var(--ds-background-neutral-bold-hovered, ".concat(_colors.N500, ")")
+      background: "var(--ds-background-neutral-bold-hovered, #3B3D42)"
     },
     '&:focus': {
-      background: "var(--ds-background-neutral-bold, ".concat(_colors.N70, ")")
+      background: "var(--ds-background-neutral-bold, #292A2E)"
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     "&:active, &[data-firefox-is-active='true']": {
-      background: "var(--ds-background-neutral-bold-pressed, ".concat(_colors.N600, ")")
+      background: "var(--ds-background-neutral-bold-pressed, #505258)"
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&[disabled]': {
-      background: "var(--ds-background-disabled, ".concat(_colors.N50, ")")
+      background: "var(--ds-background-disabled, #17171708)"
     }
   }
 });

package/dist/cjs/ui/jql-editor-footer-content/jql-messages/infos/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,11 +11,9 @@ var _reactMagneticDi = require("react-magnetic-di");
 var _form = require("@atlaskit/form");
 var _statusInformation = _interopRequireDefault(require("@atlaskit/icon/core/status-information"));
 var _compiled = require("@atlaskit/primitives/compiled");
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _useEditorViewHasInfos = require("../../../../hooks/use-editor-view-has-infos");
 var _state = require("../../../../state");
 var _format = require("../format");
-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); }
 var useFormattedInfoMessage = exports.useFormattedInfoMessage = function useFormattedInfoMessage() {
   var _useExternalMessages = (0, _state.useExternalMessages)(),
     _useExternalMessages2 = (0, _slicedToArray2.default)(_useExternalMessages, 1),
@@ -38,7 +35,7 @@ var InfoMessages = exports.InfoMessages = function InfoMessages() {
     paddingInlineEnd: "space.050"
   }, /*#__PURE__*/_react.default.createElement(_statusInformation.default, {
     label: "",
-    color: "var(--ds-icon-information, ".concat(colors.B500, ")"),
+    color: "var(--ds-icon-information, #357DE8)",
     size: "small"
   })), infoMessage)) : null;
 };

package/dist/cjs/ui/jql-editor-footer-content/jql-messages/warnings/index.js

@@ -15,7 +15,6 @@ var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-
 var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _useEditorViewHasWarnings = require("../../../../hooks/use-editor-view-has-warnings");
 var _state = require("../../../../state");
 var _format = require("../format");
@@ -129,7 +128,7 @@ var WarningMessages = exports.WarningMessages = function WarningMessages() {
     paddingInlineEnd: "space.050"
   }, /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
     label: "",
-    color: "var(--ds-icon-warning, ".concat(colors.Y400, ")"),
+    color: "var(--ds-icon-warning, #E06C00)",
     size: "small"
   })), warningMessage)) : null;
 };

package/dist/cjs/ui/jql-editor-layout/styled.js

@@ -9,7 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _constants2 = require("../../plugins/validation-tooltip/constants");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -33,7 +32,7 @@ var fadeOut = (0, _react.keyframes)({
 });
 
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var EditorMain = exports.EditorMain = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t/* CSS reset */\n\tfont-family: ", ";\n\tfont-size: 14px;\n\tflex-grow: 1;\n\n\t/* These styles and animations are derived from @atlaskit/tooltip */\n\n\t.", " {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\tborder-radius: ", ";\n\t\tbox-sizing: border-box;\n\t\tfont: ", ";\n\t\tline-height: 1.3;\n\t\tmax-width: 240px;\n\t\tpadding: ", " ", ";\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t\tz-index: ", ";\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tvisibility: hidden;\n\n\t\t/* Horizontally center and vertically position above the target element */\n\t\ttransform: translate(-50%, calc(-100% - ", "));\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t\tvisibility: visible;\n\t\t}\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t}\n\t}\n"])), "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", _constants2.TOOLTIP_CLASSNAME, "var(--ds-background-neutral-bold, ".concat(_colors.N800, ")"), "var(--ds-text-inverse, ".concat(_colors.N0, ")"), "var(--ds-radius-small, 3px)", "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(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", _constants.layers.tooltip(), "var(--ds-space-200, 16px)", _constants2.TOOLTIP_ENTER_CLASSNAME, fadeIn, _constants2.TOOLTIP_EXIT_CLASSNAME, fadeOut);
+var EditorMain = exports.EditorMain = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t/* CSS reset */\n\tfont-family: ", ";\n\tfont-size: 14px;\n\tflex-grow: 1;\n\n\t/* These styles and animations are derived from @atlaskit/tooltip */\n\n\t.", " {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\tborder-radius: ", ";\n\t\tbox-sizing: border-box;\n\t\tfont: ", ";\n\t\tline-height: 1.3;\n\t\tmax-width: 240px;\n\t\tpadding: ", " ", ";\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t\tz-index: ", ";\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tvisibility: hidden;\n\n\t\t/* Horizontally center and vertically position above the target element */\n\t\ttransform: translate(-50%, calc(-100% - ", "));\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t\tvisibility: visible;\n\t\t}\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t}\n\t}\n"])), "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", _constants2.TOOLTIP_CLASSNAME, "var(--ds-background-neutral-bold, #292A2E)", "var(--ds-text-inverse, #FFFFFF)", "var(--ds-radius-small, 3px)", "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(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", _constants.layers.tooltip(), "var(--ds-space-200, 16px)", _constants2.TOOLTIP_ENTER_CLASSNAME, fadeIn, _constants2.TOOLTIP_EXIT_CLASSNAME, fadeOut);
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var EditorFooter = exports.EditorFooter = _styled.default.div({
@@ -51,14 +50,14 @@ var getEditorInputVerticalPadding = function getEditorInputVerticalPadding(isCom
 var editorInputHorizontalPadding = 6;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var EditorViewContainer = exports.EditorViewContainer = _styled.default.div({
-  backgroundColor: "var(--ds-background-input, ".concat(_colors.N10, ")"),
+  backgroundColor: "var(--ds-background-input, #FFFFFF)",
   borderStyle: 'solid',
   borderWidth: "var(--ds-border-width, 1px)",
-  borderColor: "var(--ds-border-input, ".concat(_colors.N100, ")"),
+  borderColor: "var(--ds-border-input, #8C8F97)",
   borderRadius: "var(--ds-radius-medium, 3px)",
   padding: "var(--ds-border-width, 1px)",
   boxSizing: 'border-box',
-  color: "var(--ds-text, ".concat(_colors.N900, ")"),
+  color: "var(--ds-text, #292A2E)",
   display: 'flex',
   overflow: 'auto',
   transition: 'background-color 0.2s ease-in-out, border-color 0.2s ease-in-out'
@@ -68,8 +67,8 @@ function (props) {
   return props.editorViewIsInvalid &&
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   (0, _react.css)({
-    borderColor: "var(--ds-border-danger, ".concat(_colors.R400, ")"),
-    boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-danger, ".concat(_colors.R400, ")"))
+    borderColor: "var(--ds-border-danger, #E2483D)",
+    boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-danger, #E2483D)")
   });
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
@@ -77,28 +76,28 @@ function (props) {
   return props.editorViewHasFocus ?
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   (0, _react.css)({
-    backgroundColor: "var(--ds-surface, ".concat(_colors.N0, ")"),
-    borderColor: "var(--ds-border-focused, ".concat(_colors.B200, ")"),
-    boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, ".concat(_colors.B200, ")"))
+    backgroundColor: "var(--ds-surface, #FFFFFF)",
+    borderColor: "var(--ds-border-focused, #4688EC)",
+    boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, #4688EC)")
   }) :
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   (0, _react.css)({
     '&:hover': {
-      backgroundColor: "var(--ds-background-input-hovered, ".concat(_colors.N30, ")")
+      backgroundColor: "var(--ds-background-input-hovered, #F8F8F8)"
     }
   });
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var ReadOnlyEditorViewContainer = exports.ReadOnlyEditorViewContainer = (0, _styled.default)(EditorViewContainer)({
-  backgroundColor: "var(--ds-background-disabled, ".concat(_colors.N30, ")"),
-  color: "var(--ds-text-disabled, ".concat(_colors.N100, ")"),
+  backgroundColor: "var(--ds-background-disabled, #17171708)",
+  color: "var(--ds-text-disabled, #080F214A)",
   pointerEvents: 'none'
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var LineNumberToolbar = exports.LineNumberToolbar = _styled.default.div({
-  backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N30, ")"),
+  backgroundColor: "var(--ds-background-neutral, #0515240F)",
   flexShrink: 0,
   width: '30px',
   position: 'sticky',
@@ -127,9 +126,9 @@ var EditorView = exports.EditorView = _styled.default.div(_templateObject2 || (_
   return rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2;
 }, function (props) {
   return rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2;
-}, "var(--ds-text, ".concat(_colors.N700, ")"), function (props) {
+}, "var(--ds-text, #292A2E)", function (props) {
   return getEditorInputVerticalPadding(props.isCompact);
-}, editorInputHorizontalPadding, "var(--ds-text-accent-purple, ".concat(_colors.P400, ")"), "var(--ds-text-accent-blue, ".concat(_colors.B300, ")"), "var(--ds-text-accent-green, ".concat(_colors.G500, ")"), "var(--ds-text-danger, ".concat(_colors.R400, ")"), "var(--ds-text-subtlest, ".concat(_colors.N100, ")"), rowHeight / 10, "var(--ds-space-100, 8px)", "var(--ds-space-025, 2px)", "var(--ds-space-100, 8px)", function (props) {
+}, editorInputHorizontalPadding, "var(--ds-text-accent-purple, #803FA5)", "var(--ds-text-accent-blue, #1558BC)", "var(--ds-text-accent-green, #216E4E)", "var(--ds-text-danger, #AE2E24)", "var(--ds-text-subtlest, #6B6E76)", rowHeight / 10, "var(--ds-space-100, 8px)", "var(--ds-space-025, 2px)", "var(--ds-space-100, 8px)", function (props) {
   return !props.lineNumbersVisible && // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
   (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t\tdisplay: none;\n\t\t\t\t"])));
 });

package/dist/es2019/analytics/util.js

@@ -1,4 +1,4 @@
 import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
 export const useJqlEditorAnalytics = analyticsSource => {
-  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "0.0.0-development", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.13.6", ANALYTICS_CHANNEL);
 };

package/dist/es2019/async.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { withErrorBoundary } from './ui/error-boundary';

package/dist/es2019/plugins/autocomplete/components/autocomplete-dropdown/styled.js

@@ -1,16 +1,15 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
-import { N200, N40, N50A, N60A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const AutocompleteContainer = styled.div({
   position: 'absolute',
-  backgroundColor: "var(--ds-surface-overlay, white)",
+  backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
   borderRadius: "var(--ds-radius-small, 3px)",
   willChange: 'top, left',
   zIndex: layers.dialog(),
-  boxShadow: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
-  padding: `${"var(--ds-space-075, 6px)"} ${"var(--ds-space-0, 0)"}`,
+  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
+  padding: `${"var(--ds-space-075, 6px)"} ${"var(--ds-space-0, 0px)"}`,
   minWidth: '200px',
   maxWidth: '400px',
   '&:focus': {
@@ -43,15 +42,15 @@ export const AutocompleteOptionsContainer = styled.div({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const OptionList = styled.ul({
   listStyle: 'none',
-  margin: `${"var(--ds-space-0, 0)"}`,
-  padding: `${"var(--ds-space-0, 0)"}`
+  margin: `${"var(--ds-space-0, 0px)"}`,
+  padding: `${"var(--ds-space-0, 0px)"}`
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const AutocompleteLoadingFooter = styled.div({
   display: 'flex',
   justifyContent: 'center',
-  color: `var(--ds-text-subtlest, ${N200})`,
+  color: "var(--ds-text-subtlest, #6B6E76)",
   fontStyle: 'italic',
   padding: "var(--ds-space-150, 12px)",
   textAlign: 'center'
@@ -60,7 +59,7 @@ export const AutocompleteLoadingFooter = styled.div({
 ({
   hasOptions
 }) => hasOptions && {
-  borderTop: `solid 1px ${`var(--ds-border, ${N40})`}`,
+  borderTop: `solid ${"var(--ds-border-width, 1px)"} ${"var(--ds-border, #0B120E24)"}`,
   marginTop: "var(--ds-space-075, 6px)",
   paddingTop: "var(--ds-space-250, 20px)"
 });

package/dist/es2019/plugins/autocomplete/components/autocomplete-option/index.js

@@ -14,7 +14,6 @@ import TagIcon from '@atlaskit/icon/core/tag';
 import CheckboxIcon from '@atlaskit/icon/core/task';
 import TextIcon from '@atlaskit/icon/core/text';
 import { normaliseJqlString } from '@atlaskit/jql-ast';
-import { N400 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { useIntl } from '../../../../state';
 import { messages } from './messages';
@@ -157,7 +156,7 @@ const AutocompleteOption = /*#__PURE__*/forwardRef((props, ref) => {
     spacing: "spacious",
     testId: "jql-editor-deprecated-icon",
     label: "",
-    color: `var(--ds-icon, ${N400})`
+    color: "var(--ds-icon, #292A2E)"
   }))) : optionName, fieldType && /*#__PURE__*/React.createElement(FieldType, null, fieldTypeIcon && /*#__PURE__*/React.createElement(FieldTypeIcon, null, fieldTypeIcon), fieldType));
   const tooltipContent = /*#__PURE__*/React.createElement(TooltipContent, null, name);
   if (overflows) {

package/dist/es2019/plugins/autocomplete/components/autocomplete-option/styled.js

@@ -1,6 +1,5 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
-import { N100, N20, N50, N800 } 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 TooltipContent = styled.div({
   fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
@@ -18,19 +17,19 @@ export const OptionListItem = styled.li({
 ({
   isSelected
 }) => isSelected && {
-  background: `var(--ds-background-neutral-subtle-hovered, ${N20})`
+  background: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 ({
   isDeprecated
 }) => isDeprecated && {
   cursor: 'default',
-  color: `var(--ds-text-disabled, ${N50})`
+  color: "var(--ds-text-disabled, #080F214A)"
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const OptionName = styled.div({
-  color: `var(--ds-text, ${N800})`,
+  color: "var(--ds-text, #292A2E)",
   overflow: 'hidden',
   whiteSpace: 'nowrap',
   textOverflow: 'ellipsis',
@@ -40,7 +39,7 @@ export const OptionName = styled.div({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const DeprecatedOptionContainer = styled.div({
-  color: `var(--ds-text-disabled, ${N50})`,
+  color: "var(--ds-text-disabled, #080F214A)",
   display: 'flex',
   justifyContent: 'space-between',
   opacity: 0.6
@@ -56,7 +55,7 @@ export const FieldType = styled.div({
   display: 'flex',
   alignItems: 'center',
   marginTop: "var(--ds-space-negative-025, -2px)",
-  color: `var(--ds-text-subtlest, ${N100})`
+  color: "var(--ds-text-subtlest, #6B6E76)"
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766

package/dist/es2019/plugins/autocomplete/view.js

@@ -45,7 +45,7 @@ export default class AutocompletePluginView extends ReactPluginView {
       if (this.enableRichInlineNodes && option.type === 'value' && option.valueType === 'user') {
         transaction.setMeta('hydrate', true);
       }
-      if (this.enableRichInlineNodes && option.type === 'value' && (option.valueType === 'team' && fg('jira_update_jql_teams') || option.valueType === 'project' && fg('projects_in_jira_eap_drop2'))) {
+      if (this.enableRichInlineNodes && option.type === 'value' && (option.valueType === 'team' || option.valueType === 'project' && fg('projects_in_jira_eap_drop2'))) {
         transaction.setMeta('hydrate', true);
       }
       const documentFrom = getDocumentPosition(transaction.doc, from);
@@ -89,17 +89,13 @@ export default class AutocompletePluginView extends ReactPluginView {
             }
           case 'team':
             {
-              if (fg('jira_update_jql_teams')) {
-                const attributes = {
-                  type: 'team',
-                  id: value,
-                  name: nameOnRichInlineNode !== null && nameOnRichInlineNode !== void 0 ? nameOnRichInlineNode : name,
-                  fieldName: context === null || context === void 0 ? void 0 : context.field
-                };
-                nodes.push(this.view.state.schema.nodes.team.create(attributes, textContent));
-              } else {
-                nodes.push(textContent);
-              }
+              const attributes = {
+                type: 'team',
+                id: value,
+                name: nameOnRichInlineNode !== null && nameOnRichInlineNode !== void 0 ? nameOnRichInlineNode : name,
+                fieldName: context === null || context === void 0 ? void 0 : context.field
+              };
+              nodes.push(this.view.state.schema.nodes.team.create(attributes, textContent));
               break;
             }
           case 'project':

package/dist/es2019/plugins/rich-inline-nodes/nodes/team/styled.js

@@ -2,7 +2,6 @@
 import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
-import { N0, N40, N50, N500, R400 } 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 TeamContainer = styled.span({
   display: 'inline-flex',
@@ -21,42 +20,42 @@ export const TeamContainer = styled.span({
     if (error) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       return css({
-        color: `var(--ds-text-inverse, ${N0})`,
-        backgroundColor: `var(--ds-background-danger-bold, ${R400})`,
+        color: "var(--ds-text-inverse, #FFFFFF)",
+        backgroundColor: "var(--ds-background-danger-bold, #C9372C)",
         textDecoration: 'wavy underline',
         textDecorationThickness: '1px',
         textDecorationSkipInk: 'none',
-        textDecorationColor: `var(--ds-text-inverse, ${N0})`
+        textDecorationColor: "var(--ds-text-inverse, #FFFFFF)"
       });
     } else {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       return css({
-        color: `var(--ds-text, ${N0})`,
-        backgroundColor: `var(--ds-background-selected, ${N500})`,
-        boxShadow: `0 0 0 1px ${"var(--ds-border-selected, transparent)"}`
+        color: "var(--ds-text, #292A2E)",
+        backgroundColor: "var(--ds-background-selected, #E9F2FE)",
+        boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}`
       });
     }
   } else {
     if (error) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       return css({
-        color: `var(--ds-text-subtle, ${N500})`,
-        backgroundColor: `var(--ds-background-neutral, ${N40})`,
+        color: "var(--ds-text-subtle, #505258)",
+        backgroundColor: "var(--ds-background-neutral, #0515240F)",
         textDecoration: 'wavy underline',
         textDecorationThickness: '1px',
         textDecorationSkipInk: 'none',
-        textDecorationColor: `var(--ds-text-danger, ${R400})`,
+        textDecorationColor: "var(--ds-text-danger, #AE2E24)",
         '&:hover': {
-          backgroundColor: `var(--ds-background-neutral-hovered, ${N50})`
+          backgroundColor: "var(--ds-background-neutral-hovered, #0B120E24)"
         }
       });
     } else {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       return css({
-        color: `var(--ds-text-subtle, ${N500})`,
-        backgroundColor: `var(--ds-background-neutral, ${N40})`,
+        color: "var(--ds-text-subtle, #505258)",
+        backgroundColor: "var(--ds-background-neutral, #0515240F)",
         '&:hover': {
-          backgroundColor: `var(--ds-background-neutral-hovered, ${N50})`
+          backgroundColor: "var(--ds-background-neutral-hovered, #0B120E24)"
         }
       });
     }

package/dist/es2019/plugins/rich-inline-nodes/nodes/user/styled.js

@@ -3,7 +3,6 @@ import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { N0, N40, N50, N500, R400 } 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 UserContainer = styled.span({
   display: 'inline-flex',
@@ -22,42 +21,42 @@ export const UserContainer = styled.span({
     if (error) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       return css({
-        color: `var(--ds-text-inverse, ${N0})`,
-        backgroundColor: `var(--ds-background-danger-bold, ${R400})`,
+        color: "var(--ds-text-inverse, #FFFFFF)",
+        backgroundColor: "var(--ds-background-danger-bold, #C9372C)",
         textDecoration: 'wavy underline',
         textDecorationThickness: '1px',
         textDecorationSkipInk: 'none',
-        textDecorationColor: `var(--ds-text-inverse, ${N0})`
+        textDecorationColor: "var(--ds-text-inverse, #FFFFFF)"
       });
     } else {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       return css({
-        color: `var(--ds-text, ${N0})`,
-        backgroundColor: `var(--ds-background-selected, ${N500})`,
-        boxShadow: `0 0 0 1px ${"var(--ds-border-selected, transparent)"}`
+        color: "var(--ds-text, #292A2E)",
+        backgroundColor: "var(--ds-background-selected, #E9F2FE)",
+        boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #1868DB)"}`
       });
     }
   } else {
     if (error) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       return css({
-        color: `var(--ds-text-subtle, ${N500})`,
-        backgroundColor: `var(--ds-background-neutral, ${N40})`,
+        color: "var(--ds-text-subtle, #505258)",
+        backgroundColor: "var(--ds-background-neutral, #0515240F)",
         textDecoration: 'wavy underline',
         textDecorationThickness: '1px',
         textDecorationSkipInk: 'none',
-        textDecorationColor: `var(--ds-text-danger, ${R400})`,
+        textDecorationColor: "var(--ds-text-danger, #AE2E24)",
         '&:hover': {
-          backgroundColor: `var(--ds-background-neutral-hovered, ${N50})`
+          backgroundColor: "var(--ds-background-neutral-hovered, #0B120E24)"
         }
       });
     } else {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       return css({
-        color: `var(--ds-text-subtle, ${N500})`,
-        backgroundColor: `var(--ds-background-neutral, ${N40})`,
+        color: "var(--ds-text-subtle, #505258)",
+        backgroundColor: "var(--ds-background-neutral, #0515240F)",
         '&:hover': {
-          backgroundColor: `var(--ds-background-neutral-hovered, ${N50})`
+          backgroundColor: "var(--ds-background-neutral-hovered, #0B120E24)"
         }
       });
     }

package/dist/es2019/plugins/rich-inline-nodes/util/replace-nodes-transaction.js

@@ -12,7 +12,7 @@ export const replaceRichInlineNodes = (editorState, hydratedValues) => {
   transaction.setMeta('addToHistory', false);
   Object.entries(hydratedValues).forEach(([fieldName, values]) => {
     values.forEach(value => {
-      if (value.type === 'user' || value.type === 'team' && fg('jira_update_jql_teams') || value.type === 'project' && fg('projects_in_jira_eap_drop2')) {
+      if (value.type === 'user' || value.type === 'team' || value.type === 'project' && fg('projects_in_jira_eap_drop2')) {
         // First try to find as direct value operand (e.g., Team[Team] = uuid)
         let astNodes = getValueNodes(ast, fieldName, value.id);
 

package/dist/es2019/state/hydration/index.js

@@ -1,7 +1,8 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getJastFromState } from '../../plugins/jql-ast';
 import { replaceRichInlineNodes } from '../../plugins/rich-inline-nodes/util/replace-nodes-transaction';
 import { actions } from '../index';
-import { ValidQueryVisitor } from './util';
+import { normaliseHydrationKey, ValidQueryVisitor } from './util';
 export const hydrateQuery = () => async ({
   setState,
   getState,
@@ -32,21 +33,28 @@ export const hydrateQuery = () => async ({
   }
   try {
     const newHydratedValues = await onHydrate(queryToHydrate);
+
+    // IMPORTANT: Field name keys must be normalised (unquoted + lowercased) when storing hydrated values.
+    // The hydration API returns field names in a canonical format (e.g. 'Project[AtlassianProject]'),
+    // but lookup keys from ProseMirror node attributes may differ in quoting and casing
+    // (e.g. '"project[atlassianproject]"'). normaliseHydrationKey ensures both storage and lookup use
+    // the same key format. See normaliseHydrationKey in ./util.ts.
     const hydratedValuesMap = Object.entries(newHydratedValues).reduce((map, [fieldName, values]) => {
-      const valueMap = new Map(oldHydratedValues[fieldName]);
+      const fieldNameToUse = fg('projects_in_jira_eap_drop2') ? normaliseHydrationKey(fieldName) : fieldName;
+      const valueMap = new Map(oldHydratedValues[fieldNameToUse]);
       values.forEach(value => {
         valueMap.set(value.id, value);
       });
       return {
         ...map,
-        [fieldName]: valueMap
+        [fieldNameToUse]: valueMap
       };
     }, {});
     setState({
       hydratedValues: hydratedValuesMap
     });
     dispatch(replaceHydratedValuesWithRichInlineNodes());
-  } catch (error) {
+  } catch {
     // Hydration failed, do nothing
   }
 };

package/dist/es2019/state/hydration/util.js

@@ -1,7 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { AbstractJastVisitor } from '@atlaskit/jql-ast';
+import { AbstractJastVisitor, normaliseJqlString } from '@atlaskit/jql-ast';
 import { fg } from '@atlaskit/platform-feature-flags';
 
+/**
+ * Normalise a JQL string for use as a hydration map key.
+ * Strips quotes/escaping and lowercases to ensure case-insensitive matching
+ * between field names from different sources (e.g. AST vs hydration API).
+ */
+export const normaliseHydrationKey = key => normaliseJqlString(key).toLowerCase();
+
 /**
  * Given an AST with parse errors, this visitor returns a valid query that is equivalent for hydration purposes
  * (i.e. just fields, operators and values). Resulting query is generated on a best-effort basis and depends on