@atlaskit/eslint-plugin-design-system 8.23.2 → 8.23.4

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::d1a459e1ea71650f65b2890dc86cc398>>
+ * @codegen <<SignedSource::5026ba2cb55b3c1bcacbfe7fb7728a6c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -10,6 +10,7 @@ declare const _default: {
         '@atlaskit/design-system/ensure-design-token-usage': string;
         '@atlaskit/design-system/ensure-design-token-usage/preview': string;
         '@atlaskit/design-system/icon-label': string;
+        '@atlaskit/design-system/local-cx-xcss': string;
         '@atlaskit/design-system/no-banned-imports': string;
         '@atlaskit/design-system/no-css-tagged-template-expression': string;
         '@atlaskit/design-system/no-deprecated-apis': string;

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3b93cfbbe0ea14514b9600509632394b>>
+ * @codegen <<SignedSource::839224bfab98c1ddf6018dec5320968e>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -9,6 +9,7 @@ declare const _default: {
         '@atlaskit/design-system/consistent-css-prop-usage': string;
         '@atlaskit/design-system/ensure-design-token-usage': string;
         '@atlaskit/design-system/icon-label': string;
+        '@atlaskit/design-system/local-cx-xcss': string;
         '@atlaskit/design-system/no-banned-imports': string;
         '@atlaskit/design-system/no-deprecated-apis': string;
         '@atlaskit/design-system/no-deprecated-design-token-usage': string;

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

@@ -3,6 +3,7 @@ declare const _default: {
     'ensure-design-token-usage': import("eslint").Rule.RuleModule;
     'ensure-design-token-usage/preview': import("eslint").Rule.RuleModule;
     'icon-label': import("eslint").Rule.RuleModule;
+    'local-cx-xcss': import("eslint").Rule.RuleModule;
     'no-banned-imports': import("eslint").Rule.RuleModule;
     'no-css-tagged-template-expression': import("eslint").Rule.RuleModule;
     'no-deprecated-apis': import("@typescript-eslint/utils/dist/ts-eslint/Rule").RuleModule<string, [

package/dist/types-ts4.5/rules/local-cx-xcss/index.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from 'eslint';
+export declare const rule: Rule.RuleModule;
+export default rule;

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

@@ -1,6 +1,5 @@
-import type { Rule, Scope } from 'eslint';
-type Node = Rule.Node;
-type Reference = Scope.Reference;
+import type { Rule } from 'eslint';
+import { SupportedNameChecker } from '../../utils/is-supported-import';
 type RuleModule = Rule.RuleModule;
-export declare const createNoTaggedTemplateExpressionRule: (isUsage: (node: Node, references: Reference[]) => boolean, messageId: string) => RuleModule['create'];
+export declare const createNoTaggedTemplateExpressionRule: (isUsage: SupportedNameChecker, messageId: string) => RuleModule['create'];
 export {};

package/dist/types-ts4.5/rules/use-primitives/transformers/compiled-styled/convert-jsx-call-site.d.ts

@@ -0,0 +1,17 @@
+import type { Rule } from 'eslint';
+import { JSXElement } from 'eslint-codemod-utils';
+/**
+ * Transforms a JSXElement from:
+ * ```
+ *   <div>
+ *     // ...
+ *   </div>
+ * ```
+ * to
+ * ```
+ *   <Box xcss={myStyles}>
+ *     // ...
+ *   </Box>
+ * ```
+ */
+export declare const convertJsxCallSite: (jsxElement: JSXElement, newStylesVariableName: string, fixer: Rule.RuleFixer) => Rule.Fix[];

package/dist/types-ts4.5/rules/use-primitives/transformers/compiled-styled/convert-styled-component-call-to-jsx.d.ts

@@ -0,0 +1,17 @@
+import type { Rule } from 'eslint';
+import { VariableDeclarator } from 'eslint-codemod-utils';
+/**
+ * Transforms a variable like:
+ * ```
+ * const MyComponent = styled.div({
+ *   padding: '8px',
+ * })
+ * ```
+ * to
+ * ```
+ * const myComponentStyles = xcss({
+ *   padding: 'space.100',
+ * })
+ * ```
+ */
+export declare const convertStyledComponentToXcss: (styles: VariableDeclarator, newStylesVariableName: string, fixer: Rule.RuleFixer) => (Rule.Fix | undefined)[];

package/dist/types-ts4.5/rules/use-primitives/transformers/compiled-styled/index.d.ts

@@ -0,0 +1,25 @@
+import type { Rule } from 'eslint';
+import { JSXElement, VariableDeclarator } from 'eslint-codemod-utils';
+import { RuleConfig } from '../../config';
+interface MetaData {
+    context: Rule.RuleContext;
+    config: RuleConfig;
+}
+interface Refs {
+    styles: VariableDeclarator;
+    jsxElement: JSXElement;
+}
+type Check = {
+    success: boolean;
+    refs?: Refs;
+};
+export declare const CompiledStyled: {
+    lint(node: Rule.Node, { context, config }: MetaData): void;
+    _check(node: Rule.Node, { context, config }: MetaData): Check;
+    /**
+     * All required validation steps have been taken care of before this
+     * transformer is called, so it just goes ahead providing all necessary fixes
+     */
+    _fix(refs: Refs, context: Rule.RuleContext): (fixer: Rule.RuleFixer) => Rule.Fix[];
+};
+export {};

package/dist/types-ts4.5/rules/use-primitives/transformers/compiled-styled/supported.d.ts

@@ -0,0 +1,2 @@
+export declare const elements: string[];
+export declare const attributes: string[];

package/dist/types-ts4.5/rules/use-primitives/transformers/compiled-styled/upsert-import-declaration.d.ts

@@ -0,0 +1,14 @@
+import type { Rule } from 'eslint';
+/**
+ * Currently this is defined here because it's not very general purpose.
+ * If we were to move this to `ast-nodes`, half the implementation would be in `Root`,
+ * and the other half would be in `Import`.
+ *
+ * TODO: Refactor and move to `ast-nodes`
+ *
+ * Note: It does not handle default imports, namespace imports, or aliased imports.
+ */
+export declare const upsertImportDeclaration: ({ module, specifiers, }: {
+    module: string;
+    specifiers: string[];
+}, context: Rule.RuleContext, fixer: Rule.RuleFixer) => Rule.Fix | undefined;

package/dist/types-ts4.5/rules/use-primitives/transformers/emotion-css/contains-only-supported-attrs.d.ts

@@ -0,0 +1,7 @@
+import { JSXElement } from 'eslint-codemod-utils';
+/**
+ * Check that every attribute in the JSXElement is something we support.
+ * We do this via a whitelist in `this.attributes`. The result is we exclude
+ * dangerous attrs like `id` and `style`.
+ */
+export declare const containsOnlySupportedAttrs: (node: JSXElement) => boolean;

package/dist/types-ts4.5/rules/use-primitives/transformers/emotion-css/index.d.ts

@@ -12,24 +12,5 @@ export declare const EmotionCSS: {
     _fix(node: JSXElement, { context }: {
         context: Rule.RuleContext;
     }): FixFunction;
-    /**
-     * Check that every attribute in the JSXElement is something we support.
-     * We do this via a whitelist in `this.attributes`. The result is we exclude
-     * dangerous attrs like `id` and `style`.
-     */
-    _containsOnlySupportedAttributes(node: JSXElement): boolean;
-    /**
-     * Currently this is defined here because it's not very general purpose.
-     * If we were to move this to `ast-nodes`, half the implementation would be in `Root`,
-     * and the other half would be in `Import`.
-     *
-     * TODO: Refactor and move to `ast-nodes`
-     *
-     * Note: It does not handle default imports, namespace imports, or aliased imports.
-     */
-    _upsertImportDeclaration({ module, specifiers, }: {
-        module: string;
-        specifiers: string[];
-    }, context: Rule.RuleContext, fixer: Rule.RuleFixer): Rule.Fix | undefined;
 };
 export {};

package/dist/types-ts4.5/rules/use-primitives/transformers/emotion-css/supported.d.ts

@@ -1,9 +1,2 @@
 export declare const elements: string[];
 export declare const attributes: string[];
-declare const spaceTokenMap: {
-    [key: string]: string;
-};
-export declare const styles: {
-    [key: string]: typeof spaceTokenMap;
-};
-export {};

package/dist/types-ts4.5/rules/use-primitives/transformers/emotion-css/upsert-import-declaration.d.ts

@@ -0,0 +1,14 @@
+import type { Rule } from 'eslint';
+/**
+ * Currently this is defined here because it's not very general purpose.
+ * If we were to move this to `ast-nodes`, half the implementation would be in `Root`,
+ * and the other half would be in `Import`.
+ *
+ * TODO: Refactor and move to `ast-nodes`
+ *
+ * Note: It does not handle default imports, namespace imports, or aliased imports.
+ */
+export declare const upsertImportDeclaration: ({ module, specifiers, }: {
+    module: string;
+    specifiers: string[];
+}, context: Rule.RuleContext, fixer: Rule.RuleFixer) => Rule.Fix | undefined;

package/dist/types-ts4.5/rules/use-primitives/transformers/index.d.ts

@@ -1,3 +1,3 @@
 export { cssToXcssTransformer, supportedStylesMap, spaceTokenMap, } from './css-to-xcss';
-export { jsxElementToBoxTransformer } from './jsx-element-to-box';
-export { styledComponentToPrimitive } from './styled-component-to-primitive';
+export { CompiledStyled } from './compiled-styled';
+export { EmotionCSS } from './emotion-css';

package/dist/types-ts4.5/rules/use-primitives/utils/index.d.ts

@@ -1,7 +1,4 @@
-export { containsOnlySupportedAttrs } from './contains-only-supported-attrs';
 export { convertASTObjectExpressionToJSObject } from './convert-ast-object-expression-to-js-object';
-export { findValidJsxUsageToTransform } from './find-valid-jsx-usage-to-transform';
-export { findValidStyledComponentCall } from './find-valid-styled-component-call';
 export { getAttributeValueIdentifier } from './get-attribute-value-identifier';
 export { getFunctionArgumentAtPos } from './get-function-argument-at-pos';
 export { getJSXAttributeByName } from './get-jsx-attribute-by-name';
@@ -9,7 +6,4 @@ export { getVariableDefinitionValue } from './get-variable-definition-value';
 export { getVariableUsagesCount } from './get-variable-usage-count';
 export { isFunctionNamed } from './is-function-named';
 export { isValidCssPropertiesToTransform } from './is-valid-css-properties-to-transform';
-export { isValidTagName } from './is-valid-tag-name';
 export { updateJSXAttributeByName } from './update-jsx-attribute-by-name';
-export { updateJSXElementName } from './update-jsx-element-name';
-export { upsertImportDeclaration } from './upsert-import-declaration';

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

@@ -0,0 +1,16 @@
+import type { Scope } from 'eslint';
+import type { CallExpression } from 'estree';
+type Callee = CallExpression['callee'];
+type Reference = Scope.Reference;
+export declare const CSS_IN_JS_IMPORTS: {
+    compiled: string;
+    emotionReact: string;
+    emotionCore: string;
+    styledComponents: string;
+    atlaskitCss: string;
+};
+type ValidImportSources = string[];
+export type SupportedNameChecker = (nodeToCheck: Callee, referencesInScope: Reference[], importSources: ValidImportSources) => boolean;
+export declare const isCss: SupportedNameChecker;
+export declare const isCxFunction: SupportedNameChecker;
+export {};

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.23.2",
+  "version": "8.23.4",
   "author": "Atlassian Pty Ltd",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/dist/cjs/rules/no-css-tagged-template-expression/is-supported-import.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isSupportedImport = exports.SUPPORTED_IMPORTS = void 0;
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-var SUPPORTED_IMPORTS = exports.SUPPORTED_IMPORTS = {
-  compiled: '@compiled/react',
-  emotionReact: '@emotion/react',
-  emotionCore: '@emotion/core',
-  styledComponents: 'styled-components'
-};
-var isImportSpecifierWrapper = function isImportSpecifierWrapper(name) {
-  return function (def) {
-    var _def$parent, _def$parent2, _def$parent3, _def$parent4, _def$parent5;
-    return def.node.type === 'ImportSpecifier' && def.node.imported.type === 'Identifier' && def.node.imported.name === name && ((_def$parent = def.parent) === null || _def$parent === void 0 ? void 0 : _def$parent.type) === 'ImportDeclaration' && (((_def$parent2 = def.parent) === null || _def$parent2 === void 0 ? void 0 : _def$parent2.source.value) === SUPPORTED_IMPORTS.compiled || ((_def$parent3 = def.parent) === null || _def$parent3 === void 0 ? void 0 : _def$parent3.source.value) === SUPPORTED_IMPORTS.emotionReact || ((_def$parent4 = def.parent) === null || _def$parent4 === void 0 ? void 0 : _def$parent4.source.value) === SUPPORTED_IMPORTS.emotionCore || ((_def$parent5 = def.parent) === null || _def$parent5 === void 0 ? void 0 : _def$parent5.source.value) === SUPPORTED_IMPORTS.styledComponents);
-  };
-};
-var isSupportedImport = exports.isSupportedImport = function isSupportedImport(name) {
-  var isImportSpecifier = isImportSpecifierWrapper(name);
-  return function (node, references) {
-    return node.type === 'Identifier' && references.some(function (reference) {
-      var _reference$resolved;
-      return reference.identifier === node && ((_reference$resolved = reference.resolved) === null || _reference$resolved === void 0 ? void 0 : _reference$resolved.defs.some(isImportSpecifier));
-    });
-  };
-};

package/dist/cjs/rules/use-primitives/transformers/jsx-element-to-box.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.jsxElementToBoxTransformer = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _utils = require("../utils");
-var _cssToXcss = require("./css-to-xcss");
-var jsxElementToBoxTransformer = exports.jsxElementToBoxTransformer = function jsxElementToBoxTransformer(node, context) {
-  return function (fixer) {
-    // Insert `import { Box, xcss } from '@atlaskit/primitives'`
-    // Or, if the import exists already, update it to include `Box`, and `xcss`
-    var importFixes = (0, _utils.upsertImportDeclaration)({
-      packageName: '@atlaskit/primitives',
-      specifiers: ['Box', 'xcss']
-    }, context, fixer);
-    var elementNameFixes = (0, _utils.updateJSXElementName)(node, 'Box', fixer);
-    var attributeFix = (0, _utils.updateJSXAttributeByName)('css', 'xcss', node, fixer);
-    var cssToXcssTransform = (0, _cssToXcss.cssToXcssTransformer)(node, context, fixer);
-    return [importFixes, attributeFix].concat((0, _toConsumableArray2.default)(elementNameFixes), (0, _toConsumableArray2.default)(cssToXcssTransform)).filter(function (fix) {
-      return Boolean(fix);
-    }); // Some of the transformers can return arrays with undefined, so filter them out
-  };
-};

package/dist/cjs/rules/use-primitives/transformers/styled-component-to-primitive.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styledComponentToPrimitive = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _eslintCodemodUtils = require("eslint-codemod-utils");
-var _utils = require("../utils");
-var _cssToXcss = require("./css-to-xcss");
-/**
- * All required validation steps have been taken care of before this
- * transformer is called, so it just goes ahead providing all necessary fixes
- */
-var styledComponentToPrimitive = exports.styledComponentToPrimitive = function styledComponentToPrimitive(_ref, context) {
-  var stylesRef = _ref.stylesRef,
-    jsxRef = _ref.jsxRef;
-  return function (fixer) {
-    // generates the new variable name: MyComponent -> myComponentStyles
-    var calculatedStylesVariableName = (0, _eslintCodemodUtils.isNodeOfType)(stylesRef.id, 'Identifier') && "".concat(stylesRef.id.name.replace(stylesRef.id.name[0], stylesRef.id.name[0].toLowerCase()), "Styles");
-    if (!calculatedStylesVariableName) {
-      return [];
-    }
-    var importFixes = (0, _utils.upsertImportDeclaration)({
-      packageName: '@atlaskit/primitives',
-      specifiers: ['Box', 'xcss']
-    }, context, fixer);
-    var stylesFixes = convertStyledComponentToXcss(stylesRef, calculatedStylesVariableName, fixer);
-    var jsxFixes = convertJsxCallSite(jsxRef, calculatedStylesVariableName, fixer);
-    return [importFixes].concat(stylesFixes, jsxFixes).filter(function (fix) {
-      return Boolean(fix);
-    }); // Some of the transformers can return arrays with undefined, so filter them out
-  };
-};
-
-var convertStyledComponentToXcss = function convertStyledComponentToXcss(stylesRef, newStylesVariableName, fixer) {
-  var fixes = [];
-
-  // renames the variable from MyComponent to myComponentStyles
-  fixes.push(fixer.replaceText(stylesRef.id, newStylesVariableName));
-
-  // renames the function call from styled.<tag> to xcss
-  if (stylesRef.init && (0, _eslintCodemodUtils.isNodeOfType)(stylesRef.init, 'CallExpression')) {
-    fixes.push(fixer.replaceText(stylesRef.init.callee, 'xcss'));
-  }
-
-  // converts CSS values to XCSS-compatible tokens
-  if (stylesRef.init && (0, _eslintCodemodUtils.isNodeOfType)(stylesRef.init, 'CallExpression')) {
-    var objectExpression = stylesRef.init.arguments[0];
-    if ((0, _eslintCodemodUtils.isNodeOfType)(objectExpression, 'ObjectExpression')) {
-      fixes.push.apply(fixes, (0, _toConsumableArray2.default)((0, _cssToXcss.styledObjectToXcssTokens)(objectExpression, fixer)));
-    }
-  }
-  return fixes;
-};
-var convertJsxCallSite = function convertJsxCallSite(jsxRef, newStylesVariableName, fixer) {
-  var fixes = [];
-
-  // renames the JSX call site
-  if ((0, _eslintCodemodUtils.isNodeOfType)(jsxRef.parent, 'JSXElement')) {
-    fixes.push.apply(fixes, (0, _toConsumableArray2.default)((0, _utils.updateJSXElementName)(jsxRef.parent, 'Box', fixer)));
-  }
-
-  // adds xcss prop
-  fixes.push(fixer.insertTextAfter(jsxRef.name, " xcss={".concat(newStylesVariableName, "}")));
-  return fixes;
-};

package/dist/cjs/rules/use-primitives/utils/contains-only-supported-attrs.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.containsOnlySupportedAttrs = void 0;
-var _eslintCodemodUtils = require("eslint-codemod-utils");
-var supportedAttributes = ['css'];
-var containsOnlySupportedAttrs = exports.containsOnlySupportedAttrs = function containsOnlySupportedAttrs(node) {
-  return node.openingElement.attributes.every(function (attr) {
-    if (!(0, _eslintCodemodUtils.isNodeOfType)(attr, 'JSXAttribute')) {
-      return false;
-    }
-    if (!(0, _eslintCodemodUtils.isNodeOfType)(attr.name, 'JSXIdentifier')) {
-      return false;
-    }
-    return supportedAttributes.includes(attr.name.name);
-  });
-};

package/dist/cjs/rules/use-primitives/utils/is-valid-tag-name.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validPrimitiveElements = exports.isValidTagName = void 0;
-var validPrimitiveElements = exports.validPrimitiveElements = new Set(['div']);
-var isValidTagName = exports.isValidTagName = function isValidTagName(node) {
-  if (node.openingElement.name.type !== 'JSXIdentifier') {
-    return false;
-  }
-  return validPrimitiveElements.has(node.openingElement.name.name);
-};

package/dist/cjs/rules/use-primitives/utils/update-jsx-element-name.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateJSXElementName = void 0;
-var _eslintCodemodUtils = require("eslint-codemod-utils");
-var updateJSXElementName = exports.updateJSXElementName = function updateJSXElementName(node, newName, fixer) {
-  var openingElement = node.openingElement,
-    closingElement = node.closingElement;
-  var newOpeningElement = fixer.replaceText(openingElement.name, (0, _eslintCodemodUtils.jsxIdentifier)(newName).toString());
-  var newClosingElement = closingElement &&
-  // Self closing tags, like `<div />` don't need to have the closing tag updated
-  fixer.replaceText(closingElement.name, (0, _eslintCodemodUtils.jsxIdentifier)(newName).toString());
-  return [newOpeningElement, newClosingElement || undefined];
-};

package/dist/cjs/rules/use-primitives/utils/upsert-import-declaration.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.upsertImportDeclaration = void 0;
-var _eslintCodemodUtils = require("eslint-codemod-utils");
-/**
- * Note: Very naive implementation. Does not handle default imports, namespace imports, or aliased imports.
- * Add that functionality when needed.
- *
- * However, does handle duplicate identifiers.
- */
-var upsertImportDeclaration = exports.upsertImportDeclaration = function upsertImportDeclaration(_ref, context, fixer) {
-  var packageName = _ref.packageName,
-    specifiers = _ref.specifiers;
-  // Find any imports that match the packageName
-  var body = context.getSourceCode().ast.body;
-  var existingImports = body.filter(function (node) {
-    if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'ImportDeclaration')) {
-      return false;
-    }
-    if (!(0, _eslintCodemodUtils.hasImportDeclaration)(node, packageName)) {
-      return false;
-    }
-    return true;
-  });
-
-  /**
-   * This can happen for cases like:
-   * ```
-   * import { Stack } from '@atlaskit/primitives'
-   * import type { StackProps } from '@atlaskit/primitives'
-   * ```
-   *
-   * Ignore these cases for now to reduce scope creep
-   *
-   * TODO: Support multiple imports
-   */
-  if (existingImports.length > 1) {
-    return;
-  }
-
-  // The import doesn't exist yet, we can just insert a whole new one
-  if (existingImports.length === 0) {
-    return fixer.insertTextBefore(body[0], "".concat((0, _eslintCodemodUtils.insertImportDeclaration)(packageName, specifiers), ";\n"));
-  }
-
-  // The import exists so, modify the existing one
-  var existingImport = existingImports[0]; // We have already validated that only one exists
-
-  /**
-   * `insertImportSpecifier()` has the unfortunate implementation detail of naively adding duplicate specifiers.
-   * e.g. calling
-   *  `insertImportSpecifier(importDecl, 'xcss')`
-   * on
-   * `import { Inline, xcss } from '@atlaskit/primitives'`
-   * will result in:
-   * `import { Inline, xcss, xcss } from '@atlaskit/primitives'`.
-   * So, we need to filter out specifiers that are already imported.
-   */
-  var uniqueImportSpecifiers = specifiers.filter(function (specifier) {
-    return !existingImport.specifiers.find(function (existingSpecifier) {
-      if (existingSpecifier.type !== 'ImportSpecifier') {
-        return false;
-      }
-      return existingSpecifier.imported.name === specifier;
-    });
-  });
-
-  // Ensures the import doesn't end up like: `import { Box, xcss,  } from '@atlaskit/primitives';`
-  // which can happen if the import decl already contains all import specifiers
-  if (uniqueImportSpecifiers.length === 0) {
-    return;
-  }
-  return fixer.replaceText(existingImport, "".concat((0, _eslintCodemodUtils.insertImportSpecifier)(existingImport,
-  // `insertImportSpecifier` only accepts one specifier, and we can't call it multiple times on the same import, because fixes can't overlap
-  // So, join the array into a string literal, and hope for the best 🤞
-  uniqueImportSpecifiers.join(', ')), ";\n"));
-};

package/dist/es2019/rules/no-css-tagged-template-expression/is-supported-import.js

@@ -1,21 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-export const SUPPORTED_IMPORTS = {
-  compiled: '@compiled/react',
-  emotionReact: '@emotion/react',
-  emotionCore: '@emotion/core',
-  styledComponents: 'styled-components'
-};
-const isImportSpecifierWrapper = name => {
-  return def => {
-    var _def$parent, _def$parent2, _def$parent3, _def$parent4, _def$parent5;
-    return def.node.type === 'ImportSpecifier' && def.node.imported.type === 'Identifier' && def.node.imported.name === name && ((_def$parent = def.parent) === null || _def$parent === void 0 ? void 0 : _def$parent.type) === 'ImportDeclaration' && (((_def$parent2 = def.parent) === null || _def$parent2 === void 0 ? void 0 : _def$parent2.source.value) === SUPPORTED_IMPORTS.compiled || ((_def$parent3 = def.parent) === null || _def$parent3 === void 0 ? void 0 : _def$parent3.source.value) === SUPPORTED_IMPORTS.emotionReact || ((_def$parent4 = def.parent) === null || _def$parent4 === void 0 ? void 0 : _def$parent4.source.value) === SUPPORTED_IMPORTS.emotionCore || ((_def$parent5 = def.parent) === null || _def$parent5 === void 0 ? void 0 : _def$parent5.source.value) === SUPPORTED_IMPORTS.styledComponents);
-  };
-};
-export const isSupportedImport = name => {
-  const isImportSpecifier = isImportSpecifierWrapper(name);
-  return (node, references) => node.type === 'Identifier' && references.some(reference => {
-    var _reference$resolved;
-    return reference.identifier === node && ((_reference$resolved = reference.resolved) === null || _reference$resolved === void 0 ? void 0 : _reference$resolved.defs.some(isImportSpecifier));
-  });
-};

package/dist/es2019/rules/use-primitives/transformers/jsx-element-to-box.js

@@ -1,16 +0,0 @@
-import { updateJSXAttributeByName, updateJSXElementName, upsertImportDeclaration } from '../utils';
-import { cssToXcssTransformer } from './css-to-xcss';
-export const jsxElementToBoxTransformer = (node, context) => {
-  return fixer => {
-    // Insert `import { Box, xcss } from '@atlaskit/primitives'`
-    // Or, if the import exists already, update it to include `Box`, and `xcss`
-    const importFixes = upsertImportDeclaration({
-      packageName: '@atlaskit/primitives',
-      specifiers: ['Box', 'xcss']
-    }, context, fixer);
-    const elementNameFixes = updateJSXElementName(node, 'Box', fixer);
-    const attributeFix = updateJSXAttributeByName('css', 'xcss', node, fixer);
-    const cssToXcssTransform = cssToXcssTransformer(node, context, fixer);
-    return [importFixes, attributeFix, ...elementNameFixes, ...cssToXcssTransform].filter(fix => Boolean(fix)); // Some of the transformers can return arrays with undefined, so filter them out
-  };
-};

package/dist/es2019/rules/use-primitives/transformers/styled-component-to-primitive.js

@@ -1,59 +0,0 @@
-import { isNodeOfType } from 'eslint-codemod-utils';
-import { updateJSXElementName, upsertImportDeclaration } from '../utils';
-import { styledObjectToXcssTokens } from './css-to-xcss';
-/**
- * All required validation steps have been taken care of before this
- * transformer is called, so it just goes ahead providing all necessary fixes
- */
-export const styledComponentToPrimitive = ({
-  stylesRef,
-  jsxRef
-}, context) => {
-  return fixer => {
-    // generates the new variable name: MyComponent -> myComponentStyles
-    const calculatedStylesVariableName = isNodeOfType(stylesRef.id, 'Identifier') && `${stylesRef.id.name.replace(stylesRef.id.name[0], stylesRef.id.name[0].toLowerCase())}Styles`;
-    if (!calculatedStylesVariableName) {
-      return [];
-    }
-    const importFixes = upsertImportDeclaration({
-      packageName: '@atlaskit/primitives',
-      specifiers: ['Box', 'xcss']
-    }, context, fixer);
-    const stylesFixes = convertStyledComponentToXcss(stylesRef, calculatedStylesVariableName, fixer);
-    const jsxFixes = convertJsxCallSite(jsxRef, calculatedStylesVariableName, fixer);
-    return [importFixes, ...stylesFixes, ...jsxFixes].filter(fix => Boolean(fix)); // Some of the transformers can return arrays with undefined, so filter them out
-  };
-};
-
-const convertStyledComponentToXcss = (stylesRef, newStylesVariableName, fixer) => {
-  const fixes = [];
-
-  // renames the variable from MyComponent to myComponentStyles
-  fixes.push(fixer.replaceText(stylesRef.id, newStylesVariableName));
-
-  // renames the function call from styled.<tag> to xcss
-  if (stylesRef.init && isNodeOfType(stylesRef.init, 'CallExpression')) {
-    fixes.push(fixer.replaceText(stylesRef.init.callee, 'xcss'));
-  }
-
-  // converts CSS values to XCSS-compatible tokens
-  if (stylesRef.init && isNodeOfType(stylesRef.init, 'CallExpression')) {
-    const objectExpression = stylesRef.init.arguments[0];
-    if (isNodeOfType(objectExpression, 'ObjectExpression')) {
-      fixes.push(...styledObjectToXcssTokens(objectExpression, fixer));
-    }
-  }
-  return fixes;
-};
-const convertJsxCallSite = (jsxRef, newStylesVariableName, fixer) => {
-  const fixes = [];
-
-  // renames the JSX call site
-  if (isNodeOfType(jsxRef.parent, 'JSXElement')) {
-    fixes.push(...updateJSXElementName(jsxRef.parent, 'Box', fixer));
-  }
-
-  // adds xcss prop
-  fixes.push(fixer.insertTextAfter(jsxRef.name, ` xcss={${newStylesVariableName}}`));
-  return fixes;
-};

package/dist/es2019/rules/use-primitives/utils/contains-only-supported-attrs.js

@@ -1,13 +0,0 @@
-import { isNodeOfType } from 'eslint-codemod-utils';
-const supportedAttributes = ['css'];
-export const containsOnlySupportedAttrs = node => {
-  return node.openingElement.attributes.every(attr => {
-    if (!isNodeOfType(attr, 'JSXAttribute')) {
-      return false;
-    }
-    if (!isNodeOfType(attr.name, 'JSXIdentifier')) {
-      return false;
-    }
-    return supportedAttributes.includes(attr.name.name);
-  });
-};

package/dist/es2019/rules/use-primitives/utils/is-valid-tag-name.js

@@ -1,7 +0,0 @@
-export const validPrimitiveElements = new Set(['div']);
-export const isValidTagName = node => {
-  if (node.openingElement.name.type !== 'JSXIdentifier') {
-    return false;
-  }
-  return validPrimitiveElements.has(node.openingElement.name.name);
-};