@atlaskit/jql-editor 5.13.6 → 5.14.0

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/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/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

package/dist/es2019/state/index.js

@@ -9,6 +9,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { computeJqlInsights, isListOperator, normaliseJqlString } from '@atlaskit/jql-ast';
 import { JQLAutocomplete } from '@atlaskit/jql-autocomplete';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionSubject, ActionSubjectId, Action as AnalyticsAction, EventType } from '../analytics';
 import { selectErrorCommand } from '../commands/select-error-command';
 import { JQL_EDITOR_MAIN_ID } from '../common/constants';
@@ -19,6 +20,7 @@ import { getNodeText } from '../utils/document-text';
 import { onStartAutocompleteEvent } from './analytics';
 import { sortOperators } from './autocomplete';
 import { hydrateQuery } from './hydration';
+import { normaliseHydrationKey } from './hydration/util';
 import { getAutocompleteOptionId, getAutocompletePosition, getFieldNodes, getReplacePositionStart, sendDebugMessage, tokensToAutocompleteOptions } from './util';
 const initialIntl = createIntl({
   locale: 'en'
@@ -864,13 +866,22 @@ export const useAutocompletePosition = createHook(Store, {
     };
   }
 });
+
+// IMPORTANT: All hydration lookup hooks below must normalise fieldName using normaliseHydrationKey.
+// This ensures consistent matching regardless of quoting or casing differences between the hydration API
+// response (storage) and ProseMirror node attributes (lookup). Both sides must use the same normalisation.
+// See normaliseHydrationKey in ./hydration/util.ts for details.
 export const useHydratedValue = createHook(Store, {
   selector: (state, {
     id,
     fieldName
   }) => {
-    var _state$hydratedValues;
-    return (_state$hydratedValues = state.hydratedValues[fieldName]) === null || _state$hydratedValues === void 0 ? void 0 : _state$hydratedValues.get(id);
+    var _state$hydratedValues2;
+    if (fg('projects_in_jira_eap_drop2')) {
+      var _state$hydratedValues;
+      return (_state$hydratedValues = state.hydratedValues[normaliseHydrationKey(fieldName)]) === null || _state$hydratedValues === void 0 ? void 0 : _state$hydratedValues.get(normaliseJqlString(id));
+    }
+    return (_state$hydratedValues2 = state.hydratedValues[fieldName]) === null || _state$hydratedValues2 === void 0 ? void 0 : _state$hydratedValues2.get(id);
   }
 });
 export const useHydratedUser = createHook(Store, {
@@ -878,8 +889,8 @@ export const useHydratedUser = createHook(Store, {
     id,
     fieldName
   }) => {
-    var _state$hydratedValues2;
-    const user = (_state$hydratedValues2 = state.hydratedValues[fieldName]) === null || _state$hydratedValues2 === void 0 ? void 0 : _state$hydratedValues2.get(id);
+    var _state$hydratedValues3, _state$hydratedValues4;
+    const user = fg('projects_in_jira_eap_drop2') ? (_state$hydratedValues3 = state.hydratedValues[normaliseHydrationKey(fieldName)]) === null || _state$hydratedValues3 === void 0 ? void 0 : _state$hydratedValues3.get(normaliseJqlString(id)) : (_state$hydratedValues4 = state.hydratedValues[fieldName]) === null || _state$hydratedValues4 === void 0 ? void 0 : _state$hydratedValues4.get(id);
     return user && user.type === 'user' ? user : undefined;
   }
 });
@@ -888,8 +899,8 @@ export const useHydratedTeam = createHook(Store, {
     id,
     fieldName
   }) => {
-    var _state$hydratedValues3;
-    const team = (_state$hydratedValues3 = state.hydratedValues[fieldName]) === null || _state$hydratedValues3 === void 0 ? void 0 : _state$hydratedValues3.get(id);
+    var _state$hydratedValues5, _state$hydratedValues6;
+    const team = fg('projects_in_jira_eap_drop2') ? (_state$hydratedValues5 = state.hydratedValues[normaliseHydrationKey(fieldName)]) === null || _state$hydratedValues5 === void 0 ? void 0 : _state$hydratedValues5.get(normaliseJqlString(id)) : (_state$hydratedValues6 = state.hydratedValues[fieldName]) === null || _state$hydratedValues6 === void 0 ? void 0 : _state$hydratedValues6.get(id);
     return team && team.type === 'team' ? team : undefined;
   }
 });
