@atlaskit/eslint-plugin-design-system 13.15.0 → 13.16.1

package/dist/cjs/rules/no-utility-icons/checks.js

@@ -0,0 +1,233 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createChecks = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+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; }
+var specialCases = {
+  '@atlaskit/icon/utility/cross': '@atlaskit/icon/core/close',
+  '@atlaskit/icon/utility/migration/cross--editor-close': '@atlaskit/icon/core/migration/close--editor-close'
+};
+var iconPropsinNewButton = ['icon', 'iconBefore', 'iconAfter'];
+var createChecks = exports.createChecks = function createChecks(context) {
+  var importStatementsUtility = {};
+  var importStatementsCore = {};
+  var newButtonImports = new Set();
+  var errors = {};
+  var checkImportDeclarations = function checkImportDeclarations(node) {
+    var moduleSource = node.source.value;
+    if (typeof moduleSource !== 'string') {
+      return;
+    }
+    if (moduleSource.startsWith('@atlaskit/icon/utility/')) {
+      var _iterator = _createForOfIteratorHelper(node.specifiers),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var specifier = _step.value;
+          if (specifier.type === 'ImportDefaultSpecifier') {
+            importStatementsUtility[specifier.local.name] = node;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    } else if (moduleSource.startsWith('@atlaskit/icon/core/')) {
+      var _iterator2 = _createForOfIteratorHelper(node.specifiers),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var _specifier = _step2.value;
+          if (_specifier.type === 'ImportDefaultSpecifier') {
+            importStatementsCore[moduleSource] = {
+              node: node,
+              localName: _specifier.local.name
+            };
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    } else if (moduleSource.startsWith('@atlaskit/button/')) {
+      var _iterator3 = _createForOfIteratorHelper(node.specifiers),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _specifier2 = _step3.value;
+          newButtonImports.add(_specifier2.local.name);
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+    }
+  };
+  var checkJSXElement = function checkJSXElement(node) {
+    if (!((0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement') && (0, _eslintCodemodUtils.isNodeOfType)(node.openingElement.name, 'JSXIdentifier') && importStatementsUtility.hasOwnProperty(node.openingElement.name.name) && typeof importStatementsUtility[node.openingElement.name.name].source.value === 'string')) {
+      return;
+    }
+    if (!errors.hasOwnProperty(node.openingElement.name.name)) {
+      errors[node.openingElement.name.name] = [];
+    }
+    errors[node.openingElement.name.name].push({
+      node: node,
+      messageId: 'noUtilityIconsJSXElement',
+      localName: node.openingElement.name.name,
+      fixable: true,
+      inNewButton: false
+    });
+  };
+
+  // Cases: As Props, In Function Calls, In Arrays, In Maps, In Exports
+  var checkIconReference = function checkIconReference(node) {
+    //if this is an import statement then exit early
+    if (node.parent && ((0, _eslintCodemodUtils.isNodeOfType)(node.parent, 'ImportSpecifier') || (0, _eslintCodemodUtils.isNodeOfType)(node.parent, 'ImportDefaultSpecifier'))) {
+      return;
+    }
+
+    //check the reference to see if it's a utility icon, if not exit early
+    if (!importStatementsUtility.hasOwnProperty(node.name)) {
+      return;
+    }
+
+    // if it is in new Button then we can fix it
+    if (node.parent && node.parent.parent && node.parent.parent.parent && (0, _eslintCodemodUtils.isNodeOfType)(node.parent, 'JSXExpressionContainer') && (0, _eslintCodemodUtils.isNodeOfType)(node.parent.parent, 'JSXAttribute') && (0, _eslintCodemodUtils.isNodeOfType)(node.parent.parent.name, 'JSXIdentifier') && iconPropsinNewButton.includes(node.parent.parent.name.name) && (0, _eslintCodemodUtils.isNodeOfType)(node.parent.parent.parent, 'JSXOpeningElement') && (0, _eslintCodemodUtils.isNodeOfType)(node.parent.parent.parent.name, 'JSXIdentifier') && newButtonImports.has(node.parent.parent.parent.name.name)) {
+      // if it is in new Button then we can fix it
+      if (!errors.hasOwnProperty(node.name)) {
+        errors[node.name] = [];
+      }
+      errors[node.name].push({
+        node: node,
+        messageId: 'noUtilityIconsReference',
+        localName: node.name,
+        fixable: true,
+        inNewButton: true
+      });
+      return;
+    }
+
+    // manually error
+    if (!errors.hasOwnProperty(node.name)) {
+      errors[node.name] = [];
+    }
+    errors[node.name].push({
+      node: node,
+      messageId: 'noUtilityIconsReference',
+      localName: node.name,
+      fixable: false,
+      inNewButton: false
+    });
+  };
+
+  /**
+   * Throws the relevant errors in the correct order.
+   */
+  var throwErrors = function throwErrors() {
+    var _loop = function _loop() {
+      var utilityIcon = _Object$keys[_i];
+      var allFixable = errors[utilityIcon].every(function (x) {
+        return x.fixable;
+      }); // Check if ALL errors for a giving import are fixable
+      var originalImportNode = importStatementsUtility[utilityIcon];
+      var oldImportName = importStatementsUtility[utilityIcon].source.value;
+      var newImportName = specialCases.hasOwnProperty(oldImportName) ? specialCases[oldImportName] : oldImportName.replace('@atlaskit/icon/utility/', '@atlaskit/icon/core/');
+      var existingImport = importStatementsCore.hasOwnProperty(newImportName) ? importStatementsCore[newImportName].localName : null;
+      var replacementImportName = existingImport ? existingImport : allFixable ? utilityIcon : "".concat(utilityIcon, "Core");
+      var importFixAdded = false;
+      var _iterator4 = _createForOfIteratorHelper(errors[utilityIcon].entries()),
+        _step4;
+      try {
+        var _loop2 = function _loop2() {
+          var _step4$value = (0, _slicedToArray2.default)(_step4.value, 2),
+            index = _step4$value[0],
+            error = _step4$value[1];
+          if (error.fixable) {
+            context.report({
+              node: error.node,
+              messageId: error.messageId,
+              fix: function fix(fixer) {
+                var fixes = [];
+
+                // Add a new import statement if it doesn't already exist
+                if (!existingImport && !importFixAdded) {
+                  importFixAdded = true;
+                  fixes.push(fixer.insertTextBeforeRange([0, 0], "import ".concat(replacementImportName, " from '").concat(newImportName, "';\n")));
+                }
+
+                // Handle JSX elements differently if they are in a "new Button"
+                if (error.inNewButton) {
+                  // Replace the icon with a function that wraps it with iconProps and size="small"
+                  var wrappedIcon = "(iconProps) => <".concat(replacementImportName, " {...iconProps} size=\"small\" />");
+                  fixes.push(fixer.replaceText(error.node, wrappedIcon));
+                } else if ((0, _eslintCodemodUtils.isNodeOfType)(error.node, 'JSXElement') && (0, _eslintCodemodUtils.isNodeOfType)(error.node.openingElement.name, 'JSXIdentifier')) {
+                  // Replace the JSX element's closing tag with size="small"
+                  var newOpeningElementText = context.sourceCode.getText(error.node.openingElement).replace(/\s*\/\s*>$/, " size=\"small\"/>").replace(new RegExp('<\s*' + error.node.openingElement.name.name), "<".concat(replacementImportName));
+                  fixes.push(fixer.replaceText(error.node.openingElement, newOpeningElementText));
+                }
+
+                // Handle the first fixable error for import removal if all fixable for this import
+                if (index === 0 && allFixable) {
+                  fixes.push(fixer.remove(originalImportNode));
+                }
+                return fixes;
+              }
+            });
+          } else {
+            // Report non-fixable errors
+            context.report({
+              node: error.node,
+              messageId: error.messageId
+            });
+          }
+        };
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+          _loop2();
+        }
+      } catch (err) {
+        _iterator4.e(err);
+      } finally {
+        _iterator4.f();
+      }
+    };
+    for (var _i = 0, _Object$keys = Object.keys(errors); _i < _Object$keys.length; _i++) {
+      _loop();
+    }
+
+    // If other utility icons are imported but there were no errors for them - (this should only be unused imports but good to have as a backup), report them
+    var otherUtilityImportsWithoutErrors = Object.keys(importStatementsUtility).filter(function (utilityIcon) {
+      return !errors.hasOwnProperty(utilityIcon);
+    });
+    var _iterator5 = _createForOfIteratorHelper(otherUtilityImportsWithoutErrors),
+      _step5;
+    try {
+      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+        var utilityIcon = _step5.value;
+        context.report({
+          node: importStatementsUtility[utilityIcon],
+          messageId: 'noUtilityIconsImport'
+        });
+      }
+    } catch (err) {
+      _iterator5.e(err);
+    } finally {
+      _iterator5.f();
+    }
+  };
+  return {
+    checkImportDeclarations: checkImportDeclarations,
+    checkJSXElement: checkJSXElement,
+    checkIconReference: checkIconReference,
+    throwErrors: throwErrors
+  };
+};

package/dist/cjs/rules/no-utility-icons/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _createRule = require("../utils/create-rule");
+var _checks = require("./checks");
+var rule = (0, _createRule.createLintRule)({
+  meta: {
+    name: 'no-utility-icons',
+    fixable: 'code',
+    hasSuggestions: true,
+    type: 'problem',
+    docs: {
+      description: 'Disallow use of deprecated utility icons, in favor of core icons with `size="small"`.',
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      noUtilityIconsJSXElement: "Utility icons are deprecated. Please use core icons instead with the size prop set to small.",
+      noUtilityIconsImport: "Utility icons are deprecated. Please do not import them, use core icons instead.",
+      noUtilityIconsReference: "Utility icons are deprecated. To replace them, please use core icons with the size prop set to small instead."
+    }
+  },
+  create: function create(context) {
+    var _createChecks = (0, _checks.createChecks)(context),
+      checkImportDeclarations = _createChecks.checkImportDeclarations,
+      checkJSXElement = _createChecks.checkJSXElement,
+      checkIconReference = _createChecks.checkIconReference,
+      throwErrors = _createChecks.throwErrors;
+    return {
+      ImportDeclaration: checkImportDeclarations,
+      JSXElement: checkJSXElement,
+      Identifier: checkIconReference,
+      'Program:exit': throwErrors
+    };
+  }
+});
+var _default = exports.default = rule;

package/dist/es2019/presets/all-flat.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c6c896451f2be4d48f04068f5bbb85f1>>
+ * @codegen <<SignedSource::5ceb45b21744434ca96a850461a3c574>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -12,6 +12,7 @@ export default {
     '@atlaskit/design-system/ensure-design-token-usage': 'error',
     '@atlaskit/design-system/ensure-design-token-usage/preview': 'warn',
     '@atlaskit/design-system/ensure-icon-color': 'error',
+    '@atlaskit/design-system/ensure-proper-xcss-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
     '@atlaskit/design-system/no-banned-imports': 'error',
     '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
@@ -47,6 +48,7 @@ export default {
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',
     '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': 'error',
+    '@atlaskit/design-system/no-utility-icons': 'warn',
     '@atlaskit/design-system/prefer-primitives': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',
     '@atlaskit/design-system/use-cx-function-in-xcss': 'error',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d4de619ac262298b2af11f905a02b0dd>>
+ * @codegen <<SignedSource::b96d8bb5115de6e0a230feef152a1365>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -11,6 +11,7 @@ export default {
     '@atlaskit/design-system/ensure-design-token-usage': 'error',
     '@atlaskit/design-system/ensure-design-token-usage/preview': 'warn',
     '@atlaskit/design-system/ensure-icon-color': 'error',
+    '@atlaskit/design-system/ensure-proper-xcss-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
     '@atlaskit/design-system/no-banned-imports': 'error',
     '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
@@ -46,6 +47,7 @@ export default {
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',
     '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': 'error',
+    '@atlaskit/design-system/no-utility-icons': 'warn',
     '@atlaskit/design-system/prefer-primitives': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',
     '@atlaskit/design-system/use-cx-function-in-xcss': 'error',

package/dist/es2019/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::af96131434aa77c7882ceb200e4e2cf1>>
+ * @codegen <<SignedSource::10f372e16c048db9bfb1bc36cf48421c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -36,6 +36,7 @@ export default {
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',
     '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': 'error',
+    '@atlaskit/design-system/no-utility-icons': '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',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4bb65ab8e5c1cad968c6e74d7179e58b>>
+ * @codegen <<SignedSource::608f46f9cc8653226152a8edc34849d6>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -35,6 +35,7 @@ export default {
     '@atlaskit/design-system/no-unsafe-design-token-usage': 'error',
     '@atlaskit/design-system/no-unsafe-style-overrides': 'warn',
     '@atlaskit/design-system/no-unsupported-drag-and-drop-libraries': 'error',
+    '@atlaskit/design-system/no-utility-icons': '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',

package/dist/es2019/rules/ensure-proper-xcss-usage/index.js

@@ -0,0 +1,149 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { createLintRule } from '../utils/create-rule';
+import { errorBoundary } from '../utils/error-boundary';
+const rule = createLintRule({
+  meta: {
+    name: 'ensure-proper-xcss-usage',
+    docs: {
+      description: 'Enforces proper xcss usage: migrate from xcss() to cssMap() and use cssMap objects with specific keys.',
+      recommended: false,
+      severity: 'error'
+    },
+    messages: {
+      missingCssMapKey: 'xcss prop should use a specific key from cssMap (e.g., {{identifier}}.root) instead of the entire cssMap object.',
+      noXcssWithCompiled: 'Cannot use `xcss()` function with `@atlaskit/primitives/compiled`. Use `cssMap()` from `@atlaskit/css or `@compiled/react` instead.'
+    }
+  },
+  create(context) {
+    const tracker = {
+      // Components tracking
+      compiledComponents: new Set(),
+      // Function tracking
+      cssMapFunction: new Set(),
+      xcssFunction: new Set(),
+      // Variables tracking
+      cssMapVariables: new Map(),
+      xcssVariables: new Set()
+    };
+    return errorBoundary({
+      // Track all imports in a single handler
+      ImportDeclaration(node) {
+        const source = node.source.value;
+        node.specifiers.forEach(specifier => {
+          if (specifier.type !== 'ImportSpecifier') {
+            return;
+          }
+
+          // Handle different import sources
+          switch (source) {
+            case '@atlaskit/primitives/compiled':
+              tracker.compiledComponents.add(specifier.imported.name);
+              break;
+            case '@atlaskit/primitives':
+              if (specifier.imported.name === 'xcss') {
+                tracker.xcssFunction.add(specifier.local.name);
+              }
+              break;
+            case '@atlaskit/css':
+            case '@compiled/react':
+              if (specifier.imported.name === 'cssMap') {
+                tracker.cssMapFunction.add(specifier.local.name);
+              }
+              break;
+          }
+        });
+      },
+      // Track variable declarations
+      VariableDeclarator(node) {
+        if (!node.init || node.init.type !== 'CallExpression' || node.init.callee.type !== 'Identifier' || node.id.type !== 'Identifier') {
+          return;
+        }
+        const calleeName = node.init.callee.name;
+        const variableName = node.id.name;
+
+        // Track cssMap variables and extract their keys
+        if (tracker.cssMapFunction.has(calleeName)) {
+          const keys = new Set();
+
+          // Extract keys from the cssMap object argument
+          if (node.init.arguments.length > 0 && node.init.arguments[0].type === 'ObjectExpression') {
+            node.init.arguments[0].properties.forEach(prop => {
+              if (prop.type === 'Property' && prop.key.type === 'Identifier') {
+                keys.add(prop.key.name);
+              }
+            });
+          }
+          tracker.cssMapVariables.set(variableName, keys);
+        }
+
+        // Track xcss variables
+        if (tracker.xcssFunction.has(calleeName)) {
+          tracker.xcssVariables.add(variableName);
+        }
+      },
+      // Check JSX elements for xcss prop usage
+      JSXElement(node) {
+        var _xcssAttribute$value;
+        if (!isNodeOfType(node, 'JSXElement')) {
+          return;
+        }
+        const elementName = node.openingElement.name;
+        if (elementName.type !== 'JSXIdentifier') {
+          return;
+        }
+        const componentName = elementName.name;
+        if (!tracker.compiledComponents.has(componentName)) {
+          return;
+        }
+
+        // Find xcss attribute
+        const xcssAttribute = node.openingElement.attributes.find(attr => attr.type === 'JSXAttribute' && attr.name.name === 'xcss');
+        if ((xcssAttribute === null || xcssAttribute === void 0 ? void 0 : (_xcssAttribute$value = xcssAttribute.value) === null || _xcssAttribute$value === void 0 ? void 0 : _xcssAttribute$value.type) !== 'JSXExpressionContainer') {
+          return;
+        }
+        const expression = xcssAttribute.value.expression;
+
+        // Check for direct xcss function calls
+        if (expression.type === 'CallExpression' && expression.callee.type === 'Identifier' && tracker.xcssFunction.has(expression.callee.name)) {
+          context.report({
+            node: expression,
+            messageId: 'noXcssWithCompiled'
+          });
+          return;
+        }
+
+        // Check for variables
+        if (expression.type === 'Identifier') {
+          const identifierName = expression.name;
+          if (tracker.xcssVariables.has(identifierName)) {
+            context.report({
+              node: expression,
+              messageId: 'noXcssWithCompiled'
+            });
+          } else if (tracker.cssMapVariables.has(identifierName)) {
+            context.report({
+              node: expression,
+              messageId: 'missingCssMapKey',
+              data: {
+                identifier: identifierName
+              }
+            });
+          }
+          return;
+        }
+
+        // Check member expressions (e.g., styles.root)
+        if (expression.type === 'MemberExpression' && expression.object.type === 'Identifier') {
+          const objectName = expression.object.name;
+          if (tracker.xcssVariables.has(objectName)) {
+            context.report({
+              node: expression,
+              messageId: 'noXcssWithCompiled'
+            });
+          }
+        }
+      }
+    });
+  }
+});
+export default rule;

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

@@ -1,12 +1,13 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d42e0ce93d45d02a5c30dcfdb7110c17>>
+ * @codegen <<SignedSource::3de5d5b44aa01faabdb840bc7fb43d04>>
  * @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 ensureIconColor from './ensure-icon-color';
+import ensureProperXcssUsage from './ensure-proper-xcss-usage';
 import iconLabel from './icon-label';
 import noBannedImports from './no-banned-imports';
 import noBooleanAutofocusOnModalDialog from './no-boolean-autofocus-on-modal-dialog';
@@ -43,6 +44,7 @@ import noStyledTaggedTemplateExpression from './no-styled-tagged-template-expres
 import noUnsafeDesignTokenUsage from './no-unsafe-design-token-usage';
 import noUnsafeStyleOverrides from './no-unsafe-style-overrides';
 import noUnsupportedDragAndDropLibraries from './no-unsupported-drag-and-drop-libraries';
+import noUtilityIcons from './no-utility-icons';
 import preferPrimitives from './prefer-primitives';
 import useButtonGroupLabel from './use-button-group-label';
 import useCxFunctionInXcss from './use-cx-function-in-xcss';
@@ -69,6 +71,7 @@ export const rules = {
   'ensure-design-token-usage': ensureDesignTokenUsage,
   'ensure-design-token-usage/preview': ensureDesignTokenUsagePreview,
   'ensure-icon-color': ensureIconColor,
+  'ensure-proper-xcss-usage': ensureProperXcssUsage,
   'icon-label': iconLabel,
   'no-banned-imports': noBannedImports,
   'no-boolean-autofocus-on-modal-dialog': noBooleanAutofocusOnModalDialog,
@@ -105,6 +108,7 @@ export const rules = {
   'no-unsafe-design-token-usage': noUnsafeDesignTokenUsage,
   'no-unsafe-style-overrides': noUnsafeStyleOverrides,
   'no-unsupported-drag-and-drop-libraries': noUnsupportedDragAndDropLibraries,
+  'no-utility-icons': noUtilityIcons,
   'prefer-primitives': preferPrimitives,
   'use-button-group-label': useButtonGroupLabel,
   'use-cx-function-in-xcss': useCxFunctionInXcss,