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

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::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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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-primitives/index.js

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

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

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

@@ -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;
@@ -103,6 +104,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";
@@ -161,6 +163,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";
@@ -206,6 +209,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";
@@ -248,6 +252,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";
@@ -302,6 +307,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";
@@ -360,6 +366,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";
@@ -405,6 +412,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";
@@ -447,6 +455,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-ts4.5/presets/all-flat.codegen.d.ts

@@ -35,6 +35,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-ts4.5/presets/all.codegen.d.ts

@@ -35,6 +35,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-ts4.5/presets/recommended-flat.codegen.d.ts

@@ -24,6 +24,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-ts4.5/presets/recommended.codegen.d.ts

@@ -24,6 +24,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-ts4.5/rules/index.codegen.d.ts

@@ -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-ts4.5/rules/no-legacy-icons/helpers.d.ts

@@ -101,7 +101,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-ts4.5/rules/use-cx-function-in-xcss/index.d.ts

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

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": "13.3.0",
+	"version": "13.4.0",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
 	"publishConfig": {
@@ -44,9 +44,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/eslint-utils": "^2.0.0",
-		"@atlaskit/icon": "^25.2.0",
-		"@atlaskit/icon-lab": "^4.5.0",
-		"@atlaskit/tokens": "^4.5.0",
+		"@atlaskit/icon": "^25.5.0",
+		"@atlaskit/icon-lab": "^4.6.0",
+		"@atlaskit/tokens": "^4.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@typescript-eslint/utils": "^7.1.0",
 		"ajv": "^6.12.6",