@atlaskit/jql-editor 4.3.0 → 4.3.1

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

@@ -1,4 +1,7 @@
+// 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 const StyledTooltipTag = styled.div({
   display: 'flex'
 });

package/dist/esm/accessibility/styled.js

@@ -1,3 +1,6 @@
+// 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-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);

package/dist/esm/analytics/listener/analytics-web-client-wrapper.js

@@ -15,11 +15,11 @@ export var sendEvent = function sendEvent(logger, client) {
     if (client) {
       var gasEvent = _objectSpread({}, event);
       /*
-      Merging this ts-ignore is not going to affect the type definitions of the package
-      there's a whole lot more wrong going on here than just this delete.
-      All the send methods on the client take a GasPurePayload object which requires actionSubject
-      actionSubject is missing on GasPayload | GasScreenEventPayload
-      */
+         Merging this ts-ignore is not going to affect the type definitions of the package
+         there's a whole lot more wrong going on here than just this delete.
+         All the send methods on the client take a GasPurePayload object which requires actionSubject
+         actionSubject is missing on GasPayload | GasScreenEventPayload
+       */
       // @ts-ignore mergeable @fixme TypeScript 4.2.4 upgrade
       delete gasEvent.eventType;
       var withClient = function withClient(cb) {

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

package/dist/esm/common/styled.js

@@ -1,8 +1,10 @@
+// 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 { fontFamily } from '@atlaskit/theme/constants';
 
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var hiddenMixin = css({
   clip: 'rect(1px, 1px, 1px, 1px)',
   clipPath: 'inset(50%)',
@@ -14,6 +16,8 @@ export var hiddenMixin = css({
   padding: 0,
   position: 'absolute'
 });
+
+// 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: fontFamily()
 });

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

@@ -1,7 +1,10 @@
+// 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 { 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 var AutocompleteContainer = styled.div({
   position: 'absolute',
   backgroundColor: "var(--ds-surface-overlay, white)",
@@ -17,7 +20,9 @@ export var AutocompleteContainer = styled.div({
   },
   marginLeft: "var(--ds-space-negative-100, -8px)",
   marginTop: "var(--ds-space-200, 16px)"
-}, function (_ref) {
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+function (_ref) {
   var isOpen = _ref.isOpen;
   return isOpen ? css({
     visibility: 'visible'
@@ -25,15 +30,21 @@ export var AutocompleteContainer = styled.div({
     visibility: 'hidden'
   });
 });
+
+// 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({
   maxHeight: '288px',
   overflow: 'auto'
 });
+
+// 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({
   listStyle: 'none',
   margin: "var(--ds-space-0, 0)",
   padding: "var(--ds-space-0, 0)"
 });
+
+// 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({
   display: 'flex',
   justifyContent: 'center',
@@ -41,7 +52,9 @@ export var AutocompleteLoadingFooter = styled.div({
   fontStyle: 'italic',
   padding: "var(--ds-space-150, 12px)",
   textAlign: 'center'
-}, function (_ref2) {
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+function (_ref2) {
   var hasOptions = _ref2.hasOptions;
   return hasOptions && {
     borderTop: "solid 1px ".concat("var(--ds-border, ".concat(N40, ")")),

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

@@ -1,26 +1,36 @@
+// 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';
 import { codeFontFamily, fontFamily } 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 var TooltipContent = styled.div({
   fontFamily: fontFamily()
 });
+
+// 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: codeFontFamily(),
   lineHeight: '24px'
-}, function (_ref) {
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+function (_ref) {
   var isSelected = _ref.isSelected;
   return isSelected && {
     background: "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")")
   };
-}, function (_ref2) {
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+function (_ref2) {
   var isDeprecated = _ref2.isDeprecated;
   return isDeprecated && {
     cursor: 'default',
     color: "var(--ds-text-disabled, ".concat(N50, ")")
   };
 });
+
+// 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({
   color: "var(--ds-text, ".concat(N800, ")"),
   overflow: 'hidden',
@@ -29,21 +39,29 @@ export var OptionName = styled.div({
   // Added so that overflowed option names do not squish the deprecated info icon
   flex: 1
 });
+
+// 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({
   color: "var(--ds-text-disabled, ".concat(N50, ")"),
   display: 'flex',
   justifyContent: 'space-between',
   opacity: 0.6
 });
+
+// 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: 'bold'
 });
