@atlaskit/eslint-plugin-design-system 8.26.0 → 8.28.0

package/dist/esm/rules/{no-css-tagged-template-expression → utils}/create-no-tagged-template-expression-rule/to-arguments.js

@@ -49,7 +49,30 @@ var getArguments = function getArguments(chars) {
     }
   }
   var getValue = function getValue() {
-    if (!value.trim().length && expressions.length) {
+    /**
+     * This branch is required for handling interpolated functions:
+     *
+     * css`
+     *   color: ${(props) => props.textColor}
+     * `
+     *
+     * But it also breaks interpolations of multiple tokens:
+     *
+     * css`
+     *   padding: ${token('space.100')} ${token('space.200')}
+     * `
+     *
+     * which becomes invalid syntax:
+     *
+     * css({
+     *   padding: token('space.100')token('space.200')
+     * })
+     *
+     * Limiting this branch to when `expressions.length === 1` seems
+     * to allow both cases to work. There may be other edge cases,
+     * but none were caught by the existing test suite.
+     */
+    if (!value.trim().length && expressions.length === 1) {
       return {
         type: 'expression',
         expression: expressions.map(function (e) {
@@ -177,7 +200,10 @@ export var toArguments = function toArguments(source, template) {
         i = _step4$value[0],
         quasi = _step4$value[1];
       // Deal with selectors across multiple lines
-      var styleTemplateElement = quasi.value.raw.replace(/(\r\n|\n|\r)/gm, ' ').replace(/\s+/g, ' ');
+      var styleTemplateElement = quasi.value.raw.replace(/\/\*(.|\n|\r)*?\*\//g, '') // Removes multi-line comments
+      // Remove single line comments
+      // Negative lookbehind to handle URL-like double slashes
+      .replace(/(?<!https?:)\/\/.*$/gm, '').replace(/(\r\n|\n|\r)/gm, ' ').replace(/\s+/g, ' ');
       var _iterator5 = _createForOfIteratorHelper(styleTemplateElement),
         _step5;
       try {

package/dist/esm/rules/utils/create-rule.js

@@ -11,7 +11,7 @@ import { ESLintUtils } from '@typescript-eslint/utils';
  * @deprecated
  */
 export var createRule = ESLintUtils.RuleCreator(function (name) {
-  return "https://atlassian.design/components/eslint-plugin-design-system/usage#".concat(name);
+  return getRuleUrl(name);
 });
 /**
  * Tiny wrapped over the ESLint rule module type that ensures
@@ -19,8 +19,10 @@ export var createRule = ESLintUtils.RuleCreator(function (name) {
  * as well as improving type support.
  */
 export var createLintRule = function createLintRule(rule) {
-  var ruleName = rule.meta.name.replace('/', ''); // If it's a nested rule, ensure the url is clean
-  var url = "https://atlassian.design/components/eslint-plugin-design-system/usage#".concat(ruleName);
-  rule.meta.docs.url = url;
+  rule.meta.docs.url = getRuleUrl(rule.meta.name);
   return rule;
-};
+};
+function getRuleUrl(ruleName) {
+  var name = ruleName.replace('/', '-'); // If it's a nested rule, ensure the url is clean and matches codegen/gatsby
+  return "https://atlassian.design/components/eslint-plugin-design-system/".concat(name, "/usage");
+}

package/dist/esm/rules/utils/get-first-supported-import.js

@@ -0,0 +1,22 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+/**
+ * Get the first import declaration in the file that matches any of the packages
+ * in `importSources`.
+ *
+ * @param context Rule context.
+ * @param importSources The packages to check import statements for. If importSources
+ *                      contains more than one package, the first import statement
+ *                      detected in the file that matches any of the packages will be
+ *                      returned.
+ * @returns The first import declaration found in the file.
+ */
+export var getFirstSupportedImport = function getFirstSupportedImport(context, importSources) {
+  var isSupportedImport = function isSupportedImport(node) {
+    return isNodeOfType(node, 'ImportDeclaration') && typeof node.source.value === 'string' && importSources.includes(node.source.value);
+  };
+  var source = context.getSourceCode();
+  var supportedImports = source.ast.body.filter(isSupportedImport);
+  if (supportedImports.length) {
+    return supportedImports[0];
+  }
+};

package/dist/esm/rules/utils/is-supported-import.js

@@ -1,26 +1,25 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 // eslint-disable-next-line import/no-extraneous-dependencies
 
 export var CSS_IN_JS_IMPORTS = {
   compiled: '@compiled/react',
   emotionReact: '@emotion/react',
   emotionCore: '@emotion/core',
+  emotionStyled: '@emotion/styled',
   styledComponents: 'styled-components',
-  atlaskitCss: '@atlaskit/css'
+  atlaskitCss: '@atlaskit/css',
+  atlaskitPrimitives: '@atlaskit/primitives'
 };
 
 // A CSS-in-JS library an import of a valid css, cx, cssMap, etc.
 // function might originate from, e.g. @compiled/react, @emotion/core.
-// All ESLint rules originating from `@compiled/eslint-plugin` should apply to these libraries.
-export var DEFAULT_IMPORT_SOURCES = [CSS_IN_JS_IMPORTS.compiled, CSS_IN_JS_IMPORTS.atlaskitCss];
+/**
+ * By default all known import sources are checked against.
+ */
+export var DEFAULT_IMPORT_SOURCES = Object.values(CSS_IN_JS_IMPORTS);
 
 /**
  * Given the ESLint rule context, extract and parse the value of the importSources rule option.
- * The importSources option is used to define additional libraries for which an ESLint rule
- * should apply to.
- *
- * Note that `@compiled/react` and `@atlaskit/css` are always included in importSources, regardless
- * of what importSources is configured to by the user.
+ * The importSources option is used to override which libraries an ESLint rule applies to.
  *
  * @param context The rule context.
  * @returns An array of strings representing what CSS-in-JS packages that should be checked, based
@@ -32,7 +31,7 @@ export var getImportSources = function getImportSources(context) {
     return DEFAULT_IMPORT_SOURCES;
   }
   if (options[0].importSources && Array.isArray(options[0].importSources)) {
-    return [].concat(DEFAULT_IMPORT_SOURCES, _toConsumableArray(options[0].importSources));
+    return options[0].importSources;
   }
   return DEFAULT_IMPORT_SOURCES;
 };

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

@@ -17,9 +17,11 @@ export declare const configs: {
             '@atlaskit/design-system/no-exported-css': string;
             '@atlaskit/design-system/no-exported-keyframes': string;
             '@atlaskit/design-system/no-invalid-css-map': string;
+            '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
             '@atlaskit/design-system/no-margin': string;
             '@atlaskit/design-system/no-nested-styles': string;
             '@atlaskit/design-system/no-physical-properties': string;
+            '@atlaskit/design-system/no-styled-tagged-template-expression': string;
             '@atlaskit/design-system/no-unsafe-design-token-usage': string;
             '@atlaskit/design-system/no-unsafe-style-overrides': string;
             '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': string;

package/dist/types/presets/all.codegen.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::914085544778f4543f43e3e30d0982e0>>
+ * @codegen <<SignedSource::5647ce9c10ba880cffece66b5924fd6e>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -20,9 +20,11 @@ declare const _default: {
         '@atlaskit/design-system/no-exported-css': string;
         '@atlaskit/design-system/no-exported-keyframes': string;
         '@atlaskit/design-system/no-invalid-css-map': string;
+        '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
         '@atlaskit/design-system/no-margin': string;
         '@atlaskit/design-system/no-nested-styles': string;
         '@atlaskit/design-system/no-physical-properties': string;
+        '@atlaskit/design-system/no-styled-tagged-template-expression': string;
         '@atlaskit/design-system/no-unsafe-design-token-usage': string;
         '@atlaskit/design-system/no-unsafe-style-overrides': string;
         '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': string;

package/dist/types/rules/consistent-css-prop-usage/types.d.ts

@@ -1,4 +1,9 @@
+import type { ImportSource } from '../utils/is-supported-import';
 export type RuleConfig = {
-    cssFunctions?: string[];
-    stylesPlacement?: 'top' | 'bottom';
+    cssFunctions: string[];
+    stylesPlacement: 'top' | 'bottom';
+    cssImportSource: ImportSource;
+    xcssImportSource: ImportSource;
+    excludeReactComponents: boolean;
+    fixNamesOnly: boolean;
 };

package/dist/types/rules/index.codegen.d.ts

@@ -17,9 +17,11 @@ declare const _default: {
     'no-exported-css': import("eslint").Rule.RuleModule;
     'no-exported-keyframes': import("eslint").Rule.RuleModule;
     'no-invalid-css-map': import("eslint").Rule.RuleModule;
+    'no-keyframes-tagged-template-expression': import("eslint").Rule.RuleModule;
     'no-margin': import("eslint").Rule.RuleModule;
     'no-nested-styles': import("eslint").Rule.RuleModule;
     'no-physical-properties': import("eslint").Rule.RuleModule;
+    'no-styled-tagged-template-expression': import("eslint").Rule.RuleModule;
     'no-unsafe-design-token-usage': import("eslint").Rule.RuleModule;
     'no-unsafe-style-overrides': import("eslint").Rule.RuleModule;
     'no-unsupported-drag-and-drop-libraries': import("eslint").Rule.RuleModule;

package/dist/types/rules/no-keyframes-tagged-template-expression/index.d.ts

@@ -0,0 +1,2 @@
+declare const rule: import("eslint").Rule.RuleModule;
+export default rule;

package/dist/types/rules/no-styled-tagged-template-expression/index.d.ts

@@ -0,0 +1,2 @@
+declare const rule: import("eslint").Rule.RuleModule;
+export default rule;

package/dist/types/rules/no-styled-tagged-template-expression/is-styled.d.ts

@@ -0,0 +1,7 @@
+import type { Scope } from 'eslint';
+import type { CallExpression } from 'estree';
+import { ImportSource } from '../utils/is-supported-import';
+type Callee = CallExpression['callee'];
+type Reference = Scope.Reference;
+export declare const isStyled: (nodeToCheck: Callee, referencesInScope: Reference[], importSources: ImportSource[]) => boolean;
+export {};

package/dist/types/rules/use-primitives/utils/update-jsx-attribute-by-name.d.ts

@@ -1,3 +1,3 @@
 import type { Rule } from 'eslint';
 import { JSXElement } from 'eslint-codemod-utils';
-export declare const updateJSXAttributeByName: (oldName: string, newName: string, node: JSXElement, fixer: Rule.RuleFixer) => never[] | Rule.Fix;
+export declare const updateJSXAttributeByName: (oldName: string, newName: string, node: JSXElement, fixer: Rule.RuleFixer) => Rule.Fix | never[];

package/dist/types/rules/{no-css-tagged-template-expression → utils}/create-no-tagged-template-expression-rule/index.d.ts

@@ -1,5 +1,7 @@
+import type { JSONSchema4 } from '@typescript-eslint/utils/dist/json-schema';
 import type { Rule } from 'eslint';
-import { SupportedNameChecker } from '../../utils/is-supported-import';
+import { SupportedNameChecker } from '../is-supported-import';
 type RuleModule = Rule.RuleModule;
+export declare const noTaggedTemplateExpressionRuleSchema: JSONSchema4;
 export declare const createNoTaggedTemplateExpressionRule: (isUsage: SupportedNameChecker, messageId: string) => RuleModule['create'];
 export {};

package/dist/types/rules/{no-css-tagged-template-expression → utils}/create-no-tagged-template-expression-rule/types.d.ts

@@ -23,3 +23,6 @@ export type DeclarationBlock = {
     blocks: Block[];
 };
 export type Argument = Expression | DeclarationBlock;
+export type RuleConfig = {
+    importSources?: string[];
+};

package/dist/types/rules/utils/get-first-supported-import.d.ts

@@ -0,0 +1,17 @@
+import type { Rule } from 'eslint';
+import { ImportDeclaration } from 'eslint-codemod-utils';
+import { ImportSource } from './is-supported-import';
+type RuleContext = Rule.RuleContext;
+/**
+ * Get the first import declaration in the file that matches any of the packages
+ * in `importSources`.
+ *
+ * @param context Rule context.
+ * @param importSources The packages to check import statements for. If importSources
+ *                      contains more than one package, the first import statement
+ *                      detected in the file that matches any of the packages will be
+ *                      returned.
+ * @returns The first import declaration found in the file.
+ */
+export declare const getFirstSupportedImport: (context: RuleContext, importSources: ImportSource[]) => ImportDeclaration | undefined;
+export {};

package/dist/types/rules/utils/is-supported-import.d.ts

@@ -6,19 +6,20 @@ export declare const CSS_IN_JS_IMPORTS: {
     readonly compiled: "@compiled/react";
     readonly emotionReact: "@emotion/react";
     readonly emotionCore: "@emotion/core";
+    readonly emotionStyled: "@emotion/styled";
     readonly styledComponents: "styled-components";
     readonly atlaskitCss: "@atlaskit/css";
+    readonly atlaskitPrimitives: "@atlaskit/primitives";
 };
 export type ImportSource = string;
 export type SupportedNameChecker = (nodeToCheck: Callee, referencesInScope: Reference[], importSources: ImportSource[]) => boolean;
+/**
+ * By default all known import sources are checked against.
+ */
 export declare const DEFAULT_IMPORT_SOURCES: ImportSource[];
 /**
  * Given the ESLint rule context, extract and parse the value of the importSources rule option.
- * The importSources option is used to define additional libraries for which an ESLint rule
- * should apply to.
- *
- * Note that `@compiled/react` and `@atlaskit/css` are always included in importSources, regardless
- * of what importSources is configured to by the user.
+ * The importSources option is used to override which libraries an ESLint rule applies to.
  *
  * @param context The rule context.
  * @returns An array of strings representing what CSS-in-JS packages that should be checked, based

package/dist/types-ts4.5/index.codegen.d.ts

@@ -17,9 +17,11 @@ export declare const configs: {
             '@atlaskit/design-system/no-exported-css': string;
             '@atlaskit/design-system/no-exported-keyframes': string;
             '@atlaskit/design-system/no-invalid-css-map': string;
+            '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
             '@atlaskit/design-system/no-margin': string;
             '@atlaskit/design-system/no-nested-styles': string;
             '@atlaskit/design-system/no-physical-properties': string;
+            '@atlaskit/design-system/no-styled-tagged-template-expression': string;
             '@atlaskit/design-system/no-unsafe-design-token-usage': string;
             '@atlaskit/design-system/no-unsafe-style-overrides': string;
             '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': string;

package/dist/types-ts4.5/presets/all.codegen.d.ts

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::914085544778f4543f43e3e30d0982e0>>
+ * @codegen <<SignedSource::5647ce9c10ba880cffece66b5924fd6e>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -20,9 +20,11 @@ declare const _default: {
         '@atlaskit/design-system/no-exported-css': string;
         '@atlaskit/design-system/no-exported-keyframes': string;
         '@atlaskit/design-system/no-invalid-css-map': string;
+        '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
         '@atlaskit/design-system/no-margin': string;
         '@atlaskit/design-system/no-nested-styles': string;
         '@atlaskit/design-system/no-physical-properties': string;
+        '@atlaskit/design-system/no-styled-tagged-template-expression': string;
         '@atlaskit/design-system/no-unsafe-design-token-usage': string;
         '@atlaskit/design-system/no-unsafe-style-overrides': string;
         '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': string;

package/dist/types-ts4.5/rules/consistent-css-prop-usage/types.d.ts

@@ -1,4 +1,9 @@
+import type { ImportSource } from '../utils/is-supported-import';
 export type RuleConfig = {
-    cssFunctions?: string[];
-    stylesPlacement?: 'top' | 'bottom';
+    cssFunctions: string[];
+    stylesPlacement: 'top' | 'bottom';
+    cssImportSource: ImportSource;
+    xcssImportSource: ImportSource;
+    excludeReactComponents: boolean;
+    fixNamesOnly: boolean;
 };

package/dist/types-ts4.5/rules/index.codegen.d.ts

@@ -21,9 +21,11 @@ declare const _default: {
     'no-exported-css': import("eslint").Rule.RuleModule;
     'no-exported-keyframes': import("eslint").Rule.RuleModule;
     'no-invalid-css-map': import("eslint").Rule.RuleModule;
+    'no-keyframes-tagged-template-expression': import("eslint").Rule.RuleModule;
     'no-margin': import("eslint").Rule.RuleModule;
     'no-nested-styles': import("eslint").Rule.RuleModule;
     'no-physical-properties': import("eslint").Rule.RuleModule;
+    'no-styled-tagged-template-expression': import("eslint").Rule.RuleModule;
     'no-unsafe-design-token-usage': import("eslint").Rule.RuleModule;
     'no-unsafe-style-overrides': import("eslint").Rule.RuleModule;
     'no-unsupported-drag-and-drop-libraries': import("eslint").Rule.RuleModule;

package/dist/types-ts4.5/rules/no-keyframes-tagged-template-expression/index.d.ts

@@ -0,0 +1,2 @@
+declare const rule: import("eslint").Rule.RuleModule;
+export default rule;

package/dist/types-ts4.5/rules/no-styled-tagged-template-expression/index.d.ts

@@ -0,0 +1,2 @@
+declare const rule: import("eslint").Rule.RuleModule;
+export default rule;

package/dist/types-ts4.5/rules/no-styled-tagged-template-expression/is-styled.d.ts

@@ -0,0 +1,7 @@
+import type { Scope } from 'eslint';
+import type { CallExpression } from 'estree';
+import { ImportSource } from '../utils/is-supported-import';
+type Callee = CallExpression['callee'];
+type Reference = Scope.Reference;
+export declare const isStyled: (nodeToCheck: Callee, referencesInScope: Reference[], importSources: ImportSource[]) => boolean;
+export {};

package/dist/types-ts4.5/rules/use-primitives/utils/update-jsx-attribute-by-name.d.ts

@@ -1,3 +1,3 @@
 import type { Rule } from 'eslint';
 import { JSXElement } from 'eslint-codemod-utils';
-export declare const updateJSXAttributeByName: (oldName: string, newName: string, node: JSXElement, fixer: Rule.RuleFixer) => never[] | Rule.Fix;
+export declare const updateJSXAttributeByName: (oldName: string, newName: string, node: JSXElement, fixer: Rule.RuleFixer) => Rule.Fix | never[];

package/dist/types-ts4.5/rules/{no-css-tagged-template-expression → utils}/create-no-tagged-template-expression-rule/index.d.ts

@@ -1,5 +1,7 @@
+import type { JSONSchema4 } from '@typescript-eslint/utils/dist/json-schema';
 import type { Rule } from 'eslint';
-import { SupportedNameChecker } from '../../utils/is-supported-import';
+import { SupportedNameChecker } from '../is-supported-import';
 type RuleModule = Rule.RuleModule;
+export declare const noTaggedTemplateExpressionRuleSchema: JSONSchema4;
 export declare const createNoTaggedTemplateExpressionRule: (isUsage: SupportedNameChecker, messageId: string) => RuleModule['create'];
 export {};

package/dist/types-ts4.5/rules/{no-css-tagged-template-expression → utils}/create-no-tagged-template-expression-rule/types.d.ts

@@ -23,3 +23,6 @@ export type DeclarationBlock = {
     blocks: Block[];
 };
 export type Argument = Expression | DeclarationBlock;
+export type RuleConfig = {
+    importSources?: string[];
+};

package/dist/types-ts4.5/rules/utils/get-first-supported-import.d.ts

@@ -0,0 +1,17 @@
+import type { Rule } from 'eslint';
+import { ImportDeclaration } from 'eslint-codemod-utils';
+import { ImportSource } from './is-supported-import';
+type RuleContext = Rule.RuleContext;
+/**
+ * Get the first import declaration in the file that matches any of the packages
+ * in `importSources`.
+ *
+ * @param context Rule context.
+ * @param importSources The packages to check import statements for. If importSources
+ *                      contains more than one package, the first import statement
+ *                      detected in the file that matches any of the packages will be
+ *                      returned.
+ * @returns The first import declaration found in the file.
+ */
+export declare const getFirstSupportedImport: (context: RuleContext, importSources: ImportSource[]) => ImportDeclaration | undefined;
+export {};

package/dist/types-ts4.5/rules/utils/is-supported-import.d.ts

@@ -6,19 +6,20 @@ export declare const CSS_IN_JS_IMPORTS: {
     readonly compiled: "@compiled/react";
     readonly emotionReact: "@emotion/react";
     readonly emotionCore: "@emotion/core";
+    readonly emotionStyled: "@emotion/styled";
     readonly styledComponents: "styled-components";
     readonly atlaskitCss: "@atlaskit/css";
+    readonly atlaskitPrimitives: "@atlaskit/primitives";
 };
 export type ImportSource = string;
 export type SupportedNameChecker = (nodeToCheck: Callee, referencesInScope: Reference[], importSources: ImportSource[]) => boolean;
+/**
+ * By default all known import sources are checked against.
+ */
 export declare const DEFAULT_IMPORT_SOURCES: ImportSource[];
 /**
  * Given the ESLint rule context, extract and parse the value of the importSources rule option.
- * The importSources option is used to define additional libraries for which an ESLint rule
- * should apply to.
- *
- * Note that `@compiled/react` and `@atlaskit/css` are always included in importSources, regardless
- * of what importSources is configured to by the user.
+ * The importSources option is used to override which libraries an ESLint rule applies to.
  *
  * @param context The rule context.
  * @returns An array of strings representing what CSS-in-JS packages that should be checked, based

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@atlaskit/eslint-plugin-design-system",
   "description": "The essential plugin for use with the Atlassian Design System.",
-  "version": "8.26.0",
+  "version": "8.28.0",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,6 +41,7 @@
     "@typescript-eslint/utils": "^5.48.1",
     "ajv": "^6.12.6",
     "eslint-codemod-utils": "^1.8.6",
+    "estraverse": "^5.3.0",
     "lodash": "^4.17.21",
     "semver": "^7.5.2"
   },
@@ -53,6 +54,7 @@
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.0.0",
     "@types/eslint": "^8.4.5",
+    "@types/estraverse": "^5.1.7",
     "eslint": "^7.7.0",
     "jscodeshift": "^0.13.0",
     "outdent": "^0.5.0",

package/dist/es2019/rules/no-css-tagged-template-expression/create-no-tagged-template-expression-rule/index.js

@@ -1,62 +0,0 @@
-// Original source from Compiled https://github.com/atlassian-labs/compiled/blob/master/packages/eslint-plugin/src/utils/create-no-tagged-template-expression-rule/index.ts
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-import { CSS_IN_JS_IMPORTS } from '../../utils/is-supported-import';
-import { generate } from './generate';
-import { getTaggedTemplateExpressionOffset } from './get-tagged-template-expression-offset';
-import { toArguments } from './to-arguments';
-const IMPORT_SOURCES = [CSS_IN_JS_IMPORTS.compiled, CSS_IN_JS_IMPORTS.emotionReact, CSS_IN_JS_IMPORTS.emotionCore, CSS_IN_JS_IMPORTS.styledComponents];
-export const createNoTaggedTemplateExpressionRule = (isUsage, messageId) => context => ({
-  TaggedTemplateExpression(node) {
-    const {
-      references
-    } = context.getScope();
-    if (!isUsage(node.tag, references, IMPORT_SOURCES)) {
-      return;
-    }
-    context.report({
-      messageId,
-      node,
-      *fix(fixer) {
-        const {
-          quasi
-        } = node;
-        const source = context.getSourceCode();
-
-        // TODO Eventually handle comments instead of skipping them
-        // Skip auto-fixing comments
-        if (quasi.quasis.map(q => q.value.raw).join('').match(/\/\*[\s\S]*\*\//g)) {
-          return;
-        }
-
-        // Replace empty tagged template expression with the equivalent object call expression
-        if (!quasi.expressions.length && quasi.quasis.length === 1 && !quasi.quasis[0].value.raw.trim()) {
-          yield fixer.replaceText(quasi, '({})');
-          return;
-        }
-        const args = toArguments(source, quasi);
-
-        // Skip invalid CSS
-        if (args.length < 1) {
-          return;
-        }
-        const oldCode = source.getText(node);
-        // Remove quasi:
-        // styled.div<Props>`
-        //    color: red;
-        // `
-        // becomes
-        // styled.div<Props>
-        const withoutQuasi = oldCode.replace(source.getText(quasi), '');
-        const newCode = withoutQuasi +
-        // Indent the arguments after the tagged template expression range
-        generate(args, getTaggedTemplateExpressionOffset(node));
-        if (oldCode === newCode) {
-          return;
-        }
-        yield fixer.insertTextBefore(node, newCode);
-        yield fixer.remove(node);
-      }
-    });
-  }
-});