@atlaskit/jql-editor 6.2.1 → 6.2.3

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

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, keyframes } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -23,47 +25,51 @@ const fadeOut = keyframes({
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const EditorMain =
 // 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, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
-	font-size: 14px;
-	flex-grow: 1;
+styled.div`
+		/* CSS reset */
+		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;
 
-	/* These styles and animations are derived from @atlaskit/tooltip */
+		/* These styles and animations are derived from @atlaskit/tooltip */
 
-	.${TOOLTIP_CLASSNAME} {
-		background-color: ${"var(--ds-background-neutral-bold, #292A2E)"};
-		color: ${"var(--ds-text-inverse, #FFFFFF)"};
-		border-radius: ${"var(--ds-radius-small, 3px)"};
-		box-sizing: border-box;
-		font: ${"var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
-		line-height: 1.3;
-		max-width: 240px;
-		padding: ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"};
-		word-wrap: break-word;
-		overflow-wrap: break-word;
-		z-index: ${layers.tooltip()};
-		pointer-events: none;
-		position: absolute;
-		visibility: hidden;
+		.${TOOLTIP_CLASSNAME} {
+			background-color: ${"var(--ds-background-neutral-bold, #292A2E)"};
+			color: ${"var(--ds-text-inverse, #FFFFFF)"};
+			border-radius: ${"var(--ds-radius-small, 3px)"};
+			box-sizing: border-box;
+			font: ${"var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"};
+			line-height: 1.3;
+			max-width: 240px;
+			padding: ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"};
+			word-wrap: break-word;
+			overflow-wrap: break-word;
+			z-index: ${layers.tooltip()};
+			pointer-events: none;
+			position: absolute;
+			visibility: hidden;
 
-		/* Horizontally center and vertically position above the target element */
-		transform: translate(-50%, calc(-100% - ${"var(--ds-space-200, 16px)"}));
+			/* Horizontally center and vertically position above the target element */
+			transform: translate(-50%, calc(-100% - ${"var(--ds-space-200, 16px)"}));
 
-		&.${TOOLTIP_ENTER_CLASSNAME} {
-			animation: ${fadeIn} 350ms cubic-bezier(0.15, 1, 0.3, 1);
-			visibility: visible;
-		}
+			&.${TOOLTIP_ENTER_CLASSNAME} {
+				animation: ${fadeIn} 350ms cubic-bezier(0.15, 1, 0.3, 1);
+				visibility: visible;
+			}
 
-		&.${TOOLTIP_EXIT_CLASSNAME} {
-			animation: ${fadeOut} 350ms cubic-bezier(0.15, 1, 0.3, 1);
+			&.${TOOLTIP_EXIT_CLASSNAME} {
+				animation: ${fadeOut} 350ms cubic-bezier(0.15, 1, 0.3, 1);
+			}
 		}
-	}
-`;
+	`;
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const EditorFooter =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const EditorFooter = styled.div({
+styled.div({
   display: 'flex',
   justifyContent: 'space-between',
   minHeight: '20px'
@@ -74,8 +80,10 @@ const rowHeight = 8 * 2.75;
 // Vertical padding for the editor input
 const getEditorInputVerticalPadding = isCompact => isCompact ? 3 : 7;
 const editorInputHorizontalPadding = 6;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const EditorViewContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const EditorViewContainer = styled.div({
+styled.div({
   backgroundColor: "var(--ds-background-input, #FFFFFF)",
   borderStyle: 'solid',
   borderWidth: "var(--ds-border-width, 1px)",
@@ -110,15 +118,19 @@ css({
   }
 }));
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const ReadOnlyEditorViewContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const ReadOnlyEditorViewContainer = styled(EditorViewContainer)({
+styled(EditorViewContainer)({
   backgroundColor: "var(--ds-background-disabled, #17171708)",
   color: "var(--ds-text-disabled, #080F214A)",
   pointerEvents: 'none'
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const LineNumberToolbar =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const LineNumberToolbar = styled.div({
+styled.div({
   backgroundColor: "var(--ds-background-neutral, #0515240F)",
   flexShrink: 0,
   width: '30px',
@@ -135,108 +147,109 @@ css({
 /**
  * The main div which the Prosemirror editor will be rendered into.
  */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const EditorView =
 // 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 EditorView = styled.div`
-	counter-reset: lineNumber;
-	flex-grow: 1;
+styled.div`
+		counter-reset: lineNumber;
+		flex-grow: 1;
 
-	transition:
-		height 250ms cubic-bezier(0.15, 1, 0.3, 1),
-		max-height 250ms cubic-bezier(0.15, 1, 0.3, 1);
-	max-height: ${props => rowHeight * props.defaultMaxRows + getEditorInputVerticalPadding(props.isCompact) * 2}px;
-	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;' : ''}
+		transition:
+			height 250ms cubic-bezier(0.15, 1, 0.3, 1),
+			max-height 250ms cubic-bezier(0.15, 1, 0.3, 1);
+		max-height: ${props => rowHeight * props.defaultMaxRows + getEditorInputVerticalPadding(props.isCompact) * 2}px;
+		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, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"};
-	word-break: break-word;
-	overflow-wrap: anywhere;
-	white-space: pre-wrap;
+		word-break: break-word;
+		overflow-wrap: anywhere;
+		white-space: pre-wrap;
 
-	&[data-expanded] {
-		height: ${props => rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2}px;
-		max-height: ${props => rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2}px;
-	}
+		&[data-expanded] {
+			height: ${props => rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2}px;
+			max-height: ${props => rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2}px;
+		}
 
-	.ProseMirror {
-		color: ${"var(--ds-text, #292A2E)"};
-		padding: ${props => getEditorInputVerticalPadding(props.isCompact)}px
-			${editorInputHorizontalPadding}px;
+		.ProseMirror {
+			color: ${"var(--ds-text, #292A2E)"};
+			padding: ${props => getEditorInputVerticalPadding(props.isCompact)}px
+				${editorInputHorizontalPadding}px;
 
-		&:focus {
-			outline: none;
-		}
+			&:focus {
+				outline: none;
+			}
 
-		.mark-token-keyword {
-			color: ${"var(--ds-text-accent-purple, #803FA5)"};
-		}
+			.mark-token-keyword {
+				color: ${"var(--ds-text-accent-purple, #803FA5)"};
+			}
 
-		.mark-token-field {
-			color: ${"var(--ds-text-accent-blue, #1558BC)"};
-		}
+			.mark-token-field {
+				color: ${"var(--ds-text-accent-blue, #1558BC)"};
+			}
 
-		.mark-token-operator {
-			color: ${"var(--ds-text-accent-green, #216E4E)"};
-		}
+			.mark-token-operator {
+				color: ${"var(--ds-text-accent-green, #216E4E)"};
+			}
 
-		.mark-token-error {
-			color: ${"var(--ds-text-danger, #AE2E24)"};
-			text-decoration: wavy underline;
-			text-decoration-thickness: 1px;
-			text-decoration-skip-ink: none;
+			.mark-token-error {
+				color: ${"var(--ds-text-danger, #AE2E24)"};
+				text-decoration: wavy underline;
+				text-decoration-thickness: 1px;
+				text-decoration-skip-ink: none;
+			}
 		}
-	}
 
-	p {
-		margin: 0;
-		counter-increment: lineNumber;
-		position: relative;
+		p {
+			margin: 0;
+			counter-increment: lineNumber;
+			position: relative;
 
-		/* Show the current line number before each paragraph block. */
+			/* Show the current line number before each paragraph block. */
 
-		&::before {
-			content: counter(lineNumber);
-			color: ${"var(--ds-text-subtlest, #6B6E76)"};
-			font-size: 10px;
-			line-height: ${rowHeight / 10};
-			padding: 0 ${"var(--ds-space-100, 8px)"} 0 ${"var(--ds-space-025, 2px)"};
-			position: absolute;
-			box-sizing: border-box;
-			/* Shift the line number tag 100% (plus 8px padding) to the left to position it inside the LineNumberToolbar */
-			transform: translateX(calc(-100% - ${"var(--ds-space-100, 8px)"}));
+			&::before {
+				content: counter(lineNumber);
+				color: ${"var(--ds-text-subtlest, #6B6E76)"};
+				font-size: 10px;
+				line-height: ${rowHeight / 10};
+				padding: 0 ${"var(--ds-space-100, 8px)"} 0 ${"var(--ds-space-025, 2px)"};
+				position: absolute;
+				box-sizing: border-box;
+				/* Shift the line number tag 100% (plus 8px padding) to the left to position it inside the LineNumberToolbar */
+				transform: translateX(calc(-100% - ${"var(--ds-space-100, 8px)"}));
 
-			/* We can fit 3 digits before ellipses. This is not very responsive but saves us having to add expensive width
+				/* We can fit 3 digits before ellipses. This is not very responsive but saves us having to add expensive width
         recalculation logic to the LineNumberToolbar for a scenario that *should* never happen. */
-			max-width: 30px;
-			text-overflow: ellipsis;
-			overflow: hidden;
-			white-space: nowrap;
+				max-width: 30px;
+				text-overflow: ellipsis;
+				overflow: hidden;
+				white-space: nowrap;
 
-			${props => !props.lineNumbersVisible &&
+				${props => !props.lineNumbersVisible &&
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
 css`
-					display: none;
-				`}
+						display: none;
+					`}
+			}
 		}
