@atlaskit/jql-editor 5.12.2 → 5.12.4

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/jql-editor
 
+## 5.12.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 5.12.3
+
+### Patch Changes
+
+- [`db16d1751c5ad`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/db16d1751c5ad) -
+  Internal changes to typography.
+
 ## 5.12.2
 
 ### Patch Changes

package/dist/cjs/analytics/util.js

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.useJqlEditorAnalytics = void 0;
 var _jqlEditorCommon = require("@atlaskit/jql-editor-common");
 var useJqlEditorAnalytics = exports.useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
-  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "5.12.1", _jqlEditorCommon.ANALYTICS_CHANNEL);
+  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "5.12.3", _jqlEditorCommon.ANALYTICS_CHANNEL);
 };

package/dist/cjs/common/styled.js

@@ -26,5 +26,5 @@ var hiddenMixin = exports.hiddenMixin = (0, _react.css)({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var TooltipContent = exports.TooltipContent = _styled.default.div({
-  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+  fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });

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

@@ -11,14 +11,14 @@ var _colors = require("@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
 var TooltipContent = exports.TooltipContent = _styled.default.div({
-  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+  fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var OptionListItem = exports.OptionListItem = _styled.default.li({
   cursor: 'pointer',
   padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-100, 8px)"),
-  fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+  fontFamily: "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px'
 },
@@ -58,7 +58,7 @@ var DeprecatedOptionContainer = exports.DeprecatedOptionContainer = _styled.defa
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var OptionHighlight = exports.OptionHighlight = _styled.default.span({
-  fontWeight: "var(--ds-font-weight-bold, 700)"
+  fontWeight: "var(--ds-font-weight-bold, 653)"
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766

package/dist/cjs/plugins/rich-inline-nodes/nodes/base/index.compiled.css

@@ -0,0 +1,24 @@
+._19it145i{border:var(--ds-border-width,1px) solid transparent}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._1h6dq98m{border-color:var(--ds-border-selected,#1868db)}
+._1rjcidpf{padding-block:0}
+._1e0c1txw{display:flex}
+._1hms8stv{text-decoration-line:underline}
+._1kegt94y{text-decoration-thickness:1px}
+._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
+._4bfu1r31{text-decoration-color:currentColor}
+._4bfu1tmw{text-decoration-color:var(--ds-text-danger,#ae2e24)}
+._4cvr1h6o{align-items:center}
+._4t3i7vkz{height:1pc}
+._4t3igktf{height:20px}
+._ajmm1khm{text-decoration-style:wavy}
+._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
+._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
+._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
+._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
+._ect4zzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
+._tdi7glyw{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
+._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
+._irr31yvi:hover{background-color:var(--ds-background-danger-hovered,#ffd5d2)}
+._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
+._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}

package/dist/cjs/plugins/rich-inline-nodes/nodes/base/index.js

@@ -0,0 +1,60 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NodeBase = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _css = require("@atlaskit/css");
+var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var styles = {
+  nodeWrapper: "_19it145i _2rko12b0 _1rjcidpf _1e0c1txw _4cvr1h6o _bfhki8nm _4t3igktf _bozgv77o _y4ti1b66 _irr3plhp",
+  nodeWrapperSelected: "_1h6dq98m _bfhk15s3 _irr3ufnl",
+  nodeWrapperError: "_4bfu1r31 _1hms8stv _ajmm1khm _1kegt94y _tdi7glyw _4bfu1tmw",
+  nodeWrapperErrorSelected: "_bfhk1gly _irr31yvi",
+  textWrapper: "_ect4zzfg",
+  iconBeforeWrapper: "_1e0c1txw _4t3i7vkz _4cvr1h6o _1pfh1i6y",
+  iconAfterWrapper: ""
+};
+
+/**
+ * NodeBase Component
+ *
+ * This component is a base component for rendering a pill-like view for different node types.
+ * It is designed to be used in the JQL editor to provide a consistent UI for various entities
+ * such as projects, teams, users, etc.
+ *
+ * Currently, this component is only implemented for the "Project" (Atlas) node type. Separate components
+ * already exist for "User" and "Team" nodes. However, to ensure consistency in design, these
+ * components should eventually be refactored to use this base component. This will help maintain
+ * a uniform look and feel across different node types.
+ */
+
+var NodeBase = exports.NodeBase = function NodeBase(props) {
+  var iconBefore = props.iconBefore,
+    text = props.text,
+    isLocked = props.isLocked,
+    selected = props.selected,
+    error = props.error;
+  return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+    xcss: (0, _css.cx)(styles.nodeWrapper, error && styles.nodeWrapperError, selected && (error ? styles.nodeWrapperErrorSelected : styles.nodeWrapperSelected))
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    space: "space.050",
+    alignBlock: "center"
+  }, iconBefore && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.iconBeforeWrapper
+  }, iconBefore), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.textWrapper
+  }, text), isLocked && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.iconAfterWrapper
+  }, /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
+    size: "small",
+    color: "var(--ds-icon-accent-red, #C9372C)",
+    label: ""
+  }))));
+};

package/dist/cjs/plugins/rich-inline-nodes/nodes/base/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/plugins/rich-inline-nodes/nodes/project/index.compiled.css

@@ -0,0 +1,8 @@
+._19bvv77o{padding-left:var(--ds-space-025,2px)}
+._1e0c1txw{display:flex}
+._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
+._4cvr1h6o{align-items:center}
+._4t3i7vkz{height:1pc}
+._ca0qv77o{padding-top:var(--ds-space-025,2px)}
+._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
+._u5f3v77o{padding-right:var(--ds-space-025,2px)}

package/dist/cjs/plugins/rich-inline-nodes/nodes/project/index.js

@@ -0,0 +1,71 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProjectNode = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _emoji = require("@atlaskit/emoji");
+var _project = _interopRequireDefault(require("@atlaskit/icon/core/project"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _state = require("../../../../state");
+var _base = require("../base");
+var _messages = require("./messages");
+var _excluded = ["emojiName", "isRestricted", "text"];
+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" != (0, _typeof2.default)(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 styles = {
+  emojiWrapper: "_1e0c1txw _4t3i7vkz _4cvr1h6o _1pfh1i6y",
+  projectIconWrapper: "_ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
+};
+var getTownsquareEmojiProvider = function getTownsquareEmojiProvider() {
+  // Dynamically import the emoji provider to prevent an unnecessary network call from being made on module import
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_@atlaskit/jql-editor/plugins/rich-inline-nodes/nodes/base" */'@atlaskit/townsquare-emoji-provider'));
+  }).then(function (mod) {
+    return mod.emojiProvider;
+  });
+};
+
+/**
+ * ProjectNode Component
+ *
+ * This component is a component for rendering a pill-like view for Project (Atlas) node type
+ * in the JQL editor
+ */
+var ProjectNode = exports.ProjectNode = function ProjectNode(props) {
+  var emojiName = props.emojiName,
+    isRestricted = props.isRestricted,
+    text = props.text,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useIntl = (0, _state.useIntl)(),
+    _useIntl2 = (0, _slicedToArray2.default)(_useIntl, 1),
+    formatMessage = _useIntl2[0].formatMessage;
+  var townsquareEmojiProvider = getTownsquareEmojiProvider();
+  return /*#__PURE__*/_react.default.createElement(_base.NodeBase, (0, _extends2.default)({
+    iconBefore: emojiName ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.emojiWrapper
+    }, /*#__PURE__*/_react.default.createElement(_emoji.ResourcedEmoji, {
+      emojiProvider: townsquareEmojiProvider,
+      emojiId: {
+        shortName: emojiName
+      },
+      fitToHeight: 16
+    })) : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.projectIconWrapper
+    }, /*#__PURE__*/_react.default.createElement(_project.default, {
+      size: "small",
+      label: ""
+    })),
+    text: isRestricted ? formatMessage(_messages.messages.restrictedProject) : text
+  }, rest, {
+    isLocked: isRestricted
+  }));
+};

