@atlaskit/eslint-plugin-design-system 8.30.0 → 8.32.0

package/dist/es2019/rules/prefer-primitives/utils.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-export const validPrimitiveElements = new Set(['div', 'span', 'article', 'aside', 'dialog', 'footer', 'header', 'li', 'main', 'nav', 'ol', 'section', 'ul']);
+export const validPrimitiveElements = new Set(['div', 'span', 'article', 'aside', 'dialog', 'footer', 'header', 'li', 'main', 'nav', 'ol', 'section', 'ul', 'button']);
 const getChildrenByType = (node, types) => {
   return node.children.filter(child => {
     return types.find(type => isNodeOfType(child, type));

package/dist/esm/presets/all.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::98174f9eecc3be9d3a54506bcf2994ef>>
+ * @codegen <<SignedSource::bcb633b9d5c2def00d43b11139433c5c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -10,7 +10,6 @@ export default {
     '@atlaskit/design-system/ensure-design-token-usage': 'error',
     '@atlaskit/design-system/ensure-design-token-usage/preview': 'warn',
     '@atlaskit/design-system/icon-label': 'warn',
-    '@atlaskit/design-system/local-cx-xcss': 'error',
     '@atlaskit/design-system/no-banned-imports': 'error',
     '@atlaskit/design-system/no-css-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-deprecated-apis': 'error',
@@ -19,6 +18,7 @@ export default {
     '@atlaskit/design-system/no-empty-styled-expression': 'warn',
     '@atlaskit/design-system/no-exported-css': 'warn',
     '@atlaskit/design-system/no-exported-keyframes': 'warn',
+    '@atlaskit/design-system/no-html-button-element': 'warn',
     '@atlaskit/design-system/no-invalid-css-map': 'error',
     '@atlaskit/design-system/no-keyframes-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-margin': 'warn',

package/dist/esm/presets/recommended.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::577269c832952ce359cde6a50f26f4e0>>
+ * @codegen <<SignedSource::aebc778f0b10032cbb2941b55189d766>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 export default {
@@ -9,7 +9,6 @@ export default {
     '@atlaskit/design-system/consistent-css-prop-usage': 'error',
     '@atlaskit/design-system/ensure-design-token-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
-    '@atlaskit/design-system/local-cx-xcss': 'error',
     '@atlaskit/design-system/no-banned-imports': 'error',
     '@atlaskit/design-system/no-deprecated-apis': 'error',
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',

package/dist/esm/rules/index.codegen.js

@@ -1,13 +1,12 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2687f4b835e076cef09f1fbbfdfc1b06>>
+ * @codegen <<SignedSource::23062a8759ba919facf30a402e5546bd>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';
 import ensureDesignTokenUsage from './ensure-design-token-usage';
 import ensureDesignTokenUsagePreview from './ensure-design-token-usage-preview';
 import iconLabel from './icon-label';
-import localCxXcss from './local-cx-xcss';
 import noBannedImports from './no-banned-imports';
 import noCssTaggedTemplateExpression from './no-css-tagged-template-expression';
 import noDeprecatedApis from './no-deprecated-apis';
@@ -16,6 +15,7 @@ import noDeprecatedImports from './no-deprecated-imports';
 import noEmptyStyledExpression from './no-empty-styled-expression';
 import noExportedCss from './no-exported-css';
 import noExportedKeyframes from './no-exported-keyframes';
+import noHtmlButtonElement from './no-html-button-element';
 import noInvalidCssMap from './no-invalid-css-map';
 import noKeyframesTaggedTemplateExpression from './no-keyframes-tagged-template-expression';
 import noMargin from './no-margin';
@@ -38,7 +38,6 @@ export default {
   'ensure-design-token-usage': ensureDesignTokenUsage,
   'ensure-design-token-usage/preview': ensureDesignTokenUsagePreview,
   'icon-label': iconLabel,
-  'local-cx-xcss': localCxXcss,
   'no-banned-imports': noBannedImports,
   'no-css-tagged-template-expression': noCssTaggedTemplateExpression,
   'no-deprecated-apis': noDeprecatedApis,
@@ -47,6 +46,7 @@ export default {
   'no-empty-styled-expression': noEmptyStyledExpression,
   'no-exported-css': noExportedCss,
   'no-exported-keyframes': noExportedKeyframes,
+  'no-html-button-element': noHtmlButtonElement,
   'no-invalid-css-map': noInvalidCssMap,
   'no-keyframes-tagged-template-expression': noKeyframesTaggedTemplateExpression,
   'no-margin': noMargin,

package/dist/esm/rules/no-html-button-element/index.js

@@ -0,0 +1,101 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { createLintRule } from '../utils/create-rule';
+import { shouldSuggest } from './utils';
+var buttonDocsUrl = 'https://atlassian.design/components/button';
+var pressableDocsUrl = 'https://atlassian.design/components/primitives/pressable/';
+var rule = createLintRule({
+  meta: {
+    name: 'no-html-button-element',
+    type: 'suggestion',
+    hasSuggestions: false,
+    docs: {
+      description: 'Prevent direct usage of HTML button elements and enforce usage of Button and Pressable.',
+      recommended: false,
+      severity: 'warn'
+    },
+    messages: {
+      noHtmlButtonElement: "This \"{{element}}\" should be replaced with a Button component. If beyond the capabilities of the Button component, use the Pressable primitive. See ".concat(buttonDocsUrl, " and ").concat(pressableDocsUrl, " for guidance.")
+    }
+  },
+  create: function create(context) {
+    return {
+      // Look for <button> HTML elements
+      // Look for styled calls/templates - styled.button(...)
+      JSXOpeningElement: function JSXOpeningElement(node) {
+        if (!isNodeOfType(node, 'JSXOpeningElement')) {
+          return;
+        }
+        if (!isNodeOfType(node.name, 'JSXIdentifier')) {
+          return;
+        }
+        var suggest = shouldSuggest(node === null || node === void 0 ? void 0 : node.parent);
+        if (suggest) {
+          context.report({
+            node: node,
+            messageId: 'noHtmlButtonElement',
+            data: {
+              element: node.name.name
+            }
+          });
+        }
+      },
+      // styled.button`` | styled2.button`` | styled.button()
+      'MemberExpression[object.name="styled"],MemberExpression[object.name="styled2"]': function MemberExpressionObjectNameStyledMemberExpressionObjectNameStyled2(node) {
+        if (!isNodeOfType(node, 'MemberExpression')) {
+          return;
+        }
+
+        // styled.button``
+        if (isNodeOfType(node.property, 'Identifier')) {
+          if (node.property.name === 'button') {
+            var styledIdentifier = node.object.name;
+            var elementName = node.property.name;
+
+            // Including the `styled.` portion in the message to help makers understand it's not just the `button` element that should be replaced
+            var reportName = "".concat(styledIdentifier, ".").concat(elementName); // styled.button
+
+            context.report({
+              node: node,
+              messageId: 'noHtmlButtonElement',
+              data: {
+                element: reportName
+              }
+            });
+          }
+        }
+      },
+      // styled(X)``
+      'CallExpression[callee.name="styled"]': function CallExpressionCalleeNameStyled(node) {
+        if (!isNodeOfType(node, 'CallExpression')) {
+          return;
+        }
+
+        // styled('button')`` - We only care about 'button', ignore extending other components
+        if (isNodeOfType(node.arguments[0], 'Literal')) {
+          var argValue = node.arguments[0].raw;
+          if (typeof argValue === 'string') {
+            var suggest = argValue.replaceAll("'", '') === 'button';
+            if (suggest) {
+              var styledIdentifier = node.callee.name;
+              var elementName = argValue;
+
+              // Including the `styled()` portion in the message to help makers understand it's not just the `button` element that should be replaced
+              var reportName = "".concat(styledIdentifier, "(").concat(elementName, ")"); // styled('button')
+
+              context.report({
+                node: node,
+                messageId: 'noHtmlButtonElement',
+                data: {
+                  element: reportName
+                }
+              });
+            }
+          }
+        }
+      }
+    };
+  }
+});
+export default rule;

package/dist/esm/rules/no-html-button-element/utils.js

@@ -0,0 +1,12 @@
+var isButtonHtmlElement = function isButtonHtmlElement(node) {
+  return node.openingElement.name.name === 'button';
+};
+export var shouldSuggest = function shouldSuggest(node) {
+  if (!node) {
+    return false;
+  }
+  if (!isButtonHtmlElement(node)) {
+    return false;
+  }
+  return true;
+};

package/dist/esm/rules/prefer-primitives/utils.js

@@ -1,5 +1,5 @@
 import { isNodeOfType } from 'eslint-codemod-utils';
-export var validPrimitiveElements = new Set(['div', 'span', 'article', 'aside', 'dialog', 'footer', 'header', 'li', 'main', 'nav', 'ol', 'section', 'ul']);
+export var validPrimitiveElements = new Set(['div', 'span', 'article', 'aside', 'dialog', 'footer', 'header', 'li', 'main', 'nav', 'ol', 'section', 'ul', 'button']);
 var getChildrenByType = function getChildrenByType(node, types) {
   return node.children.filter(function (child) {
     return types.find(function (type) {

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

@@ -7,7 +7,6 @@ export declare const configs: {
             '@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;
@@ -16,6 +15,7 @@ export declare const configs: {
             '@atlaskit/design-system/no-empty-styled-expression': string;
             '@atlaskit/design-system/no-exported-css': string;
             '@atlaskit/design-system/no-exported-keyframes': string;
+            '@atlaskit/design-system/no-html-button-element': string;
             '@atlaskit/design-system/no-invalid-css-map': string;
             '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
             '@atlaskit/design-system/no-margin': string;
@@ -41,7 +41,6 @@ export declare const configs: {
             '@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/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::98174f9eecc3be9d3a54506bcf2994ef>>
+ * @codegen <<SignedSource::bcb633b9d5c2def00d43b11139433c5c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -10,7 +10,6 @@ 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;
@@ -19,6 +18,7 @@ declare const _default: {
         '@atlaskit/design-system/no-empty-styled-expression': string;
         '@atlaskit/design-system/no-exported-css': string;
         '@atlaskit/design-system/no-exported-keyframes': string;
+        '@atlaskit/design-system/no-html-button-element': string;
         '@atlaskit/design-system/no-invalid-css-map': string;
         '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
         '@atlaskit/design-system/no-margin': string;

package/dist/types/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::577269c832952ce359cde6a50f26f4e0>>
+ * @codegen <<SignedSource::aebc778f0b10032cbb2941b55189d766>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -9,7 +9,6 @@ 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/rules/index.codegen.d.ts

@@ -3,7 +3,6 @@ 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, [{
@@ -16,6 +15,7 @@ declare const _default: {
     'no-empty-styled-expression': import("eslint").Rule.RuleModule;
     'no-exported-css': import("eslint").Rule.RuleModule;
     'no-exported-keyframes': import("eslint").Rule.RuleModule;
+    'no-html-button-element': 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;

package/dist/types/rules/{local-cx-xcss → no-html-button-element}/index.d.ts

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

package/dist/types/rules/no-html-button-element/utils.d.ts

@@ -0,0 +1,2 @@
+import { type JSXElement } from 'eslint-codemod-utils';
+export declare const shouldSuggest: (node: JSXElement) => boolean;

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

@@ -7,7 +7,6 @@ export declare const configs: {
             '@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;
@@ -16,6 +15,7 @@ export declare const configs: {
             '@atlaskit/design-system/no-empty-styled-expression': string;
             '@atlaskit/design-system/no-exported-css': string;
             '@atlaskit/design-system/no-exported-keyframes': string;
+            '@atlaskit/design-system/no-html-button-element': string;
             '@atlaskit/design-system/no-invalid-css-map': string;
             '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
             '@atlaskit/design-system/no-margin': string;
@@ -41,7 +41,6 @@ export declare const configs: {
             '@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/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::98174f9eecc3be9d3a54506bcf2994ef>>
+ * @codegen <<SignedSource::bcb633b9d5c2def00d43b11139433c5c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -10,7 +10,6 @@ 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;
@@ -19,6 +18,7 @@ declare const _default: {
         '@atlaskit/design-system/no-empty-styled-expression': string;
         '@atlaskit/design-system/no-exported-css': string;
         '@atlaskit/design-system/no-exported-keyframes': string;
+        '@atlaskit/design-system/no-html-button-element': string;
         '@atlaskit/design-system/no-invalid-css-map': string;
         '@atlaskit/design-system/no-keyframes-tagged-template-expression': string;
         '@atlaskit/design-system/no-margin': 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::577269c832952ce359cde6a50f26f4e0>>
+ * @codegen <<SignedSource::aebc778f0b10032cbb2941b55189d766>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 declare const _default: {
@@ -9,7 +9,6 @@ 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,7 +3,6 @@ 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, [
@@ -20,6 +19,7 @@ declare const _default: {
     'no-empty-styled-expression': import("eslint").Rule.RuleModule;
     'no-exported-css': import("eslint").Rule.RuleModule;
     'no-exported-keyframes': import("eslint").Rule.RuleModule;
+    'no-html-button-element': 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;

package/dist/types-ts4.5/rules/{local-cx-xcss → no-html-button-element}/index.d.ts

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

package/dist/types-ts4.5/rules/no-html-button-element/utils.d.ts

@@ -0,0 +1,2 @@
+import { type JSXElement } from 'eslint-codemod-utils';
+export declare const shouldSuggest: (node: JSXElement) => boolean;

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

package/constellation/local-cx-xcss/usage.mdx

@@ -1,37 +0,0 @@
-# local-cx-xcss
-
-This rule ensures the `cx()` function is only used within the `xcss` prop. This aids tracking what styles are applied to a jsx element.
-
-The `cx` function is checked only if it is imported from `@compiled/react` or `@atlaskit/css`.
-
-Passing arguments to the `cx()` function is how you compose styles (combine more than one set of styles together) with XCSS. This is a workaround for the more conventional array syntax (e.g. [in Emotion](https://emotion.sh/docs/composition)) `<div xcss={[style1, style2]} />` not giving robust enough type checking.
-
-## Examples
-
-### Incorrect
-
-```js
-import { cx, cssMap } from '@compiled/react';
-
-const styles = cssMap({
-  text: { color: 'red' },
-  bg: { background: 'blue' },
-});
-
-const joinedStyles = cx(styles.text, styles.bg);
-
-<Button xcss={joinedStyles} />;
-```
-
-### Correct
-
-```js
-import { cx, cssMap } from '@compiled/react';
-
-const styles = cssMap({
-  text: { color: 'red' },
-  bg: { background: 'blue' },
-});
-
-<Button xcss={cx(styles.text, styles.bg)} />;
-```

package/dist/cjs/rules/local-cx-xcss/index.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.rule = exports.default = void 0;
-var _createRule = require("../utils/create-rule");
-var _isSupportedImport = require("../utils/is-supported-import");
-var IMPORT_SOURCES = [_isSupportedImport.CSS_IN_JS_IMPORTS.compiled, _isSupportedImport.CSS_IN_JS_IMPORTS.atlaskitCss];
-function getParentJSXAttribute(node) {
-  var parent = node.parent;
-  while (parent && parent.type !== 'JSXAttribute') {
-    parent = parent.parent;
-  }
-  if (parent && parent.type === 'JSXAttribute') {
-    return parent;
-  }
-  return null;
-}
-var rule = exports.rule = (0, _createRule.createLintRule)({
-  meta: {
-    name: 'local-cx-xcss',
-    docs: {
-      description: 'Ensures the cx() function, which is part of the XCSS API, is only used within the xcss prop. This aids tracking what styles are applied to a jsx element.',
-      recommended: true,
-      severity: 'error'
-    },
-    messages: {
-      'local-cx-xcss': 'The cx function should only be declared inside the xcss prop to simplify tracking styles that are applied to a jsx element.'
-    },
-    type: 'problem'
-  },
-  create: function create(context) {
-    return {
-      'CallExpression[callee.name="cx"]': function CallExpressionCalleeNameCx(node) {
-        if (node.type === 'CallExpression' && (0, _isSupportedImport.isCxFunction)(node.callee, context.getScope().references, IMPORT_SOURCES)) {
-          var parentJSXAttribute = getParentJSXAttribute(node);
-          var propName = parentJSXAttribute === null || parentJSXAttribute === void 0 ? void 0 : parentJSXAttribute.name.name.toString();
-          if (propName && /[xX]css$/.test(propName)) {
-            return;
-          }
-          context.report({
-            node: node,
-            messageId: 'local-cx-xcss'
-          });
-        }
-      }
-    };
-  }
-});
-var _default = exports.default = rule;

package/dist/es2019/rules/local-cx-xcss/index.js

@@ -1,45 +0,0 @@
-import { createLintRule } from '../utils/create-rule';
-import { CSS_IN_JS_IMPORTS, isCxFunction } from '../utils/is-supported-import';
-const IMPORT_SOURCES = [CSS_IN_JS_IMPORTS.compiled, CSS_IN_JS_IMPORTS.atlaskitCss];
-function getParentJSXAttribute(node) {
-  let parent = node.parent;
-  while (parent && parent.type !== 'JSXAttribute') {
-    parent = parent.parent;
-  }
-  if (parent && parent.type === 'JSXAttribute') {
-    return parent;
-  }
-  return null;
-}
-export const rule = createLintRule({
-  meta: {
-    name: 'local-cx-xcss',
-    docs: {
-      description: 'Ensures the cx() function, which is part of the XCSS API, is only used within the xcss prop. This aids tracking what styles are applied to a jsx element.',
-      recommended: true,
-      severity: 'error'
-    },
-    messages: {
-      'local-cx-xcss': 'The cx function should only be declared inside the xcss prop to simplify tracking styles that are applied to a jsx element.'
-    },
-    type: 'problem'
-  },
-  create(context) {
-    return {
-      'CallExpression[callee.name="cx"]': node => {
-        if (node.type === 'CallExpression' && isCxFunction(node.callee, context.getScope().references, IMPORT_SOURCES)) {
-          const parentJSXAttribute = getParentJSXAttribute(node);
-          const propName = parentJSXAttribute === null || parentJSXAttribute === void 0 ? void 0 : parentJSXAttribute.name.name.toString();
-          if (propName && /[xX]css$/.test(propName)) {
-            return;
-          }
-          context.report({
-            node,
-            messageId: 'local-cx-xcss'
-          });
-        }
-      }
-    };
-  }
-});
-export default rule;

package/dist/esm/rules/local-cx-xcss/index.js

@@ -1,45 +0,0 @@
-import { createLintRule } from '../utils/create-rule';
-import { CSS_IN_JS_IMPORTS, isCxFunction } from '../utils/is-supported-import';
-var IMPORT_SOURCES = [CSS_IN_JS_IMPORTS.compiled, CSS_IN_JS_IMPORTS.atlaskitCss];
-function getParentJSXAttribute(node) {
-  var parent = node.parent;
-  while (parent && parent.type !== 'JSXAttribute') {
-    parent = parent.parent;
-  }
-  if (parent && parent.type === 'JSXAttribute') {
-    return parent;
-  }
-  return null;
-}
-export var rule = createLintRule({
-  meta: {
-    name: 'local-cx-xcss',
-    docs: {
-      description: 'Ensures the cx() function, which is part of the XCSS API, is only used within the xcss prop. This aids tracking what styles are applied to a jsx element.',
-      recommended: true,
-      severity: 'error'
-    },
-    messages: {
-      'local-cx-xcss': 'The cx function should only be declared inside the xcss prop to simplify tracking styles that are applied to a jsx element.'
-    },
-    type: 'problem'
-  },
-  create: function create(context) {
-    return {
-      'CallExpression[callee.name="cx"]': function CallExpressionCalleeNameCx(node) {
-        if (node.type === 'CallExpression' && isCxFunction(node.callee, context.getScope().references, IMPORT_SOURCES)) {
-          var parentJSXAttribute = getParentJSXAttribute(node);
-          var propName = parentJSXAttribute === null || parentJSXAttribute === void 0 ? void 0 : parentJSXAttribute.name.name.toString();
-          if (propName && /[xX]css$/.test(propName)) {
-            return;
-          }
-          context.report({
-            node: node,
-            messageId: 'local-cx-xcss'
-          });
-        }
-      }
-    };
-  }
-});
-export default rule;