-	}
-`;
+	`;
 
 // FIXME: convert-props-syntax rule doesn't catch this
-// 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 ReadOnlyEditorView = styled(EditorView)`
-	/* We need to replicate padding from the inner prosemirror element in our read only state. That means we also need
-  recompute max height excluding the child padding. */
-	padding: ${props => getEditorInputVerticalPadding(props.isCompact)}px
-		${editorInputHorizontalPadding}px;
-	max-height: ${props => rowHeight * props.defaultMaxRows}px;
-
-	> p {
-		/* Prevent collapsing empty paragraphs */
-		min-height: ${rowHeight}px;
-	}
-`;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const ReadOnlyEditorView = /* eslint-disable @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-dynamic-styles, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766 */
+styled(EditorView)(props => ({
+  padding: `${getEditorInputVerticalPadding(props.isCompact)}px ${editorInputHorizontalPadding}px`,
+  maxHeight: `${rowHeight * props.defaultMaxRows}px`,
+  '> p': {
+    minHeight: `${rowHeight}px`
+  }
+}));
+/* eslint-enable @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-dynamic-styles, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-nested-selectors */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const EditorControls =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const EditorControls = styled.div(props => ({
+styled.div(props => ({
   alignItems: 'center',
   display: 'flex',
   flexShrink: 0,

package/dist/es2019/ui/jql-editor-view/index.js

@@ -1,5 +1,6 @@
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import throttle from 'lodash/throttle';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { JQL_EDITOR_AUTOCOMPLETE_ID, JQL_EDITOR_HELP_CONTENT_ID, JQL_EDITOR_INPUT_ID, JQL_EDITOR_MAIN_ID, JQL_EDITOR_VALIDATION_ID } from '../../common/constants';
 import { useEditorThemeContext } from '../../hooks/use-editor-theme';
 import { useEditorViewIsInvalid } from '../../hooks/use-editor-view-is-invalid';
@@ -97,6 +98,9 @@ const JQLEditorView = ({
       }),
       ...(editorViewIsInvalid && {
         'aria-invalid': 'true'
+      }),
+      ...(fg('empanda_jql-editor_fix_tab_select_in_popup') && {
+        tabindex: '0'
       })
     };
   }, [editorId, isAutocompleteOpen, intl, autocompleteId, editorViewIsInvalid, validationId, helpContentId, selectedOptionId]);

package/dist/es2019/ui/tooltip-tag/styled.js

@@ -1,7 +1,13 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const StyledTooltipTag =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const StyledTooltipTag = styled.div({
+styled.div({
   display: 'flex'
 });

package/dist/esm/accessibility/styled.js

@@ -1,6 +1,12 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { hiddenMixin } from '../common/styled';
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var ScreenReaderText =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-export var ScreenReaderText = styled.div(hiddenMixin);
+styled.div(hiddenMixin);

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

package/dist/esm/async.js

@@ -7,8 +7,13 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { withErrorBoundary } from './ui/error-boundary';
 import { withIntlProvider } from './ui/intl-provider';
 import { JQLEditorReadOnly } from './ui/jql-editor-layout';
+
+// eslint-disable-next-line import/order
+
+// eslint-disable-next-line import/order
+
 var JQLEditor = lazyForPaint(function () {
-  return import( /* webpackChunkName: "async-jql-editor" */'./ui/jql-editor').then(function (_ref) {
+  return import( /* webpackChunkName: "@atlassian/async-jql-editor-ui" */'./ui/jql-editor').then(function (_ref) {
     var JQLEditorUI = _ref.default;
     return JQLEditorUI;
   });

package/dist/esm/common/styled.js

@@ -1,3 +1,5 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -15,7 +17,9 @@ export var hiddenMixin = css({
   position: 'absolute'
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var TooltipContent =
 // 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({
+styled.div({
   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-dropdown/styled.js

@@ -1,8 +1,14 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { layers } from '@atlaskit/theme/constants';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var AutocompleteContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var AutocompleteContainer = styled.div({
+styled.div({
   position: 'absolute',
   backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
   borderRadius: "var(--ds-radius-small, 3px)",
@@ -35,21 +41,27 @@ function (_ref2) {
   };
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var AutocompleteOptionsContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var AutocompleteOptionsContainer = styled.div({
+styled.div({
   maxHeight: '288px',
   overflow: 'auto'
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var OptionList =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var OptionList = styled.ul({
+styled.ul({
   listStyle: 'none',
   margin: "var(--ds-space-0, 0px)",
   padding: "var(--ds-space-0, 0px)"
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var AutocompleteLoadingFooter =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var AutocompleteLoadingFooter = styled.div({
+styled.div({
   display: 'flex',
   justifyContent: 'center',
   color: "var(--ds-text-subtlest, #6B6E76)",

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

@@ -1,12 +1,20 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var TooltipContent =
 // 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({
+styled.div({
   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-exported-styles -- Ignored via go/DSP-18766
+export var OptionListItem =
 // 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({
+styled.li({
   cursor: 'pointer',
   padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-100, 8px)"),
   fontFamily: "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
@@ -29,8 +37,10 @@ function (_ref2) {
   };
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var OptionName =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var OptionName = styled.div({
+styled.div({
   color: "var(--ds-text, #292A2E)",
   overflow: 'hidden',
   whiteSpace: 'nowrap',
@@ -39,29 +49,37 @@ export var OptionName = styled.div({
   flex: 1
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var DeprecatedOptionContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var DeprecatedOptionContainer = styled.div({
+styled.div({
   color: "var(--ds-text-disabled, #080F214A)",
   display: 'flex',
   justifyContent: 'space-between',
   opacity: 0.6
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var OptionHighlight =
 // 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({
+styled.span({
   fontWeight: "var(--ds-font-weight-bold, 653)"
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var FieldType =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var FieldType = styled.div({
+styled.div({
   display: 'flex',
   alignItems: 'center',
   marginTop: "var(--ds-space-negative-025, -2px)",
   color: "var(--ds-text-subtlest, #6B6E76)"
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var FieldTypeIcon =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var FieldTypeIcon = styled.span({
+styled.span({
   display: 'flex',
   marginRight: "var(--ds-space-050, 4px)"
 });

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

@@ -38,7 +38,9 @@ export var NodeBase = function NodeBase(props) {
     selected = props.selected,
     error = props.error,
     isRichNodeDisplay = props.isRichNodeDisplay;
-  var isNewExperienceEnabled = FeatureGates.getExperimentValue('projects_in_jira_eap_drop2_fast_follow_filters', 'isEnabled', false) || isRichNodeDisplay;
+  var isNewExperienceEnabled =
+  // eslint-disable-next-line @atlaskit/platform/use-recommended-utils -- Statsig migration pending for this experiment gate
+  FeatureGates.checkGate('projects_in_jira_ga_drop') || isRichNodeDisplay;
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     xcss: cx(styles.nodeWrapper, !isNewExperienceEnabled && styles.nodeWrapperWithHeight, error && styles.nodeWrapperError, selected && (error ? styles.nodeWrapperErrorSelected : styles.nodeWrapperSelected))
   }, isNewExperienceEnabled ? {

package/dist/esm/plugins/rich-inline-nodes/nodes/goal/goal-node.js

@@ -40,8 +40,8 @@ export var GoalNode = function GoalNode(props) {
       xcss: styles.iconWrapper
     }, /*#__PURE__*/React.createElement(GoalIcon, {
       size: "16",
-      status: (_goal$status = goal === null || goal === void 0 ? void 0 : goal.status) !== null && _goal$status !== void 0 ? _goal$status : "DEFAULT",
-      iconKey: toGoalIconKey("GOAL")
+      status: (_goal$status = goal === null || goal === void 0 ? void 0 : goal.status) !== null && _goal$status !== void 0 ? _goal$status : 'DEFAULT',
+      iconKey: toGoalIconKey('GOAL')
     })),
     text: name,
     isRichNodeDisplay: true

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

@@ -1,9 +1,13 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var TeamContainer = styled.span({
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var TeamContainer =
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
+styled.span({
   display: 'inline-flex',
   alignItems: 'baseline',
   paddingLeft: "var(--ds-space-025, 2px)",
@@ -61,8 +65,10 @@ function (_ref) {
   }
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var NameContainer = styled.span({
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var NameContainer =
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
+styled.span({
   marginLeft: "var(--ds-space-075, 6px)",
   marginRight: "var(--ds-space-050, 4px)",
   // eslint-disable-next-line -- Ignored via go/DSP-18766
@@ -70,8 +76,10 @@ export var NameContainer = styled.span({
 });
 
 /* Override Avatar styles to match design spec */
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var AvatarWrapper = styled.div({
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var AvatarWrapper =
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-styled -- Ignored via go/DSP-18766
+styled.div({
   height: "var(--ds-space-200, 16px)",
   width: "var(--ds-space-200, 16px)",
   alignSelf: 'center'

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

@@ -1,10 +1,14 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 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';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var UserContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var UserContainer = styled.span({
+styled.span({
   display: 'inline-flex',
   alignItems: 'baseline',
   paddingLeft: "var(--ds-space-025, 2px)",
@@ -62,8 +66,10 @@ function (_ref) {
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var NameContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var NameContainer = styled.span({
+styled.span({
   marginLeft: "var(--ds-space-075, 6px)",
   marginRight: "var(--ds-space-100, 8px)",
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
@@ -71,8 +77,10 @@ export var NameContainer = styled.span({
 });
 
 /* Override Avatar styles to match design spec */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var AvatarWrapper =
 // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var AvatarWrapper = styled.div({
+styled.div({
   height: "var(--ds-space-200, 16px)",
   width: "var(--ds-space-200, 16px)",
   alignSelf: 'center',