package/dist/cjs/plugins/rich-inline-nodes/nodes/project/messages.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+  restrictedProject: {
+    id: 'jql-editor.plugins.rich-inline-nodes.project.restrictedProject',
+    defaultMessage: 'Restricted project',
+    description: 'This text is shown in the node if the project is locked'
+  }
+});

package/dist/cjs/plugins/rich-inline-nodes/nodes/project/types.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -27,7 +27,7 @@ var JQLEditorHelp = exports.JQLEditorHelp = function JQLEditorHelp() {
     _useScopedId2 = (0, _slicedToArray2.default)(_useScopedId, 1),
     helpContentId = _useScopedId2[0];
   var SearchMessage = /*#__PURE__*/_react.default.createElement(_compiled.Text, {
-    size: "UNSAFE_small",
+    size: "small",
     color: "inherit"
   }, formatMessage(_messages.messages.searchCommand, {
     b: function b(text) {
@@ -35,7 +35,7 @@ var JQLEditorHelp = exports.JQLEditorHelp = function JQLEditorHelp() {
     }
   }));
   var NewLineMessage = /*#__PURE__*/_react.default.createElement(_compiled.Text, {
-    size: "UNSAFE_small",
+    size: "small",
     color: "inherit"
   }, formatMessage(isSearch ? _messages.messages.newLineCommand : _messages.messages.fieldNewLineCommand, {
     b: function b(text) {

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

@@ -33,7 +33,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, 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-UNSAFE_small, normal 400 12px/16px 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, ".concat(_colors.N800, ")"), "var(--ds-text-inverse, ".concat(_colors.N0, ")"), "var(--ds-radius-small, 3px)", "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "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({
@@ -123,7 +123,7 @@ var EditorView = exports.EditorView = _styled.default.div(_templateObject2 || (_
   return props.defaultRows && (0, _platformFeatureFlags.fg)('list_lovability_improving_filters') ? 'height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : '';
 }, function (props) {
   return props.defaultRows && (0, _platformFeatureFlags.fg)('list_lovability_improving_filters') ? 'min-height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : '';
-}, "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)", function (props) {
+}, "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)", function (props) {
   return rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2;
 }, function (props) {
   return rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2;

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", "5.12.1", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.12.3", ANALYTICS_CHANNEL);
 };

package/dist/es2019/common/styled.js

@@ -17,5 +17,5 @@ export const hiddenMixin = css({
 
 // 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, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+  fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });

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

@@ -3,14 +3,14 @@ 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, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+  fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const OptionListItem = styled.li({
   cursor: 'pointer',
   padding: `${"var(--ds-space-075, 6px)"} ${"var(--ds-space-100, 8px)"}`,
-  fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+  fontFamily: "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px'
 },
@@ -48,7 +48,7 @@ export const DeprecatedOptionContainer = 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 OptionHighlight = styled.span({
-  fontWeight: "var(--ds-font-weight-bold, 700)"
+  fontWeight: "var(--ds-font-weight-bold, 653)"
 });
 
 // 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/base/index.compiled.css

@@ -0,0 +1,24 @@
+._19it145i{border:var(--ds-border-width,1px) solid transparent}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._1h6dq98m{border-color:var(--ds-border-selected,#1868db)}
+._1rjcidpf{padding-block:0}
+._1e0c1txw{display:flex}
+._1hms8stv{text-decoration-line:underline}
+._1kegt94y{text-decoration-thickness:1px}
+._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
+._4bfu1r31{text-decoration-color:currentColor}
+._4bfu1tmw{text-decoration-color:var(--ds-text-danger,#ae2e24)}
+._4cvr1h6o{align-items:center}
+._4t3i7vkz{height:1pc}
+._4t3igktf{height:20px}
+._ajmm1khm{text-decoration-style:wavy}
+._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
+._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
+._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
+._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
+._ect4zzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
+._tdi7glyw{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
+._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
+._irr31yvi:hover{background-color:var(--ds-background-danger-hovered,#ffd5d2)}
+._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
+._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}

package/dist/es2019/plugins/rich-inline-nodes/nodes/base/index.js

@@ -0,0 +1,55 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { cx } from '@atlaskit/css';
+import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
+import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
+const styles = {
+  nodeWrapper: "_19it145i _2rko12b0 _1rjcidpf _1e0c1txw _4cvr1h6o _bfhki8nm _4t3igktf _bozgv77o _y4ti1b66 _irr3plhp",
+  nodeWrapperSelected: "_1h6dq98m _bfhk15s3 _irr3ufnl",
+  nodeWrapperError: "_4bfu1r31 _1hms8stv _ajmm1khm _1kegt94y _tdi7glyw _4bfu1tmw",
+  nodeWrapperErrorSelected: "_bfhk1gly _irr31yvi",
+  textWrapper: "_ect4zzfg",
+  iconBeforeWrapper: "_1e0c1txw _4t3i7vkz _4cvr1h6o _1pfh1i6y",
+  iconAfterWrapper: ""
+};
+
+/**
+ * NodeBase Component
+ *
+ * This component is a base component for rendering a pill-like view for different node types.
+ * It is designed to be used in the JQL editor to provide a consistent UI for various entities
+ * such as projects, teams, users, etc.
+ *
+ * Currently, this component is only implemented for the "Project" (Atlas) node type. Separate components
+ * already exist for "User" and "Team" nodes. However, to ensure consistency in design, these
+ * components should eventually be refactored to use this base component. This will help maintain
+ * a uniform look and feel across different node types.
+ */
+
+export const NodeBase = props => {
+  const {
+    iconBefore,
+    text,
+    isLocked,
+    selected,
+    error
+  } = props;
+  return /*#__PURE__*/React.createElement(Pressable, {
+    xcss: cx(styles.nodeWrapper, error && styles.nodeWrapperError, selected && (error ? styles.nodeWrapperErrorSelected : styles.nodeWrapperSelected))
+  }, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050",
+    alignBlock: "center"
+  }, iconBefore && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.iconBeforeWrapper
+  }, iconBefore), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.textWrapper
+  }, text), isLocked && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.iconAfterWrapper
+  }, /*#__PURE__*/React.createElement(LockLockedIcon, {
+    size: "small",
+    color: "var(--ds-icon-accent-red, #C9372C)",
+    label: ""
+  }))));
+};

package/dist/es2019/plugins/rich-inline-nodes/nodes/base/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/plugins/rich-inline-nodes/nodes/project/index.compiled.css

@@ -0,0 +1,8 @@
+._19bvv77o{padding-left:var(--ds-space-025,2px)}
+._1e0c1txw{display:flex}
+._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
+._4cvr1h6o{align-items:center}
+._4t3i7vkz{height:1pc}
+._ca0qv77o{padding-top:var(--ds-space-025,2px)}
+._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
+._u5f3v77o{padding-right:var(--ds-space-025,2px)}

package/dist/es2019/plugins/rich-inline-nodes/nodes/project/index.js

@@ -0,0 +1,57 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { ResourcedEmoji } from '@atlaskit/emoji';
+import ProjectIcon from '@atlaskit/icon/core/project';
+import { Box } from '@atlaskit/primitives/compiled';
+import { useIntl } from '../../../../state';
+import { NodeBase } from '../base';
+import { messages } from './messages';
+const styles = {
+  emojiWrapper: "_1e0c1txw _4t3i7vkz _4cvr1h6o _1pfh1i6y",
+  projectIconWrapper: "_ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
+};
+const getTownsquareEmojiProvider = () => {
+  // Dynamically import the emoji provider to prevent an unnecessary network call from being made on module import
+  return import( /* webpackChunkName: "@atlaskit-internal_@atlaskit/jql-editor/plugins/rich-inline-nodes/nodes/base" */'@atlaskit/townsquare-emoji-provider').then(mod => mod.emojiProvider);
+};
+
+/**
+ * ProjectNode Component
+ *
+ * This component is a component for rendering a pill-like view for Project (Atlas) node type
+ * in the JQL editor
+ */
+export const ProjectNode = props => {
+  const {
+    emojiName,
+    isRestricted,
+    text,
+    ...rest
+  } = props;
+  const [{
+    formatMessage
+  }] = useIntl();
+  const townsquareEmojiProvider = getTownsquareEmojiProvider();
+  return /*#__PURE__*/React.createElement(NodeBase, _extends({
+    iconBefore: emojiName ? /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.emojiWrapper
+    }, /*#__PURE__*/React.createElement(ResourcedEmoji, {
+      emojiProvider: townsquareEmojiProvider,
+      emojiId: {
+        shortName: emojiName
+      },
+      fitToHeight: 16
+    })) : /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.projectIconWrapper
+    }, /*#__PURE__*/React.createElement(ProjectIcon, {
+      size: "small",
+      label: ""
+    })),
+    text: isRestricted ? formatMessage(messages.restrictedProject) : text
+  }, rest, {
+    isLocked: isRestricted
+  }));
+};

package/dist/es2019/plugins/rich-inline-nodes/nodes/project/messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export const messages = defineMessages({
+  restrictedProject: {
+    id: 'jql-editor.plugins.rich-inline-nodes.project.restrictedProject',
+    defaultMessage: 'Restricted project',
+    description: 'This text is shown in the node if the project is locked'
+  }
+});

package/dist/es2019/ui/jql-editor-footer-content/jql-editor-help/index.js

@@ -16,13 +16,13 @@ export const JQLEditorHelp = () => {
   } = useEditorThemeContext();
   const [helpContentId] = useScopedId(JQL_EDITOR_HELP_CONTENT_ID);
   const SearchMessage = /*#__PURE__*/React.createElement(Text, {
-    size: "UNSAFE_small",
+    size: "small",
     color: "inherit"
   }, formatMessage(messages.searchCommand, {
     b: text => /*#__PURE__*/React.createElement("b", null, text)
   }));
   const NewLineMessage = /*#__PURE__*/React.createElement(Text, {
-    size: "UNSAFE_small",
+    size: "small",
     color: "inherit"
   }, formatMessage(isSearch ? messages.newLineCommand : messages.fieldNewLineCommand, {
     b: text => /*#__PURE__*/React.createElement("b", null, text)

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

@@ -27,7 +27,7 @@ const fadeOut = 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
 export const EditorMain = styled.div`
 	/* CSS reset */
-	font-family: ${"var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
+	font-family: ${"var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
 	font-size: 14px;
 	flex-grow: 1;
 
@@ -38,7 +38,7 @@ export const EditorMain = styled.div`
 		color: ${`var(--ds-text-inverse, ${N0})`};
 		border-radius: ${"var(--ds-radius-small, 3px)"};
 		box-sizing: border-box;
-		font: ${"var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
+		font: ${"var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
 		line-height: 1.3;
 		max-width: 240px;
 		padding: ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"};
@@ -148,7 +148,7 @@ export const EditorView = styled.div`
 	line-height: ${rowHeight / 14};
 	${props => props.defaultRows && fg('list_lovability_improving_filters') ? 'height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : ''}
 	${props => props.defaultRows && fg('list_lovability_improving_filters') ? 'min-height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : ''}
-	font-family: ${"var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"};
+	font-family: ${"var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"};
 	word-break: break-word;
 	overflow-wrap: anywhere;
 	white-space: pre-wrap;

package/dist/esm/analytics/util.js

@@ -1,4 +1,4 @@
 import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
 export var useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
-  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.12.1", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.12.3", ANALYTICS_CHANNEL);
 };

package/dist/esm/common/styled.js

@@ -17,5 +17,5 @@ export var hiddenMixin = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var TooltipContent = styled.div({
-  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+  fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });

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

@@ -3,14 +3,14 @@ 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 var TooltipContent = styled.div({
-  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
+  fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var OptionListItem = styled.li({
   cursor: 'pointer',
   padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-100, 8px)"),
-  fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+  fontFamily: "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px'
 },
@@ -50,7 +50,7 @@ export var DeprecatedOptionContainer = 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 var OptionHighlight = styled.span({
-  fontWeight: "var(--ds-font-weight-bold, 700)"
+  fontWeight: "var(--ds-font-weight-bold, 653)"
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766

package/dist/esm/plugins/rich-inline-nodes/nodes/base/index.compiled.css

@@ -0,0 +1,24 @@
+._19it145i{border:var(--ds-border-width,1px) solid transparent}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._1h6dq98m{border-color:var(--ds-border-selected,#1868db)}
+._1rjcidpf{padding-block:0}
+._1e0c1txw{display:flex}
+._1hms8stv{text-decoration-line:underline}
+._1kegt94y{text-decoration-thickness:1px}
+._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
+._4bfu1r31{text-decoration-color:currentColor}
+._4bfu1tmw{text-decoration-color:var(--ds-text-danger,#ae2e24)}
+._4cvr1h6o{align-items:center}
+._4t3i7vkz{height:1pc}
+._4t3igktf{height:20px}
+._ajmm1khm{text-decoration-style:wavy}
+._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
+._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
+._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
+._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
+._ect4zzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
+._tdi7glyw{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
+._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
+._irr31yvi:hover{background-color:var(--ds-background-danger-hovered,#ffd5d2)}
+._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
+._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}

package/dist/esm/plugins/rich-inline-nodes/nodes/base/index.js

@@ -0,0 +1,53 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { cx } from '@atlaskit/css';
+import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
+import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
+var styles = {
+  nodeWrapper: "_19it145i _2rko12b0 _1rjcidpf _1e0c1txw _4cvr1h6o _bfhki8nm _4t3igktf _bozgv77o _y4ti1b66 _irr3plhp",
+  nodeWrapperSelected: "_1h6dq98m _bfhk15s3 _irr3ufnl",
+  nodeWrapperError: "_4bfu1r31 _1hms8stv _ajmm1khm _1kegt94y _tdi7glyw _4bfu1tmw",
+  nodeWrapperErrorSelected: "_bfhk1gly _irr31yvi",
+  textWrapper: "_ect4zzfg",
+  iconBeforeWrapper: "_1e0c1txw _4t3i7vkz _4cvr1h6o _1pfh1i6y",
+  iconAfterWrapper: ""
+};
+
+/**
+ * NodeBase Component
+ *
+ * This component is a base component for rendering a pill-like view for different node types.
+ * It is designed to be used in the JQL editor to provide a consistent UI for various entities
+ * such as projects, teams, users, etc.
+ *
+ * Currently, this component is only implemented for the "Project" (Atlas) node type. Separate components
+ * already exist for "User" and "Team" nodes. However, to ensure consistency in design, these
+ * components should eventually be refactored to use this base component. This will help maintain
+ * a uniform look and feel across different node types.
+ */
+
+export var NodeBase = function NodeBase(props) {
+  var iconBefore = props.iconBefore,
+    text = props.text,
+    isLocked = props.isLocked,
+    selected = props.selected,
+    error = props.error;
+  return /*#__PURE__*/React.createElement(Pressable, {
+    xcss: cx(styles.nodeWrapper, error && styles.nodeWrapperError, selected && (error ? styles.nodeWrapperErrorSelected : styles.nodeWrapperSelected))
+  }, /*#__PURE__*/React.createElement(Inline, {
+    space: "space.050",
+    alignBlock: "center"
+  }, iconBefore && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.iconBeforeWrapper
+  }, iconBefore), /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.textWrapper
+  }, text), isLocked && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.iconAfterWrapper
+  }, /*#__PURE__*/React.createElement(LockLockedIcon, {
+    size: "small",
+    color: "var(--ds-icon-accent-red, #C9372C)",
+    label: ""
+  }))));
+};

package/dist/esm/plugins/rich-inline-nodes/nodes/base/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/plugins/rich-inline-nodes/nodes/project/index.compiled.css

@@ -0,0 +1,8 @@
+._19bvv77o{padding-left:var(--ds-space-025,2px)}
+._1e0c1txw{display:flex}
+._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
+._4cvr1h6o{align-items:center}
+._4t3i7vkz{height:1pc}
+._ca0qv77o{padding-top:var(--ds-space-025,2px)}
+._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
+._u5f3v77o{padding-right:var(--ds-space-025,2px)}

package/dist/esm/plugins/rich-inline-nodes/nodes/project/index.js

@@ -0,0 +1,60 @@
+/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["emojiName", "isRestricted", "text"];
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { ResourcedEmoji } from '@atlaskit/emoji';
+import ProjectIcon from '@atlaskit/icon/core/project';
+import { Box } from '@atlaskit/primitives/compiled';
+import { useIntl } from '../../../../state';
+import { NodeBase } from '../base';
+import { messages } from './messages';
+var styles = {
+  emojiWrapper: "_1e0c1txw _4t3i7vkz _4cvr1h6o _1pfh1i6y",
+  projectIconWrapper: "_ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
+};
+var getTownsquareEmojiProvider = function getTownsquareEmojiProvider() {
+  // Dynamically import the emoji provider to prevent an unnecessary network call from being made on module import
+  return import( /* webpackChunkName: "@atlaskit-internal_@atlaskit/jql-editor/plugins/rich-inline-nodes/nodes/base" */'@atlaskit/townsquare-emoji-provider').then(function (mod) {
+    return mod.emojiProvider;
+  });
+};
+
+/**
+ * ProjectNode Component
+ *
+ * This component is a component for rendering a pill-like view for Project (Atlas) node type
+ * in the JQL editor
+ */
+export var ProjectNode = function ProjectNode(props) {
+  var emojiName = props.emojiName,
+    isRestricted = props.isRestricted,
+    text = props.text,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useIntl = useIntl(),
+    _useIntl2 = _slicedToArray(_useIntl, 1),
+    formatMessage = _useIntl2[0].formatMessage;
+  var townsquareEmojiProvider = getTownsquareEmojiProvider();
+  return /*#__PURE__*/React.createElement(NodeBase, _extends({
+    iconBefore: emojiName ? /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.emojiWrapper
+    }, /*#__PURE__*/React.createElement(ResourcedEmoji, {
+      emojiProvider: townsquareEmojiProvider,
+      emojiId: {
+        shortName: emojiName
+      },
+      fitToHeight: 16
+    })) : /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.projectIconWrapper
+    }, /*#__PURE__*/React.createElement(ProjectIcon, {
+      size: "small",
+      label: ""
+    })),
+    text: isRestricted ? formatMessage(messages.restrictedProject) : text
+  }, rest, {
+    isLocked: isRestricted
+  }));
+};

package/dist/esm/plugins/rich-inline-nodes/nodes/project/messages.js

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  restrictedProject: {
+    id: 'jql-editor.plugins.rich-inline-nodes.project.restrictedProject',
+    defaultMessage: 'Restricted project',
+    description: 'This text is shown in the node if the project is locked'
+  }
+});

package/dist/esm/ui/jql-editor-footer-content/jql-editor-help/index.js

@@ -20,7 +20,7 @@ export var JQLEditorHelp = function JQLEditorHelp() {
     _useScopedId2 = _slicedToArray(_useScopedId, 1),
     helpContentId = _useScopedId2[0];
   var SearchMessage = /*#__PURE__*/React.createElement(Text, {
-    size: "UNSAFE_small",
+    size: "small",
     color: "inherit"
   }, formatMessage(messages.searchCommand, {
     b: function b(text) {
@@ -28,7 +28,7 @@ export var JQLEditorHelp = function JQLEditorHelp() {
     }
   }));
   var NewLineMessage = /*#__PURE__*/React.createElement(Text, {
-    size: "UNSAFE_small",
+    size: "small",
     color: "inherit"
   }, formatMessage(isSearch ? messages.newLineCommand : messages.fieldNewLineCommand, {
     b: function b(text) {

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

@@ -27,7 +27,7 @@ var fadeOut = 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
-export var EditorMain = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", TOOLTIP_CLASSNAME, "var(--ds-background-neutral-bold, ".concat(N800, ")"), "var(--ds-text-inverse, ".concat(N0, ")"), "var(--ds-radius-small, 3px)", "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", layers.tooltip(), "var(--ds-space-200, 16px)", TOOLTIP_ENTER_CLASSNAME, fadeIn, TOOLTIP_EXIT_CLASSNAME, fadeOut);
+export var EditorMain = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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)", TOOLTIP_CLASSNAME, "var(--ds-background-neutral-bold, ".concat(N800, ")"), "var(--ds-text-inverse, ".concat(N0, ")"), "var(--ds-radius-small, 3px)", "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", layers.tooltip(), "var(--ds-space-200, 16px)", TOOLTIP_ENTER_CLASSNAME, fadeIn, 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
 export var EditorFooter = styled.div({
@@ -117,7 +117,7 @@ export var EditorView = styled.div(_templateObject2 || (_templateObject2 = _tagg
   return props.defaultRows && fg('list_lovability_improving_filters') ? 'height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : '';
 }, function (props) {
   return props.defaultRows && fg('list_lovability_improving_filters') ? 'min-height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : '';
-}, "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)", function (props) {
+}, "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)", function (props) {
   return rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2;
 }, function (props) {
   return rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2;

package/dist/types/plugins/rich-inline-nodes/nodes/base/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { NodeViewProps } from '../../util/react-node-view';
+import { type NodeBaseProps } from './types';
+/**
+ * NodeBase Component
+ *
+ * This component is a base component for rendering a pill-like view for different node types.
+ * It is designed to be used in the JQL editor to provide a consistent UI for various entities
+ * such as projects, teams, users, etc.
+ *
+ * Currently, this component is only implemented for the "Project" (Atlas) node type. Separate components
+ * already exist for "User" and "Team" nodes. However, to ensure consistency in design, these
+ * components should eventually be refactored to use this base component. This will help maintain
+ * a uniform look and feel across different node types.
+ */
+export declare const NodeBase: (props: NodeViewProps<NodeBaseProps>) => React.JSX.Element;

package/dist/types/plugins/rich-inline-nodes/nodes/base/types.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from 'react';
+export type NodeBaseProps = {
+    iconBefore: ReactNode;
+    isLocked?: boolean;
+    text?: string;
+};

package/dist/types/plugins/rich-inline-nodes/nodes/project/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { NodeViewProps } from '../../util/react-node-view';
+import type { ProjectNodeProps } from './types';
+/**
+ * ProjectNode Component
+ *
+ * This component is a component for rendering a pill-like view for Project (Atlas) node type
+ * in the JQL editor
+ */
+export declare const ProjectNode: (props: NodeViewProps<ProjectNodeProps>) => React.JSX.Element;

package/dist/types/plugins/rich-inline-nodes/nodes/project/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const messages: {
+    restrictedProject: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/plugins/rich-inline-nodes/nodes/project/types.d.ts

@@ -0,0 +1,5 @@
+export type ProjectNodeProps = {
+    emojiName?: string;
+    isRestricted?: boolean;
+    text?: string;
+};

package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/base/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { NodeViewProps } from '../../util/react-node-view';
+import { type NodeBaseProps } from './types';
+/**
+ * NodeBase Component
+ *
+ * This component is a base component for rendering a pill-like view for different node types.
+ * It is designed to be used in the JQL editor to provide a consistent UI for various entities
+ * such as projects, teams, users, etc.
+ *
+ * Currently, this component is only implemented for the "Project" (Atlas) node type. Separate components
+ * already exist for "User" and "Team" nodes. However, to ensure consistency in design, these
+ * components should eventually be refactored to use this base component. This will help maintain
+ * a uniform look and feel across different node types.
+ */
+export declare const NodeBase: (props: NodeViewProps<NodeBaseProps>) => React.JSX.Element;

package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/base/types.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from 'react';
+export type NodeBaseProps = {
+    iconBefore: ReactNode;
+    isLocked?: boolean;
+    text?: string;
+};

package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/project/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { NodeViewProps } from '../../util/react-node-view';
+import type { ProjectNodeProps } from './types';
+/**
+ * ProjectNode Component
+ *
+ * This component is a component for rendering a pill-like view for Project (Atlas) node type
+ * in the JQL editor
+ */
+export declare const ProjectNode: (props: NodeViewProps<ProjectNodeProps>) => React.JSX.Element;

package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/project/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const messages: {
+    restrictedProject: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/project/types.d.ts

@@ -0,0 +1,5 @@
+export type ProjectNodeProps = {
+    emojiName?: string;
+    isRestricted?: boolean;
+    text?: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/jql-editor",
-	"version": "5.12.2",
+	"version": "5.12.4",
 	"description": "This package allows consumers to render an advanced JQL editor component to enable autocomplete-assisted authoring and validation of JQL queries.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,9 +37,11 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/avatar": "^25.7.0",
 		"@atlaskit/button": "^23.9.0",
+		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/editor-prosemirror": "^7.2.0",
+		"@atlaskit/emoji": "^69.10.0",
 		"@atlaskit/form": "^15.3.0",
-		"@atlaskit/icon": "^29.4.0",
+		"@atlaskit/icon": "^30.0.0",
 		"@atlaskit/jql-ast": "^3.3.0",
 		"@atlaskit/jql-autocomplete": "^2.0.0",
 		"@atlaskit/jql-editor-common": "^3.0.0",
@@ -52,8 +54,9 @@
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^10.0.0",
+		"@atlaskit/tokens": "^10.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
+		"@atlaskit/townsquare-emoji-provider": "^1.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.0.0",