@@ -898,8 +909,8 @@ export const useHydratedProject = createHook(Store, {
     id,
     fieldName
   }) => {
-    var _state$hydratedValues4;
-    const project = (_state$hydratedValues4 = state.hydratedValues[normaliseJqlString(fieldName)]) === null || _state$hydratedValues4 === void 0 ? void 0 : _state$hydratedValues4.get(normaliseJqlString(id));
+    var _state$hydratedValues7, _state$hydratedValues8;
+    const project = fg('projects_in_jira_eap_drop2') ? (_state$hydratedValues7 = state.hydratedValues[normaliseHydrationKey(fieldName)]) === null || _state$hydratedValues7 === void 0 ? void 0 : _state$hydratedValues7.get(normaliseJqlString(id)) : (_state$hydratedValues8 = state.hydratedValues[normaliseJqlString(fieldName)]) === null || _state$hydratedValues8 === void 0 ? void 0 : _state$hydratedValues8.get(normaliseJqlString(id));
     return project && project.type === 'project' ? project : undefined;
   }
 });
@@ -909,8 +920,8 @@ export const useHydratedDeprecations = createHook(Store, {
     const fieldsInQuery = getFieldNodes(ast);
     const toReturn = [];
     Object.entries(state.hydratedValues).forEach(([fieldName]) => {
-      var _state$hydratedValues5;
-      (_state$hydratedValues5 = state.hydratedValues[fieldName]) === null || _state$hydratedValues5 === void 0 ? void 0 : _state$hydratedValues5.forEach(value => {
+      var _state$hydratedValues9;
+      (_state$hydratedValues9 = state.hydratedValues[fieldName]) === null || _state$hydratedValues9 === void 0 ? void 0 : _state$hydratedValues9.forEach(value => {
         if (value.type === 'deprecated-field') {
           if (fieldsInQuery.has(value.id.toLowerCase())) {
             toReturn.push(value);

package/dist/es2019/ui/jql-editor-controls-content/base-expand-toggle/index.js

@@ -4,7 +4,6 @@ import { IconButton } from '@atlaskit/button/new';
 import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
 import ShrinkDiagonalIcon from '@atlaskit/icon/core/shrink-diagonal';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { N50, N500 } from '@atlaskit/theme/colors';
 import { ExpandToggleContainer } from './styled';
 
 // Atlaskit doesn't provide a circle variation of the expand/collapse icons so we have to implement our own
@@ -12,13 +11,13 @@ const ExpandCircleIcon = ({
   isDisabled
 }) => /*#__PURE__*/React.createElement(GrowDiagonalIcon, {
   label: '',
-  color: isDisabled ? `var(--ds-icon-disabled, ${N50})` : `var(--ds-icon, ${N500})`
+  color: isDisabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)"
 });
 const CollapseCircleIcon = ({
   isDisabled
 }) => /*#__PURE__*/React.createElement(ShrinkDiagonalIcon, {
   label: '',
-  color: isDisabled ? `var(--ds-icon-disabled, ${N50})` : `var(--ds-icon, ${N500})`
+  color: isDisabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)"
 });
 export const BaseExpandToggle = ({
   expanded,

package/dist/es2019/ui/jql-editor-controls-content/base-expand-toggle/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 { N40, N50 } 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 ExpandToggleContainer = styled.div({
   /* Override background styles for our button to match designs */
@@ -10,11 +9,11 @@ export const ExpandToggleContainer = styled.div({
     /* Fill the remaining vertical space for a single line in our editor and space between buttons */
     margin: `${"var(--ds-space-050, 4px)"} 0`,
     '&:hover': {
-      background: `var(--ds-background-neutral-subtle-hovered, ${N40})`
+      background: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
     },
     // 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-subtle-pressed, ${N50})`
+      background: "var(--ds-background-neutral-subtle-pressed, #0B120E24)"
     }
   }
 });

package/dist/es2019/ui/jql-editor-controls-content/base-syntax-help/index.js

@@ -6,7 +6,6 @@ import QuestionCircleIcon from '@atlaskit/icon/core/question-circle';
 import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
-import { N0 } from '@atlaskit/theme/colors';
 import { SyntaxHelpContainer } from './styled';
 
 // Fixes icon margin issus after new icon migration
@@ -44,7 +43,7 @@ export const BaseSyntaxHelp = ({
       xcss: iconStyle
     }, /*#__PURE__*/React.createElement(QuestionCircleIcon, {
       label: '',
-      color: isDisabled ? `var(--ds-icon-disabled, ${N0})` : `var(--ds-icon-inverse, ${N0})`
+      color: isDisabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon-inverse, #FFFFFF)"
     })),
     onClick: onClick
   }));