@atlaskit/jql-editor 4.3.0 → 4.3.1

package/dist/es2019/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 const AutocompleteContainer = styled.div({
   position: 'absolute',
   backgroundColor: "var(--ds-surface-overlay, white)",
@@ -17,22 +20,30 @@ export const AutocompleteContainer = styled.div({
   },
   marginLeft: "var(--ds-space-negative-100, -8px)",
   marginTop: "var(--ds-space-200, 16px)"
-}, ({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+({
   isOpen
 }) => isOpen ? css({
   visibility: 'visible'
 }) : css({
   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 const 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 const 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 const AutocompleteLoadingFooter = styled.div({
   display: 'flex',
   justifyContent: 'center',
@@ -40,7 +51,9 @@ export const AutocompleteLoadingFooter = styled.div({
   fontStyle: 'italic',
   padding: "var(--ds-space-150, 12px)",
   textAlign: 'center'
-}, ({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+({
   hasOptions
 }) => hasOptions && {
   borderTop: `solid 1px ${`var(--ds-border, ${N40})`}`,

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

@@ -1,24 +1,34 @@
+// 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 const 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 const OptionListItem = styled.li({
   cursor: 'pointer',
   padding: `${"var(--ds-space-075, 6px)"} ${"var(--ds-space-100, 8px)"}`,
   fontFamily: codeFontFamily(),
   lineHeight: '24px'
-}, ({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+({
   isSelected
 }) => isSelected && {
   background: `var(--ds-background-neutral-subtle-hovered, ${N20})`
-}, ({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+({
   isDeprecated
 }) => isDeprecated && {
   cursor: 'default',
   color: `var(--ds-text-disabled, ${N50})`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const OptionName = styled.div({
   color: `var(--ds-text, ${N800})`,
   overflow: 'hidden',
@@ -27,21 +37,29 @@ export const 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 const DeprecatedOptionContainer = styled.div({
   color: `var(--ds-text-disabled, ${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 const 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 const FieldType = styled.div({
   display: 'flex',
   alignItems: 'center',
   marginTop: "var(--ds-space-negative-025, -2px)",
   color: `var(--ds-text-subtlest, ${N100})`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const FieldTypeIcon = styled.span({
   display: 'flex',
   marginRight: "var(--ds-space-050, 4px)"

package/dist/es2019/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 const UserContainer = styled.span({
   display: 'inline-flex',
   alignItems: 'baseline',
@@ -8,12 +11,15 @@ export const UserContainer = styled.span({
   borderRadius: '10px',
   cursor: 'pointer',
   userSelect: 'none'
-}, ({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+({
   selected,
   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, ${N0})`,
         backgroundColor: `var(--ds-background-danger-bold, ${R400})`,
@@ -23,6 +29,7 @@ export const UserContainer = styled.span({
         textDecorationColor: `var(--ds-text-inverse, ${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, ${N0})`,
         backgroundColor: `var(--ds-background-selected, ${N500})`,
@@ -31,6 +38,7 @@ export const 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, ${N500})`,
         backgroundColor: `var(--ds-background-neutral, ${N40})`,
@@ -43,6 +51,7 @@ export const 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, ${N500})`,
         backgroundColor: `var(--ds-background-neutral, ${N40})`,
@@ -53,6 +62,8 @@ export const 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 const NameContainer = styled.span({
   marginLeft: "var(--ds-space-075, 6px)",
   marginRight: "var(--ds-space-100, 8px)",
@@ -60,11 +71,12 @@ export const 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 const 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/es2019/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 const 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 const ExpandToggleContainer = styled.div({
     '&:hover': {
       background: `var(--ds-background-neutral-subtle-hovered, ${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, ${N50})`
     }

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

@@ -20,7 +20,9 @@ export const BaseSearch = ({
   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/es2019/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 const 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, ${N70})`,
     borderRadius: '100%',
@@ -11,9 +14,11 @@ export const SyntaxHelpContainer = styled.div({
     '&:focus': {
       background: `var(--ds-background-neutral-bold, ${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, ${N600})`
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&[disabled]': {
       background: `var(--ds-background-disabled, ${N50})`
     }

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

@@ -1,19 +1,29 @@
+// 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 const HelpContainer = styled.div({
   display: 'flex',
   marginLeft: 'auto',
   marginRight: 0,
   flexShrink: 0,
   padding: `0 ${"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)"
   }
-}, props => props.isVisible ? css({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+props => 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/es2019/ui/jql-editor-footer-content/jql-messages/format/styled.js

@@ -1,7 +1,12 @@
+// 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 MessageContainer = styled.div(props => ({
+  // 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 const MessageList = styled.ul({
   margin: 0,
   paddingLeft: "var(--ds-space-300, 24px)"

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

@@ -1,4 +1,6 @@
+// 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,
@@ -23,44 +25,46 @@ const fadeOut = keyframes({
   }
 });
 
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation
+// 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 const EditorMain = styled.div`
-  /* CSS reset */
-  font-family: ${fontFamily};
-  font-size: ${fontSize}px;
-  flex-grow: 1;
-
-  /* These styles and animations are derived from @atlaskit/tooltip */
-
-  .${TOOLTIP_CLASSNAME} {
-    background-color: ${`var(--ds-background-neutral-bold, ${N800})`};
-    color: ${`var(--ds-text-inverse, ${N0})`};
-    border-radius: ${"var(--ds-border-radius-100, 3px)"};
-    box-sizing: border-box;
-    font-size: 12px;
-    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)"}));
-
-    &.${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);
-    }
-  }
+	/* CSS reset */
+	font-family: ${fontFamily()};
+	font-size: ${fontSize()}px;
+	flex-grow: 1;
+
+	/* These styles and animations are derived from @atlaskit/tooltip */
+
+	.${TOOLTIP_CLASSNAME} {
+		background-color: ${`var(--ds-background-neutral-bold, ${N800})`};
+		color: ${`var(--ds-text-inverse, ${N0})`};
+		border-radius: ${"var(--ds-border-radius-100, 3px)"};
+		box-sizing: border-box;
+		font-size: 12px;
+		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)"}));
+
+		&.${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);
+		}
+	}
 `;
+
+// 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({
   display: 'flex',
   justifyContent: 'space-between',
@@ -72,6 +76,7 @@ const rowHeight = gridSize() * 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-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const EditorViewContainer = styled.div({
   backgroundColor: `var(--ds-background-input, ${N10})`,
   borderStyle: 'solid',
@@ -84,143 +89,166 @@ export const EditorViewContainer = styled.div({
   display: 'flex',
   overflow: 'auto',
   transition: 'background-color 0.2s ease-in-out, border-color 0.2s ease-in-out'
-}, props => props.editorViewIsInvalid && css({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+props => 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, ${R400})`,
   boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${`var(--ds-border-danger, ${R400})`}`
-}), props => props.editorViewHasFocus ? css({
+}),
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+props => props.editorViewHasFocus ?
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+css({
   backgroundColor: `var(--ds-surface, ${N0})`,
   borderColor: `var(--ds-border-focused, ${B200})`,
   boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${`var(--ds-border-focused, ${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, ${N30})`
   }
 }));
+
+// 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)({
   backgroundColor: `var(--ds-background-disabled, ${N30})`,
   color: `var(--ds-text-disabled, ${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 const LineNumberToolbar = styled.div({
   backgroundColor: `var(--ds-background-neutral, ${N30})`,
   flexShrink: 0,
   width: '30px',
   position: 'sticky',
   top: 0
-}, props => !props.lineNumbersVisible && css({
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+props => !props.lineNumbersVisible &&
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+css({
   display: 'none'
 }));
 
 /**
  * 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
+// 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;
-
-  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 / fontSize()};
-  font-family: ${codeFontFamily()};
-  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;
-  }
-
-  .ProseMirror {
-    color: ${`var(--ds-text, ${N700})`};
-    padding: ${props => getEditorInputVerticalPadding(props.isCompact)}px
-      ${editorInputHorizontalPadding}px;
-
-    &:focus {
-      outline: none;
-    }
-
-    .mark-token-keyword {
-      color: ${`var(--ds-text-accent-purple, ${P400})`};
-    }
-
-    .mark-token-field {
-      color: ${`var(--ds-text-accent-blue, ${B300})`};
-    }
-
-    .mark-token-operator {
-      color: ${`var(--ds-text-accent-green, ${G300})`};
-    }
-
-    .mark-token-error {
-      color: ${`var(--ds-text-danger, ${R400})`};
-      text-decoration: wavy underline;
-      text-decoration-thickness: 1px;
-      text-decoration-skip-ink: none;
-    }
-  }
-
-  p {
-    margin: 0;
-    counter-increment: lineNumber;
-    position: relative;
-
-    /* Show the current line number before each paragraph block. */
-
-    &::before {
-      content: counter(lineNumber);
-      color: ${`var(--ds-text-subtlest, ${N100})`};
-      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
+	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 / fontSize()};
+	font-family: ${codeFontFamily()};
+	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;
+	}
+
+	.ProseMirror {
+		color: ${`var(--ds-text, ${N700})`};
+		padding: ${props => getEditorInputVerticalPadding(props.isCompact)}px
+			${editorInputHorizontalPadding}px;
+
+		&:focus {
+			outline: none;
+		}
+
+		.mark-token-keyword {
+			color: ${`var(--ds-text-accent-purple, ${P400})`};
+		}
+
+		.mark-token-field {
+			color: ${`var(--ds-text-accent-blue, ${B300})`};
+		}
+
+		.mark-token-operator {
+			color: ${`var(--ds-text-accent-green, ${G300})`};
+		}
+
+		.mark-token-error {
+			color: ${`var(--ds-text-danger, ${R400})`};
+			text-decoration: wavy underline;
+			text-decoration-thickness: 1px;
+			text-decoration-skip-ink: none;
+		}
+	}
+
+	p {
+		margin: 0;
+		counter-increment: lineNumber;
+		position: relative;
+
+		/* Show the current line number before each paragraph block. */
+
+		&::before {
+			content: counter(lineNumber);
+			color: ${`var(--ds-text-subtlest, ${N100})`};
+			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
         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
+// 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
+	/* 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;
-  }
+	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-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const EditorControls = styled.div(props => ({
   alignItems: 'center',
   display: 'flex',
   flexShrink: 0,
   marginLeft: 'auto',
-  marginRight: `${props.isSearch ? getEditorInputVerticalPadding(props.isCompact) - 1 // the search button needs the same vertical & horizontal spacing
+  marginRight: `${
+  // 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: `${rowHeight + 2 * getEditorInputVerticalPadding(props.isCompact)}px`
 }));