+
+// 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({
   display: 'flex',
   alignItems: 'center',
   marginTop: "var(--ds-space-negative-025, -2px)",
   color: "var(--ds-text-subtlest, ".concat(N100, ")")
 });
+
+// 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({
   display: 'flex',
   marginRight: "var(--ds-space-050, 4px)"

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

@@ -1,6 +1,9 @@
+// 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 { 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 var UserContainer = styled.span({
   display: 'inline-flex',
   alignItems: 'baseline',
@@ -8,11 +11,14 @@ export var UserContainer = styled.span({
   borderRadius: '10px',
   cursor: 'pointer',
   userSelect: 'none'
-}, function (_ref) {
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+function (_ref) {
   var selected = _ref.selected,
     error = _ref.error;
   if (selected) {
     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, ".concat(N0, ")"),
         backgroundColor: "var(--ds-background-danger-bold, ".concat(R400, ")"),
@@ -22,6 +28,7 @@ export var UserContainer = styled.span({
         textDecorationColor: "var(--ds-text-inverse, ".concat(N0, ")")
       });
     } else {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       return css({
         color: "var(--ds-text, ".concat(N0, ")"),
         backgroundColor: "var(--ds-background-selected, ".concat(N500, ")"),
@@ -30,6 +37,7 @@ export var UserContainer = styled.span({
     }
   } 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, ".concat(N500, ")"),
         backgroundColor: "var(--ds-background-neutral, ".concat(N40, ")"),
@@ -42,6 +50,7 @@ export var UserContainer = styled.span({
         }
       });
     } 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, ".concat(N500, ")"),
         backgroundColor: "var(--ds-background-neutral, ".concat(N40, ")"),
@@ -52,6 +61,8 @@ export var UserContainer = styled.span({
     }
   }
 });
+
+// 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({
   marginLeft: "var(--ds-space-075, 6px)",
   marginRight: "var(--ds-space-100, 8px)",
@@ -59,11 +70,12 @@ export var NameContainer = styled.span({
 });
 
 /* Override Avatar styles to match design spec */
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+// 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({
   height: "var(--ds-space-200, 16px)",
   width: "var(--ds-space-200, 16px)",
   alignSelf: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div span': {
     margin: "var(--ds-space-0, 0px)"
   }

package/dist/esm/ui/jql-editor-controls-content/base-expand-toggle/styled.js

@@ -1,7 +1,10 @@
+// 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 var ExpandToggleContainer = styled.div({
   /* Override background styles for our button to match designs */
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> button': {
     borderRadius: '100%',
     /* Fill the remaining vertical space for a single line in our editor and space between buttons */
