npm - @atlaskit/eslint-plugin-design-system - Versions diffs - 13.3.0 → 13.4.1 - Mend

@atlaskit/eslint-plugin-design-system 13.3.0 → 13.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (73) hide show

package/dist/es2019/rules/use-heading/index.js CHANGED Viewed

@@ -31,6 +31,7 @@ const rule = createLintRule({
     }
   },
   create(context) {
+    // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
     const config = getConfig(context.options[0]);
     return errorBoundary({
       // transforms <h1>...</h1> usages

package/dist/es2019/rules/use-latest-xcss-syntax-typography/index.js CHANGED Viewed

@@ -40,6 +40,7 @@ const rule = createLintRule({
     }
   },
   create(context) {
+    // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
     const config = getConfig(context.options[0]);
     return errorBoundary({
       'CallExpression[callee.name="xcss"] ObjectExpression > Property > Identifier[name=/(fontSize|lineHeight|fontWeight|letterSpacing)/]': node => RestrictedProperty.lint(node, {

package/dist/es2019/rules/use-modal-dialog-close-button/index.js CHANGED Viewed

@@ -65,7 +65,7 @@ const rule = createLintRule({
           return;
         }
         const name = node.openingElement.name.name;
-        if (name !== defaultImportLocalName) {
+        if (![defaultImportLocalName, modalHeaderLocalName].includes(name)) {
           return;
         }
         let modalHeaderNode = null;
@@ -120,13 +120,31 @@ const rule = createLintRule({
             checkNode(child);
           }
         };
-        searchNode(node);
+        if (name === defaultImportLocalName) {
+          searchNode(node);
+          // If there is a close button, skip the rest, as this satisfies the
+          // rule. If there is a modal header, it will be recognized in later
+          // scans, so don't add duplicate errors
+          if (closeButtonNode || modalHeaderNode) {
+            return;
+            // No close button or modal header exists
+          } else {
+            return context.report({
+              node,
+              messageId: 'noCloseButtonExists'
+            });
+          }
+        } else if (name === modalHeaderLocalName) {
+          modalHeaderNode = node;
+          searchNode(node);
+          // If there is a close button, skip the rest, as this satisfies the rule.
+          if (closeButtonNode) {
+            return;
+          }
-        // If there is a close button, skip the rest, as this satisfies the rule.
-        if (closeButtonNode) {
-          return;
           // No close button exists, so check the modal header
-        } else if (modalHeaderNode !== null) {
           const prop = JSXElementHelper.getAttributeByName(modalHeaderNode, PROP_NAME);
           // If the prop exists
@@ -155,12 +173,6 @@ const rule = createLintRule({
               }]
             });
           }
-          // No close button or modal header exists
-        } else {
-          return context.report({
-            node,
-            messageId: 'noCloseButtonExists'
-          });
         }
       }
     };

package/dist/es2019/rules/use-primitives/index.js CHANGED Viewed

@@ -32,6 +32,7 @@ const rule = createLintRule({
     }
   },
   create(context) {
+    // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
     const config = getConfig(context.options[0]);
     return {
       // transforms styled.<html>(...) usages

package/dist/es2019/rules/use-primitives-text/index.js CHANGED Viewed

@@ -47,6 +47,7 @@ const rule = createLintRule({
     }
   },
   create(context) {
+    // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
     const config = getConfig(context.options[0]);
     return errorBoundary({
       'JSXElement[openingElement.name.name=span]': node => {

package/dist/es2019/rules/use-tokens-typography/index.js CHANGED Viewed

@@ -8,6 +8,7 @@ import { RestrictedCapitalisation } from './transformers/restricted-capitalisati
 import { StyleObject } from './transformers/style-object';
 import { UntokenizedProperties } from './transformers/untokenized-properties';
 const create = context => {
+  // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
   const config = getConfig(context.options[0]);
   return errorBoundary({
     // const styles = css({ fontSize: '14px', ... }), styled.div({ fontSize: 14, ... })

package/dist/esm/presets/all-flat.codegen.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::f468eaa1b0e61e0eba404cafc58f6977>>
+ * @codegen <<SignedSource::9b616276b6c3b9db3c1d886bf8de4fc4>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
@@ -39,6 +39,7 @@ export default {
     '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': 'error',
     '@atlaskit/design-system/prefer-primitives': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',
+    '@atlaskit/design-system/use-cx-function-in-xcss': 'error',
     '@atlaskit/design-system/use-datetime-picker-calendar-button': 'warn',
     '@atlaskit/design-system/use-drawer-label': 'warn',
     '@atlaskit/design-system/use-heading': 'warn',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::29cc321a798c65c8464afd9e46366540>>
+ * @codegen <<SignedSource::96ec2e315f96de68a6448317cce334ce>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
@@ -38,6 +38,7 @@ export default {
     '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': 'error',
     '@atlaskit/design-system/prefer-primitives': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',
+    '@atlaskit/design-system/use-cx-function-in-xcss': 'error',
     '@atlaskit/design-system/use-datetime-picker-calendar-button': 'warn',
     '@atlaskit/design-system/use-drawer-label': 'warn',
     '@atlaskit/design-system/use-heading': 'warn',

package/dist/esm/presets/recommended-flat.codegen.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::76f6f7b7602ea240cbcfc6bc98a781af>>
+ * @codegen <<SignedSource::4f6ee2ae56e1c0534f0f8e3fde314cc7>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
@@ -28,6 +28,7 @@ export default {
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',
     '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': 'error',
     '@atlaskit/design-system/use-button-group-label': 'warn',
+    '@atlaskit/design-system/use-cx-function-in-xcss': 'error',
     '@atlaskit/design-system/use-datetime-picker-calendar-button': 'warn',
     '@atlaskit/design-system/use-drawer-label': 'warn',
     '@atlaskit/design-system/use-heading-level-in-spotlight-card': 'warn',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::98f3a7e3c7f8f8532248994786f11c98>>
+ * @codegen <<SignedSource::85c1f4ada9dac0f66e87e3734a36cb6b>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
@@ -27,6 +27,7 @@ export default {
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',
     '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': 'error',
     '@atlaskit/design-system/use-button-group-label': 'warn',
+    '@atlaskit/design-system/use-cx-function-in-xcss': 'error',
     '@atlaskit/design-system/use-datetime-picker-calendar-button': 'warn',
     '@atlaskit/design-system/use-drawer-label': 'warn',
     '@atlaskit/design-system/use-heading-level-in-spotlight-card': 'warn',

package/dist/esm/rules/ensure-design-token-usage/index.js CHANGED Viewed

@@ -20,6 +20,7 @@ var defaultConfig = {
 };
 var createWithConfig = function createWithConfig(initialConfig) {
   return function (context) {
+    // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
     var userConfig = context.options[0];
     // merge configs
     var config = {

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::551d1887446166d5a78fc51663d43e9c>>
+ * @codegen <<SignedSource::66749852497ab0f2dc3214dd47aaf598>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';
@@ -35,6 +35,7 @@ import noUnsafeStyleOverrides from './no-unsafe-style-overrides';
 import noUnsupportedDragAndDropLibraries from './no-unsupported-drag-and-drop-libraries';
 import preferPrimitives from './prefer-primitives';
 import useButtonGroupLabel from './use-button-group-label';
+import useCxFunctionInXcss from './use-cx-function-in-xcss';
 import useDatetimePickerCalendarButton from './use-datetime-picker-calendar-button';
 import useDrawerLabel from './use-drawer-label';
 import useHeading from './use-heading';
@@ -85,6 +86,7 @@ export var rules = {
   'no-unsupported-drag-and-drop-libraries': noUnsupportedDragAndDropLibraries,
   'prefer-primitives': preferPrimitives,
   'use-button-group-label': useButtonGroupLabel,
+  'use-cx-function-in-xcss': useCxFunctionInXcss,
   'use-datetime-picker-calendar-button': useDatetimePickerCalendarButton,
   'use-drawer-label': useDrawerLabel,
   'use-heading': useHeading,

package/dist/esm/rules/no-custom-icons/index.js CHANGED Viewed

@@ -32,6 +32,8 @@ var rule = createLintRule({
   create: function create(context) {
     var _context$options$;
     var isIconBase = createIsFromImportSourceFor('@atlaskit/icon', '@atlaskit/icon/base');
+    // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
     var _ref = (_context$options$ = context.options[0]) !== null && _context$options$ !== void 0 ? _context$options$ : {},
       _ref$centralLocation = _ref.centralLocation,
       centralLocation = _ref$centralLocation === void 0 ? '' : _ref$centralLocation,

package/dist/esm/rules/no-deprecated-apis/index.js CHANGED Viewed

@@ -67,7 +67,9 @@ var rule = createLintRule({
     var _context$options$;
     // Get the rule configuration specified otherwise use default config.
     // A bit confusing as it seems that the default options have precedence over the user specified options.
-    var deprecatedConfig = ((_context$options$ = context.options[0]) === null || _context$options$ === void 0 ? void 0 : _context$options$.deprecatedConfig) || getConfig('jsxAttributes');
+    var deprecatedConfig =
+    // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
+    ((_context$options$ = context.options[0]) === null || _context$options$ === void 0 ? void 0 : _context$options$.deprecatedConfig) || getConfig('jsxAttributes');
     return {
       // find JSX attribute - find name of attribute - get source and find relevant identifiers.
       JSXAttribute: function JSXAttribute(node) {

package/dist/esm/rules/no-deprecated-imports/checks.js CHANGED Viewed

@@ -32,7 +32,9 @@ export var createChecks = function createChecks(context) {
       type = _ref.type,
       node = _ref.node,
       importNames = _ref.importNames;
-    var restrictedPathMessages = ((_context$options$ = context.options[0]) === null || _context$options$ === void 0 ? void 0 : _context$options$.deprecatedConfig) || getConfig('imports');
+    var restrictedPathMessages =
+    // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
+    ((_context$options$ = context.options[0]) === null || _context$options$ === void 0 ? void 0 : _context$options$.deprecatedConfig) || getConfig('imports');
     if (!isDeprecatedImportConfig(restrictedPathMessages)) {
       throw new Error('Config is invalid for deprecated imports');
     }

package/dist/esm/rules/no-legacy-icons/helpers.js CHANGED Viewed

@@ -311,7 +311,9 @@ var getLiteralStringValue = function getLiteralStringValue(value) {
   }
   return;
 };
-export var createHelpers = function createHelpers(context) {
+export var createHelpers = function createHelpers(ctx) {
+  // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
+  var context = ctx;
   /**
    * Extracts the token name of a token() call from a JSXExpressionContainer
    * @param value The JSXExpressionContainer to extract the token call from

package/dist/esm/rules/no-unsafe-design-token-usage/index.js CHANGED Viewed

@@ -49,6 +49,7 @@ var rule = createLintRule({
     }]
   },
   create: function create(context) {
+    // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
     var config = _objectSpread({}, context.options[0]);
     if (!config.fallbackUsage) {
       config.fallbackUsage = config.shouldEnforceFallbacks ? 'forced' : 'none';

package/dist/esm/rules/use-cx-function-in-xcss/index.js ADDED Viewed

@@ -0,0 +1,91 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { createLintRule } from '../utils/create-rule';
+var rule = createLintRule({
+  meta: {
+    name: 'use-cx-function-in-xcss',
+    fixable: 'code',
+    hasSuggestions: true,
+    type: 'problem',
+    docs: {
+      description: 'Enforces cx function use to combine styles in xcss.',
+      recommended: true,
+      severity: 'error'
+    },
+    messages: {
+      useCxFunc: "Use the cx function when combining styles in the xcss prop."
+    }
+  },
+  create: function create(context) {
+    var importStatement = null;
+    var primitiveNames = new Set();
+    return {
+      "ImportDeclaration[source.value='@atlaskit/css']": function ImportDeclarationSourceValueAtlaskit_css(node) {
+        importStatement = {
+          node: node
+        };
+        var _iterator = _createForOfIteratorHelper(node.specifiers),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var specifier = _step.value;
+            if (specifier.type === 'ImportSpecifier' && specifier.imported.name === 'cx') {
+              importStatement.cxFuncLocalName = specifier.local.name;
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      },
+      'ImportDeclaration[source.value="@atlaskit/primitives/compiled"]': function ImportDeclarationSourceValueAtlaskit_primitives_compiled(node) {
+        var _iterator2 = _createForOfIteratorHelper(node.specifiers),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var specifier = _step2.value;
+            primitiveNames.add(specifier.local.name);
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+      },
+      'JSXAttribute > JSXIdentifier[name=/[xX]css$/]': function JSXAttribute__JSXIdentifierName_XXCss$_(node) {
+        var xcssValue = node.parent && isNodeOfType(node.parent, 'JSXAttribute') && node.parent.value && isNodeOfType(node.parent.value, 'JSXExpressionContainer') ? node.parent.value : undefined;
+        if (!xcssValue) {
+          return;
+        }
+        var jsxElementName = node.parent.parent && isNodeOfType(node.parent.parent, 'JSXOpeningElement') && node.parent.parent.name && isNodeOfType(node.parent.parent.name, 'JSXIdentifier') ? node.parent.parent.name.name : undefined;
+        if (!jsxElementName) {
+          return;
+        }
+        // check if this JSX element is from the primitives entry point and if prop value is an array
+        if (primitiveNames.has(jsxElementName) && xcssValue.expression.type === 'ArrayExpression') {
+          context.report({
+            node: xcssValue,
+            messageId: 'useCxFunc',
+            fix: function fix(fixer) {
+              var fixes = [];
+              var sourceCode = context.sourceCode;
+              var styles = sourceCode.getText(xcssValue.expression);
+              fixes.push(fixer.replaceText(xcssValue, (importStatement && importStatement.cxFuncLocalName ? "{".concat(importStatement.cxFuncLocalName) : "{cx") + "(".concat(styles.replace(/^\[/, '').replace(/\]$/, ''), ")}")));
+              if (!importStatement) {
+                fixes.push(fixer.insertTextBeforeRange([0, 0], "import { cx } from '@atlaskit/css';\n"));
+              } else if (!importStatement.cxFuncLocalName) {
+                var importText = sourceCode.getText(importStatement.node);
+                fixes.push(fixer.replaceText(importStatement.node, importText.includes('{') ? importText.replace(/import(.*) {\s?/, "import$1 { cx, ") : importText.replace(/ from /, ", { cx } from ")));
+              }
+              return fixes;
+            }
+          });
+        }
+      }
+    };
+  }
+});
+export default rule;

package/dist/esm/rules/use-heading/index.js CHANGED Viewed

@@ -31,6 +31,7 @@ var rule = createLintRule({
     }
   },
   create: function create(context) {
+    // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
     var config = getConfig(context.options[0]);
     return errorBoundary({
       // transforms <h1>...</h1> usages

package/dist/esm/rules/use-latest-xcss-syntax-typography/index.js CHANGED Viewed

@@ -40,6 +40,7 @@ var rule = createLintRule({
     }
   },
   create: function create(context) {
+    // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
     var config = getConfig(context.options[0]);
     return errorBoundary({
       'CallExpression[callee.name="xcss"] ObjectExpression > Property > Identifier[name=/(fontSize|lineHeight|fontWeight|letterSpacing)/]': function CallExpressionCalleeNameXcss_ObjectExpression__Property__IdentifierName_FontSizeLineHeightFontWeightLetterSpacing_(node) {

package/dist/esm/rules/use-modal-dialog-close-button/index.js CHANGED Viewed

@@ -68,7 +68,7 @@ var rule = createLintRule({
           return;
         }
         var name = node.openingElement.name.name;
-        if (name !== defaultImportLocalName) {
+        if (![defaultImportLocalName, modalHeaderLocalName].includes(name)) {
           return;
         }
         var modalHeaderNode = null;
@@ -132,13 +132,31 @@ var rule = createLintRule({
             _iterator.f();
           }
         };
-        searchNode(node);
+        if (name === defaultImportLocalName) {
+          searchNode(node);
+          // If there is a close button, skip the rest, as this satisfies the
+          // rule. If there is a modal header, it will be recognized in later
+          // scans, so don't add duplicate errors
+          if (closeButtonNode || modalHeaderNode) {
+            return;
+            // No close button or modal header exists
+          } else {
+            return context.report({
+              node: node,
+              messageId: 'noCloseButtonExists'
+            });
+          }
+        } else if (name === modalHeaderLocalName) {
+          modalHeaderNode = node;
+          searchNode(node);
+          // If there is a close button, skip the rest, as this satisfies the rule.
+          if (closeButtonNode) {
+            return;
+          }
-        // If there is a close button, skip the rest, as this satisfies the rule.
-        if (closeButtonNode) {
-          return;
           // No close button exists, so check the modal header
-        } else if (modalHeaderNode !== null) {
           var prop = JSXElementHelper.getAttributeByName(modalHeaderNode, PROP_NAME);
           // If the prop exists
@@ -171,12 +189,6 @@ var rule = createLintRule({
               }]
             });
           }
-          // No close button or modal header exists
-        } else {
-          return context.report({
-            node: node,
-            messageId: 'noCloseButtonExists'
-          });
         }
       }
     };

package/dist/esm/rules/use-primitives/index.js CHANGED Viewed

@@ -32,6 +32,7 @@ var rule = createLintRule({
     }
   },
   create: function create(context) {
+    // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
     var config = getConfig(context.options[0]);
     return {
       // transforms styled.<html>(...) usages

package/dist/esm/rules/use-primitives-text/index.js CHANGED Viewed

@@ -47,6 +47,7 @@ var rule = createLintRule({
     }
   },
   create: function create(context) {
+    // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
     var config = getConfig(context.options[0]);
     return errorBoundary({
       'JSXElement[openingElement.name.name=span]': function JSXElementOpeningElementNameNameSpan(node) {

package/dist/esm/rules/use-tokens-typography/index.js CHANGED Viewed

@@ -8,6 +8,7 @@ import { RestrictedCapitalisation } from './transformers/restricted-capitalisati
 import { StyleObject } from './transformers/style-object';
 import { UntokenizedProperties } from './transformers/untokenized-properties';
 var create = function create(context) {
+  // TODO: JFP-2823 - this type cast was added due to Jira's ESLint v9 migration
   var config = getConfig(context.options[0]);
   return errorBoundary({
     // const styles = css({ fontSize: '14px', ... }), styled.div({ fontSize: 14, ... })

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

@@ -47,6 +47,7 @@ export declare const plugin: {
         'no-unsupported-drag-and-drop-libraries': import("eslint").Rule.RuleModule;
         'prefer-primitives': import("eslint").Rule.RuleModule;
         'use-button-group-label': import("eslint").Rule.RuleModule;
+        'use-cx-function-in-xcss': import("eslint").Rule.RuleModule;
         'use-datetime-picker-calendar-button': import("eslint").Rule.RuleModule;
         'use-drawer-label': import("eslint").Rule.RuleModule;
         'use-heading': import("eslint").Rule.RuleModule;
@@ -100,6 +101,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
                 '@atlaskit/design-system/prefer-primitives': "warn";
                 '@atlaskit/design-system/use-button-group-label': "warn";
+                '@atlaskit/design-system/use-cx-function-in-xcss': "error";
                 '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
                 '@atlaskit/design-system/use-drawer-label': "warn";
                 '@atlaskit/design-system/use-heading': "warn";
@@ -155,6 +157,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
                 '@atlaskit/design-system/prefer-primitives': "warn";
                 '@atlaskit/design-system/use-button-group-label': "warn";
+                '@atlaskit/design-system/use-cx-function-in-xcss': "error";
                 '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
                 '@atlaskit/design-system/use-drawer-label': "warn";
                 '@atlaskit/design-system/use-heading': "warn";
@@ -197,6 +200,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
                 '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
                 '@atlaskit/design-system/use-button-group-label': "warn";
+                '@atlaskit/design-system/use-cx-function-in-xcss': "error";
                 '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
                 '@atlaskit/design-system/use-drawer-label': "warn";
                 '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
@@ -236,6 +240,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
                 '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
                 '@atlaskit/design-system/use-button-group-label': "warn";
+                '@atlaskit/design-system/use-cx-function-in-xcss': "error";
                 '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
                 '@atlaskit/design-system/use-drawer-label': "warn";
                 '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
@@ -287,6 +292,7 @@ declare const configs: {
             '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
             '@atlaskit/design-system/prefer-primitives': "warn";
             '@atlaskit/design-system/use-button-group-label': "warn";
+            '@atlaskit/design-system/use-cx-function-in-xcss': "error";
             '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
             '@atlaskit/design-system/use-drawer-label': "warn";
             '@atlaskit/design-system/use-heading': "warn";
@@ -342,6 +348,7 @@ declare const configs: {
             '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
             '@atlaskit/design-system/prefer-primitives': "warn";
             '@atlaskit/design-system/use-button-group-label': "warn";
+            '@atlaskit/design-system/use-cx-function-in-xcss': "error";
             '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
             '@atlaskit/design-system/use-drawer-label': "warn";
             '@atlaskit/design-system/use-heading': "warn";
@@ -384,6 +391,7 @@ declare const configs: {
             '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
             '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
             '@atlaskit/design-system/use-button-group-label': "warn";
+            '@atlaskit/design-system/use-cx-function-in-xcss': "error";
             '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
             '@atlaskit/design-system/use-drawer-label': "warn";
             '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";
@@ -423,6 +431,7 @@ declare const configs: {
             '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
             '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
             '@atlaskit/design-system/use-button-group-label': "warn";
+            '@atlaskit/design-system/use-cx-function-in-xcss': "error";
             '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
             '@atlaskit/design-system/use-drawer-label': "warn";
             '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";

package/dist/types/presets/all-flat.codegen.d.ts CHANGED Viewed

@@ -32,6 +32,7 @@ declare const _default: {
         '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
         '@atlaskit/design-system/prefer-primitives': "warn";
         '@atlaskit/design-system/use-button-group-label': "warn";
+        '@atlaskit/design-system/use-cx-function-in-xcss': "error";
         '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
         '@atlaskit/design-system/use-drawer-label': "warn";
         '@atlaskit/design-system/use-heading': "warn";

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

@@ -32,6 +32,7 @@ declare const _default: {
         '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
         '@atlaskit/design-system/prefer-primitives': "warn";
         '@atlaskit/design-system/use-button-group-label': "warn";
+        '@atlaskit/design-system/use-cx-function-in-xcss': "error";
         '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
         '@atlaskit/design-system/use-drawer-label': "warn";
         '@atlaskit/design-system/use-heading': "warn";

package/dist/types/presets/recommended-flat.codegen.d.ts CHANGED Viewed

@@ -21,6 +21,7 @@ declare const _default: {
         '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
         '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
         '@atlaskit/design-system/use-button-group-label': "warn";
+        '@atlaskit/design-system/use-cx-function-in-xcss': "error";
         '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
         '@atlaskit/design-system/use-drawer-label': "warn";
         '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";

package/dist/types/presets/recommended.codegen.d.ts CHANGED Viewed

@@ -21,6 +21,7 @@ declare const _default: {
         '@atlaskit/design-system/no-unsafe-style-overrides': "warn";
         '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': "error";
         '@atlaskit/design-system/use-button-group-label': "warn";
+        '@atlaskit/design-system/use-cx-function-in-xcss': "error";
         '@atlaskit/design-system/use-datetime-picker-calendar-button': "warn";
         '@atlaskit/design-system/use-drawer-label': "warn";
         '@atlaskit/design-system/use-heading-level-in-spotlight-card': "warn";

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

@@ -31,6 +31,7 @@ export declare const rules: {
     'no-unsupported-drag-and-drop-libraries': import("eslint").Rule.RuleModule;
     'prefer-primitives': import("eslint").Rule.RuleModule;
     'use-button-group-label': import("eslint").Rule.RuleModule;
+    'use-cx-function-in-xcss': import("eslint").Rule.RuleModule;
     'use-datetime-picker-calendar-button': import("eslint").Rule.RuleModule;
     'use-drawer-label': import("eslint").Rule.RuleModule;
     'use-heading': import("eslint").Rule.RuleModule;

package/dist/types/rules/no-legacy-icons/helpers.d.ts CHANGED Viewed

@@ -96,7 +96,7 @@ export declare const createAutoMigrationError: ({ node, importSource, iconName,
     spacing?: string | undefined;
     insideNewButton?: boolean | undefined;
 }) => void;
-export declare const createHelpers: (context: Rule.RuleContext) => {
+export declare const createHelpers: (ctx: Rule.RuleContext) => {
     /**
      * Extracts the primaryColor value from a JSXAttribute
      */

package/dist/types/rules/use-cx-function-in-xcss/index.d.ts ADDED Viewed

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