@@ -9,6 +12,7 @@ export var ExpandToggleContainer = styled.div({
     '&:hover': {
       background: "var(--ds-background-neutral-subtle-hovered, ".concat(N40, ")")
     },
+    // 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, ".concat(N50, ")")
     }

package/dist/esm/ui/jql-editor-controls-content/base-search/index.js

@@ -19,7 +19,9 @@ export var BaseSearch = function BaseSearch(_ref) {
   return /*#__PURE__*/React.createElement(LoadingButton, {
     "aria-label": label,
     isDisabled: isDisabled,
-    testId: "jql-editor-search",
+    testId: "jql-editor-search"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style,
     appearance: 'primary',
     spacing: 'none',

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

@@ -1,6 +1,9 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { N50, N500, N600, N70 } 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 SyntaxHelpContainer = styled.div({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> a': {
     background: "var(--ds-background-neutral-bold, ".concat(N70, ")"),
     borderRadius: '100%',
@@ -11,9 +14,11 @@ export var SyntaxHelpContainer = styled.div({
     '&:focus': {
       background: "var(--ds-background-neutral-bold, ".concat(N70, ")")
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     "&:active, &[data-firefox-is-active='true']": {
       background: "var(--ds-background-neutral-bold-pressed, ".concat(N600, ")")
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&[disabled]': {
       background: "var(--ds-background-disabled, ".concat(N50, ")")
     }

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

@@ -1,21 +1,31 @@
+// 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 { hiddenMixin } from '../../../common/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 HelpContainer = styled.div({
   display: 'flex',
   marginLeft: 'auto',
   marginRight: 0,
   flexShrink: 0,
   padding: "0 ".concat("var(--ds-space-100, 8px)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> * + *': {
     marginLeft: "var(--ds-space-200, 16px)"
   }
-}, function (props) {
-  return props.isVisible ? css({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+function (props) {
+  return props.isVisible ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
     visibility: 'visible',
     opacity: 1,
     transition: 'opacity 250ms cubic-bezier(0.15, 1, 0.3, 1)'
-  }) : css(hiddenMixin, {
+  }) :
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  css(hiddenMixin, {
     opacity: 0
   });
 });

package/dist/esm/ui/jql-editor-footer-content/jql-messages/format/styled.js

@@ -1,9 +1,14 @@
+// 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 MessageContainer = styled.div(function (props) {
   return {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     paddingLeft: props.isSearch ? "var(--ds-space-100, 8px)" : "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 var MessageList = styled.ul({
   margin: 0,
   paddingLeft: "var(--ds-space-300, 24px)"

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

@@ -1,6 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+// 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
 import styled from '@emotion/styled';
 import { B200, B300, G300, N0, N10, N100, N30, N700, N800, N900, P400, R400 } from '@atlaskit/theme/colors';
 import { codeFontFamily, fontFamily, fontSize,
@@ -25,8 +27,10 @@ var fadeOut = keyframes({
   }
 });
 
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation
-export var EditorMain = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* CSS reset */\n  font-family: ", ";\n  font-size: ", "px;\n  flex-grow: 1;\n\n  /* These styles and animations are derived from @atlaskit/tooltip */\n\n  .", " {\n    background-color: ", ";\n    color: ", ";\n    border-radius: ", ";\n    box-sizing: border-box;\n    font-size: 12px;\n    line-height: 1.3;\n    max-width: 240px;\n    padding: ", " ", ";\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    z-index: ", ";\n    pointer-events: none;\n    position: absolute;\n    visibility: hidden;\n\n    /* Horizontally center and vertically position above the target element */\n    transform: translate(-50%, calc(-100% - ", "));\n\n    &.", " {\n      animation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n      visibility: visible;\n    }\n\n    &.", " {\n      animation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n    }\n  }\n"])), fontFamily, fontSize, TOOLTIP_CLASSNAME, "var(--ds-background-neutral-bold, ".concat(N800, ")"), "var(--ds-text-inverse, ".concat(N0, ")"), "var(--ds-border-radius-100, 3px)", "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/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-keyframes -- Ignored via go/DSP-18766
+export var EditorMain = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t/* CSS reset */\n\tfont-family: ", ";\n\tfont-size: ", "px;\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-size: 12px;\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"])), fontFamily(), fontSize(), TOOLTIP_CLASSNAME, "var(--ds-background-neutral-bold, ".concat(N800, ")"), "var(--ds-text-inverse, ".concat(N0, ")"), "var(--ds-border-radius-100, 3px)", "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({
   display: 'flex',
   justifyContent: 'space-between',
@@ -40,6 +44,7 @@ var getEditorInputVerticalPadding = function getEditorInputVerticalPadding(isCom
   return isCompact ? 3 : 7;
 };
 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
 export var EditorViewContainer = styled.div({
   backgroundColor: "var(--ds-background-input, ".concat(N10, ")"),
   borderStyle: 'solid',
@@ -52,35 +57,53 @@ export var EditorViewContainer = styled.div({
   display: 'flex',
   overflow: 'auto',
   transition: 'background-color 0.2s ease-in-out, border-color 0.2s ease-in-out'
-}, function (props) {
-  return props.editorViewIsInvalid && css({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+function (props) {
+  return props.editorViewIsInvalid &&
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
     borderColor: "var(--ds-border-danger, ".concat(R400, ")"),
     boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-danger, ".concat(R400, ")"))
   });
-}, function (props) {
-  return props.editorViewHasFocus ? css({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+function (props) {
+  return props.editorViewHasFocus ?
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
     backgroundColor: "var(--ds-surface, ".concat(N0, ")"),
     borderColor: "var(--ds-border-focused, ".concat(B200, ")"),
     boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, ".concat(B200, ")"))
-  }) : css({
-    ':hover': {
+  }) :
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
+    '&:hover': {
       backgroundColor: "var(--ds-background-input-hovered, ".concat(N30, ")")
     }
   });
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var ReadOnlyEditorViewContainer = styled(EditorViewContainer)({
   backgroundColor: "var(--ds-background-disabled, ".concat(N30, ")"),
   color: "var(--ds-text-disabled, ".concat(N100, ")"),
   pointerEvents: 'none'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var LineNumberToolbar = styled.div({
   backgroundColor: "var(--ds-background-neutral, ".concat(N30, ")"),
   flexShrink: 0,
   width: '30px',
   position: 'sticky',
   top: 0
-}, function (props) {
-  return !props.lineNumbersVisible && css({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+function (props) {
+  return !props.lineNumbersVisible &&
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  css({
     display: 'none'
   });
 });
@@ -88,8 +111,8 @@ export var LineNumberToolbar = styled.div({
 /**
  * The main div which the Prosemirror editor will be rendered into.
  */
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation
-export var EditorView = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  counter-reset: lineNumber;\n  flex-grow: 1;\n\n  transition:\n    height 250ms cubic-bezier(0.15, 1, 0.3, 1),\n    max-height 250ms cubic-bezier(0.15, 1, 0.3, 1);\n  max-height: ", "px;\n\n  line-height: ", ";\n  font-family: ", ";\n  word-break: break-word;\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n\n  &[data-expanded] {\n    height: ", "px;\n    max-height: ", "px;\n  }\n\n  .ProseMirror {\n    color: ", ";\n    padding: ", "px\n      ", "px;\n\n    &:focus {\n      outline: none;\n    }\n\n    .mark-token-keyword {\n      color: ", ";\n    }\n\n    .mark-token-field {\n      color: ", ";\n    }\n\n    .mark-token-operator {\n      color: ", ";\n    }\n\n    .mark-token-error {\n      color: ", ";\n      text-decoration: wavy underline;\n      text-decoration-thickness: 1px;\n      text-decoration-skip-ink: none;\n    }\n  }\n\n  p {\n    margin: 0;\n    counter-increment: lineNumber;\n    position: relative;\n\n    /* Show the current line number before each paragraph block. */\n\n    &::before {\n      content: counter(lineNumber);\n      color: ", ";\n      font-size: 10px;\n      line-height: ", ";\n      padding: 0 ", " 0 ", ";\n      position: absolute;\n      box-sizing: border-box;\n      /* Shift the line number tag 100% (plus 8px padding) to the left to position it inside the LineNumberToolbar */\n      transform: translateX(calc(-100% - ", "));\n\n      /* We can fit 3 digits before ellipses. This is not very responsive but saves us having to add expensive width\n        recalculation logic to the LineNumberToolbar for a scenario that *should* never happen. */\n      max-width: 30px;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n\n      ", "\n    }\n  }\n"])), function (props) {
+// 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 EditorView = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tcounter-reset: lineNumber;\n\tflex-grow: 1;\n\n\ttransition:\n\t\theight 250ms cubic-bezier(0.15, 1, 0.3, 1),\n\t\tmax-height 250ms cubic-bezier(0.15, 1, 0.3, 1);\n\tmax-height: ", "px;\n\n\tline-height: ", ";\n\tfont-family: ", ";\n\tword-break: break-word;\n\toverflow-wrap: anywhere;\n\twhite-space: pre-wrap;\n\n\t&[data-expanded] {\n\t\theight: ", "px;\n\t\tmax-height: ", "px;\n\t}\n\n\t.ProseMirror {\n\t\tcolor: ", ";\n\t\tpadding: ", "px\n\t\t\t", "px;\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t}\n\n\t\t.mark-token-keyword {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-field {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-operator {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-error {\n\t\t\tcolor: ", ";\n\t\t\ttext-decoration: wavy underline;\n\t\t\ttext-decoration-thickness: 1px;\n\t\t\ttext-decoration-skip-ink: none;\n\t\t}\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tcounter-increment: lineNumber;\n\t\tposition: relative;\n\n\t\t/* Show the current line number before each paragraph block. */\n\n\t\t&::before {\n\t\t\tcontent: counter(lineNumber);\n\t\t\tcolor: ", ";\n\t\t\tfont-size: 10px;\n\t\t\tline-height: ", ";\n\t\t\tpadding: 0 ", " 0 ", ";\n\t\t\tposition: absolute;\n\t\t\tbox-sizing: border-box;\n\t\t\t/* Shift the line number tag 100% (plus 8px padding) to the left to position it inside the LineNumberToolbar */\n\t\t\ttransform: translateX(calc(-100% - ", "));\n\n\t\t\t/* We can fit 3 digits before ellipses. This is not very responsive but saves us having to add expensive width\n        recalculation logic to the LineNumberToolbar for a scenario that *should* never happen. */\n\t\t\tmax-width: 30px;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\n\t\t\t", "\n\t\t}\n\t}\n"])), function (props) {
   return rowHeight * props.defaultMaxRows + getEditorInputVerticalPadding(props.isCompact) * 2;
 }, rowHeight / fontSize(), codeFontFamily(), function (props) {
   return rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2;
@@ -99,27 +122,32 @@ export var EditorView = styled.div(_templateObject2 || (_templateObject2 = _tagg
   return getEditorInputVerticalPadding(props.isCompact);
 }, editorInputHorizontalPadding, "var(--ds-text-accent-purple, ".concat(P400, ")"), "var(--ds-text-accent-blue, ".concat(B300, ")"), "var(--ds-text-accent-green, ".concat(G300, ")"), "var(--ds-text-danger, ".concat(R400, ")"), "var(--ds-text-subtlest, ".concat(N100, ")"), 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
-  css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          display: none;\n        "])));
+  css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t\t\t\tdisplay: none;\n\t\t\t\t"])));
 });
 
 // FIXME: convert-props-syntax rule doesn't catch this
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression
-export var ReadOnlyEditorView = styled(EditorView)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  /* We need to replicate padding from the inner prosemirror element in our read only state. That means we also need\n  recompute max height excluding the child padding. */\n  padding: ", "px\n    ", "px;\n  max-height: ", "px;\n\n  > p {\n    /* Prevent collapsing empty paragraphs */\n    min-height: ", "px;\n  }\n"])), function (props) {
+// 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 ReadOnlyEditorView = styled(EditorView)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\t/* We need to replicate padding from the inner prosemirror element in our read only state. That means we also need\n  recompute max height excluding the child padding. */\n\tpadding: ", "px\n\t\t", "px;\n\tmax-height: ", "px;\n\n\t> p {\n\t\t/* Prevent collapsing empty paragraphs */\n\t\tmin-height: ", "px;\n\t}\n"])), function (props) {
   return getEditorInputVerticalPadding(props.isCompact);
 }, editorInputHorizontalPadding, function (props) {
   return rowHeight * props.defaultMaxRows;
 }, rowHeight);
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var EditorControls = styled.div(function (props) {
   return {
     alignItems: 'center',
     display: 'flex',
     flexShrink: 0,
     marginLeft: 'auto',
-    marginRight: "".concat(props.isSearch ? getEditorInputVerticalPadding(props.isCompact) - 1 // the search button needs the same vertical & horizontal spacing
+    marginRight: "".concat(
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    props.isSearch ? getEditorInputVerticalPadding(props.isCompact) - 1 // the search button needs the same vertical & horizontal spacing
     : editorInputHorizontalPadding - 3, "px"),
     lineHeight: 'normal',
     position: 'sticky',
     top: 0,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: "".concat(rowHeight + 2 * getEditorInputVerticalPadding(props.isCompact), "px")
   };
 });

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

@@ -1,4 +1,7 @@
+// 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 StyledTooltipTag = styled.div({
   display: 'flex'
 });

package/dist/types/analytics/index.d.ts

@@ -1,5 +1,5 @@
-export { ANALYTICS_CHANNEL, EventType, useJqlPackageAnalytics, } from '@atlaskit/jql-editor-common';
-export type { AnalyticsAttributes, JqlAnalyticsEvent, } from '@atlaskit/jql-editor-common';
+export { ANALYTICS_CHANNEL, EventType, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
+export type { AnalyticsAttributes, JqlAnalyticsEvent } from '@atlaskit/jql-editor-common';
 export { ActionSubject, ActionSubjectId, Action } from './constants';
 export { JQLEditorAnalyticsListener } from './listener';
 export type { ListenerProps } from './listener';

package/dist/types/analytics/listener/analytics-web-client-wrapper.d.ts

@@ -3,7 +3,7 @@
  * In future if this package is migrated into the Atlassian Frontend repo, then this code and related logic should be
  * moved into @atlaskit/analytics-listeners.
  */
-import { GasPayload, GasScreenEventPayload } from '@atlaskit/analytics-gas-types';
-import Logger from './helpers/logger';
-import { AnalyticsWebClient } from './types';
+import { type GasPayload, type GasScreenEventPayload } from '@atlaskit/analytics-gas-types';
+import type Logger from './helpers/logger';
+import { type AnalyticsWebClient } from './types';
 export declare const sendEvent: (logger: Logger, client?: AnalyticsWebClient | Promise<AnalyticsWebClient>) => (event: GasPayload | GasScreenEventPayload) => void;

package/dist/types/analytics/listener/handle-event.d.ts

@@ -3,7 +3,7 @@
  * In future if this package is migrated into the Atlassian Frontend repo, then this code and related logic should be
  * moved into @atlaskit/analytics-listeners.
  */
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import Logger from './helpers/logger';
-import { AnalyticsWebClient } from './types';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type Logger from './helpers/logger';
+import { type AnalyticsWebClient } from './types';
 export declare const handleEvent: (event: UIAnalyticsEvent, logger: Logger, client?: AnalyticsWebClient | Promise<AnalyticsWebClient>) => void;

package/dist/types/analytics/listener/jql-editor-analytics-listener.d.ts

@@ -3,10 +3,10 @@
  * In future if this package is migrated into the Atlassian Frontend repo, then this code and related logic should be
  * moved into @atlaskit/analytics-listeners.
  */
-import React, { ReactNode } from 'react';
-import { UIAnalyticsEventHandler } from '@atlaskit/analytics-next';
+import React, { type ReactNode } from 'react';
+import { type UIAnalyticsEventHandler } from '@atlaskit/analytics-next';
 import Logger from './helpers/logger';
-import { AnalyticsWebClient } from './types';
+import { type AnalyticsWebClient } from './types';
 export type ListenerProps = {
     children?: ReactNode;
     client?: AnalyticsWebClient | Promise<AnalyticsWebClient>;

package/dist/types/analytics/listener/process-event-payload.d.ts

@@ -3,6 +3,6 @@
  * In future if this package is migrated into the Atlassian Frontend repo, then this code and related logic should be
  * moved into @atlaskit/analytics-listeners.
  */
-import { GasPayload, GasScreenEventPayload } from '@atlaskit/analytics-gas-types';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type GasPayload, type GasScreenEventPayload } from '@atlaskit/analytics-gas-types';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export declare const processEventPayload: (event: UIAnalyticsEvent) => GasPayload | GasScreenEventPayload;

package/dist/types/analytics/listener/types.d.ts

@@ -1,4 +1,4 @@
-import { GasPurePayload, GasPureScreenEventPayload } from '@atlaskit/analytics-gas-types';
+import { type GasPurePayload, type GasPureScreenEventPayload } from '@atlaskit/analytics-gas-types';
 export type AnalyticsWebClient = {
     sendUIEvent: (event: GasPurePayload) => void;
     sendOperationalEvent: (event: GasPurePayload) => void;

package/dist/types/analytics/types.d.ts

@@ -1,3 +1,3 @@
-import { JqlAnalyticsEvent } from '@atlaskit/jql-editor-common';
-import { Action, ActionSubject, ActionSubjectId } from './constants';
+import { type JqlAnalyticsEvent } from '@atlaskit/jql-editor-common';
+import { type Action, type ActionSubject, type ActionSubjectId } from './constants';
 export type JqlEditorAnalyticsEvent = JqlAnalyticsEvent<Action, ActionSubject, ActionSubjectId>;

package/dist/types/analytics/util.d.ts

@@ -1,4 +1,4 @@
-import { Action, ActionSubject, ActionSubjectId } from './constants';
+import { type Action, type ActionSubject, type ActionSubjectId } from './constants';
 export declare const useJqlEditorAnalytics: (analyticsSource: string) => {
     createAndFireAnalyticsEvent: (payload: import("@atlaskit/jql-editor-common").JqlAnalyticsEvent<Action, ActionSubject, ActionSubjectId>) => void;
 };

package/dist/types/async.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { JQLEditorProps } from './ui/types';
+import { type JQLEditorProps } from './ui/types';
 export declare const JQLEditorAsync: (props: JQLEditorProps) => JSX.Element;