@atlaskit/eslint-plugin-design-system 13.18.0 → 13.19.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 13.19.0
+
+### Minor Changes
+
+- [#187495](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/187495)
+  [`8c0b4fd35134d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8c0b4fd35134d) -
+  Introduces new ESLint rule to identify unused variables in cssMap.
+
+## 13.18.1
+
+### Patch Changes
+
+- [#188850](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/188850)
+  [`8b19a85abe51e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8b19a85abe51e) -
+  Add nmore cases to the new use correct field rule.
+- Updated dependencies
+
 ## 13.18.0
 
 ### Minor Changes

package/README.md

@@ -91,6 +91,7 @@ module.exports = {
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-unsafe-design-token-usage/README.md">no-unsafe-design-token-usage</a>                               | Enforces design token usage is statically and locally analyzable.                                                                                                                                                                                                                                                   | Yes         | Yes     |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-unsafe-style-overrides/README.md">no-unsafe-style-overrides</a>                                     | Discourage usage of unsafe style overrides used against the Atlassian Design System.                                                                                                                                                                                                                                | Yes         |         |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-unsupported-drag-and-drop-libraries/README.md">no-unsupported-drag-and-drop-libraries</a>           | Disallow importing unsupported drag and drop modules.                                                                                                                                                                                                                                                               | Yes         |         |             |
+| <a href="./packages/design-system/eslint-plugin/src/rules/no-unused-css-map/README.md">no-unused-css-map</a>                                                     | Detects unused styles in cssMap objects to help keep code clean.                                                                                                                                                                                                                                                    | Yes         |         |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-utility-icons/README.md">no-utility-icons</a>                                                       | Disallow use of deprecated utility icons, in favor of core icons with `size="small"`.                                                                                                                                                                                                                               | Yes         | Yes     | Yes         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/prefer-primitives/README.md">prefer-primitives</a>                                                     | Increase awareness of primitive components via code hints. Strictly used for education purposes and discoverability. To enforce usage please refer to the `use-primitives` rule.                                                                                                                                    |             |         |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/use-button-group-label/README.md">use-button-group-label</a>                                           | Ensures button groups are described to assistive technology by a direct label or by another element.                                                                                                                                                                                                                | Yes         |         | Yes         |

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8fb6e53ac7d9be7b9252dd64ec022d26>>
+ * @codegen <<SignedSource::e075ab709ebd382d6f5e39fd78de9d6d>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -54,6 +54,7 @@ var _default = exports.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-unused-css-map': 'warn',
     '@atlaskit/design-system/no-utility-icons': 'warn',
     '@atlaskit/design-system/prefer-primitives': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b727e6e2b1813b88da0df6ff6083be3c>>
+ * @codegen <<SignedSource::d78f5649534c2e153e3ce48063649a8a>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -53,6 +53,7 @@ var _default = exports.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-unused-css-map': 'warn',
     '@atlaskit/design-system/no-utility-icons': 'warn',
     '@atlaskit/design-system/prefer-primitives': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',

package/dist/cjs/presets/recommended-flat.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::af48ffd75d906d008c5701554187b606>>
+ * @codegen <<SignedSource::310988af3dc2559509bf99f2110134b8>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -41,6 +41,7 @@ var _default = exports.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-unused-css-map': 'warn',
     '@atlaskit/design-system/no-utility-icons': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',
     '@atlaskit/design-system/use-correct-field': 'warn',

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::96e803ae8ae873736bab690b2af62bed>>
+ * @codegen <<SignedSource::ce9d9b39fba8bb67d218e48398271109>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -40,6 +40,7 @@ var _default = exports.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-unused-css-map': 'warn',
     '@atlaskit/design-system/no-utility-icons': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',
     '@atlaskit/design-system/use-correct-field': 'warn',

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

@@ -47,6 +47,7 @@ var _noStyledTaggedTemplateExpression = _interopRequireDefault(require("./no-sty
 var _noUnsafeDesignTokenUsage = _interopRequireDefault(require("./no-unsafe-design-token-usage"));
 var _noUnsafeStyleOverrides = _interopRequireDefault(require("./no-unsafe-style-overrides"));
 var _noUnsupportedDragAndDropLibraries = _interopRequireDefault(require("./no-unsupported-drag-and-drop-libraries"));
+var _noUnusedCssMap = _interopRequireDefault(require("./no-unused-css-map"));
 var _noUtilityIcons = _interopRequireDefault(require("./no-utility-icons"));
 var _preferPrimitives = _interopRequireDefault(require("./prefer-primitives"));
 var _useButtonGroupLabel = _interopRequireDefault(require("./use-button-group-label"));
@@ -72,7 +73,7 @@ var _useTokensTypography = _interopRequireDefault(require("./use-tokens-typograp
 var _useVisuallyHidden = _interopRequireDefault(require("./use-visually-hidden"));
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3c4282c17de41bbfb755836f00326036>>
+ * @codegen <<SignedSource::53ad66d79f989ce9beb46ee0186685b2>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -119,6 +120,7 @@ var rules = exports.rules = {
   'no-unsafe-design-token-usage': _noUnsafeDesignTokenUsage.default,
   'no-unsafe-style-overrides': _noUnsafeStyleOverrides.default,
   'no-unsupported-drag-and-drop-libraries': _noUnsupportedDragAndDropLibraries.default,
+  'no-unused-css-map': _noUnusedCssMap.default,
   'no-utility-icons': _noUtilityIcons.default,
   'prefer-primitives': _preferPrimitives.default,
   'use-button-group-label': _useButtonGroupLabel.default,

package/dist/cjs/rules/no-unused-css-map/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
+var _isSupportedImport = require("@atlaskit/eslint-utils/is-supported-import");
+var _createRule = require("../utils/create-rule");
+var _utils = require("./utils");
+var IMPORT_SOURCES = [_isSupportedImport.CSS_IN_JS_IMPORTS.compiled, _isSupportedImport.CSS_IN_JS_IMPORTS.atlaskitCss];
+var createUnusedCssMapRule = function createUnusedCssMapRule(context) {
+  var _getSourceCode = (0, _contextCompat.getSourceCode)(context),
+    text = _getSourceCode.text;
+  if (IMPORT_SOURCES.every(function (importSource) {
+    return !text.includes(importSource);
+  })) {
+    return {};
+  }
+  return {
+    CallExpression: function CallExpression(node) {
+      var references = (0, _contextCompat.getScope)(context, node).references;
+      if (!(0, _isSupportedImport.isCssMap)(node.callee, references, IMPORT_SOURCES)) {
+        return;
+      }
+      var cssMapObject = (0, _utils.getCssMapObject)(node);
+      if (!cssMapObject) {
+        return;
+      }
+      var unusedCssMapChecker = new _utils.UnusedCssMapChecker(cssMapObject, context, node);
+      unusedCssMapChecker.run();
+    }
+  };
+};
+var noUnusedCssMapRule = (0, _createRule.createLintRule)({
+  meta: {
+    name: 'no-unused-css-map',
+    docs: {
+      description: 'Detects unused styles in cssMap objects to help keep code clean.',
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      unusedCssMapStyle: 'Unused style "{{styleName}}" in cssMap. Consider removing it if not needed.'
+    },
+    schema: [],
+    type: 'suggestion'
+  },
+  create: createUnusedCssMapRule
+});
+var _default = exports.default = noUnusedCssMapRule;

package/dist/cjs/rules/no-unused-css-map/utils.js

@@ -0,0 +1,162 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCssMapObject = exports.UnusedCssMapChecker = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
+var _findVariable = require("@atlaskit/eslint-utils/find-variable");
+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 getCssMapObject = exports.getCssMapObject = function getCssMapObject(node) {
+  // We assume the argument `node` is already a cssMap() call.
+
+  // Things like the number of arguments to cssMap and the type of
+  // cssMap's argument are handled by the TypeScript compiler, so
+  // we don't bother with creating eslint errors for these here
+
+  if (node.arguments.length !== 1 || node.arguments[0].type !== 'ObjectExpression') {
+    return;
+  }
+  return node.arguments[0];
+};
+var UnusedCssMapChecker = exports.UnusedCssMapChecker = /*#__PURE__*/function () {
+  function UnusedCssMapChecker(cssMapObject, context, cssMapCallNode) {
+    (0, _classCallCheck2.default)(this, UnusedCssMapChecker);
+    this.cssMapObject = cssMapObject;
+    this.cssMapCallNode = cssMapCallNode;
+    this.report = context.report;
+    this.context = context;
+  }
+  return (0, _createClass2.default)(UnusedCssMapChecker, [{
+    key: "checkForUnusedStyles",
+    value: function checkForUnusedStyles() {
+      // Get all defined style keys
+      var definedStyles = new Map();
+      var _iterator = _createForOfIteratorHelper(this.cssMapObject.properties),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _property = _step.value;
+          if (_property.type === 'Property' && _property.key.type === 'Identifier') {
+            definedStyles.set(_property.key.name, _property);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      if (definedStyles.size === 0) {
+        return;
+      }
+
+      // Find the variable that holds the cssMap result
+      var cssMapVariable = this.findCssMapVariable();
+      if (!cssMapVariable) {
+        return;
+      }
+
+      // Early return if no references - all styles are unused
+      if (cssMapVariable.references.length === 0) {
+        var _iterator2 = _createForOfIteratorHelper(definedStyles),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var _step2$value = (0, _slicedToArray2.default)(_step2.value, 2),
+              styleName = _step2$value[0],
+              property = _step2$value[1];
+            this.report({
+              node: property.key,
+              messageId: 'unusedCssMapStyle',
+              data: {
+                styleName: styleName
+              }
+            });
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+        return;
+      }
+      var usedStyles = new Set();
+      var _iterator3 = _createForOfIteratorHelper(cssMapVariable.references),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var ref = _step3.value;
+          var node = ref.identifier;
+          var parent = node.parent;
+          if ((parent === null || parent === void 0 ? void 0 : parent.type) === 'MemberExpression') {
+            if (!parent.computed && parent.property.type === 'Identifier') {
+              // Static access: styles.danger (not computed)
+              usedStyles.add(parent.property.name);
+
+              // Early exit if all styles are found
+              if (usedStyles.size === definedStyles.size) {
+                return;
+              }
+            } else {
+              // Dynamic access: styles[key], styles['danger'], etc. (computed)
+              // Immediately exit - no styles will be reported as unused
+              return;
+            }
+          }
+        }
+
+        // No dynamic access - report all unused styles
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      var _iterator4 = _createForOfIteratorHelper(definedStyles),
+        _step4;
+      try {
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+          var _step4$value = (0, _slicedToArray2.default)(_step4.value, 2),
+            _styleName = _step4$value[0],
+            _property2 = _step4$value[1];
+          if (!usedStyles.has(_styleName)) {
+            this.report({
+              node: _property2.key,
+              messageId: 'unusedCssMapStyle',
+              data: {
+                styleName: _styleName
+              }
+            });
+          }
+        }
+      } catch (err) {
+        _iterator4.e(err);
+      } finally {
+        _iterator4.f();
+      }
+    }
+  }, {
+    key: "findCssMapVariable",
+    value: function findCssMapVariable() {
+      var callNode = this.cssMapCallNode;
+      var parent = callNode.parent;
+      if ((parent === null || parent === void 0 ? void 0 : parent.type) === 'VariableDeclarator' && parent.id.type === 'Identifier') {
+        return (0, _findVariable.findVariable)({
+          identifier: parent.id,
+          sourceCode: (0, _contextCompat.getSourceCode)(this.context)
+        });
+      }
+      return null;
+    }
+  }, {
+    key: "run",
+    value: function run() {
+      this.checkForUnusedStyles();
+    }
+  }]);
+}();

package/dist/cjs/rules/use-correct-field/index.js

@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.useRangeFieldMessage = exports.useCheckboxFieldMessage = exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _createRule = require("../utils/create-rule");
+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 specialFieldsByImport = {
   '@atlaskit/checkbox': {
     component: 'Checkbox',
@@ -109,6 +112,22 @@ var rule = (0, _createRule.createLintRule)({
           var found;
           while (q.length > 0 && !found) {
             var child = q.pop();
+            if ('children' in child) {
+              var _iterator = _createForOfIteratorHelper(child.children),
+                _step;
+              try {
+                for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                  var innerChild = _step.value;
+                  q.push(innerChild);
+                }
+              } catch (err) {
+                _iterator.e(err);
+              } finally {
+                _iterator.f();
+              }
+            } else if ((0, _eslintCodemodUtils.isNodeOfType)(child, 'BlockStatement') && (0, _eslintCodemodUtils.isNodeOfType)(child.body[0], 'ExpressionStatement')) {
+              q.push(child.body[0].expression);
+            }
             if (!(0, _eslintCodemodUtils.isNodeOfType)(child, 'JSXElement') || !(0, _eslintCodemodUtils.isNodeOfType)(child.openingElement.name, 'JSXIdentifier')) {
               continue;
             }

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::8fb6e53ac7d9be7b9252dd64ec022d26>>
+ * @codegen <<SignedSource::e075ab709ebd382d6f5e39fd78de9d6d>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -49,6 +49,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-unused-css-map': 'warn',
     '@atlaskit/design-system/no-utility-icons': 'warn',
     '@atlaskit/design-system/prefer-primitives': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',

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::b727e6e2b1813b88da0df6ff6083be3c>>
+ * @codegen <<SignedSource::d78f5649534c2e153e3ce48063649a8a>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -48,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-unused-css-map': 'warn',
     '@atlaskit/design-system/no-utility-icons': 'warn',
     '@atlaskit/design-system/prefer-primitives': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',

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::af48ffd75d906d008c5701554187b606>>
+ * @codegen <<SignedSource::310988af3dc2559509bf99f2110134b8>>
  * @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-unused-css-map': 'warn',
     '@atlaskit/design-system/no-utility-icons': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',
     '@atlaskit/design-system/use-correct-field': '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::96e803ae8ae873736bab690b2af62bed>>
+ * @codegen <<SignedSource::ce9d9b39fba8bb67d218e48398271109>>
  * @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-unused-css-map': 'warn',
     '@atlaskit/design-system/no-utility-icons': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',
     '@atlaskit/design-system/use-correct-field': 'warn',

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3c4282c17de41bbfb755836f00326036>>
+ * @codegen <<SignedSource::53ad66d79f989ce9beb46ee0186685b2>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';
@@ -45,6 +45,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 noUnusedCssMap from './no-unused-css-map';
 import noUtilityIcons from './no-utility-icons';
 import preferPrimitives from './prefer-primitives';
 import useButtonGroupLabel from './use-button-group-label';
@@ -111,6 +112,7 @@ export const rules = {
   'no-unsafe-design-token-usage': noUnsafeDesignTokenUsage,
   'no-unsafe-style-overrides': noUnsafeStyleOverrides,
   'no-unsupported-drag-and-drop-libraries': noUnsupportedDragAndDropLibraries,
+  'no-unused-css-map': noUnusedCssMap,
   'no-utility-icons': noUtilityIcons,
   'prefer-primitives': preferPrimitives,
   'use-button-group-label': useButtonGroupLabel,

package/dist/es2019/rules/no-unused-css-map/index.js

@@ -0,0 +1,44 @@
+import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
+import { CSS_IN_JS_IMPORTS, isCssMap } from '@atlaskit/eslint-utils/is-supported-import';
+import { createLintRule } from '../utils/create-rule';
+import { getCssMapObject, UnusedCssMapChecker } from './utils';
+const IMPORT_SOURCES = [CSS_IN_JS_IMPORTS.compiled, CSS_IN_JS_IMPORTS.atlaskitCss];
+const createUnusedCssMapRule = context => {
+  const {
+    text
+  } = getSourceCode(context);
+  if (IMPORT_SOURCES.every(importSource => !text.includes(importSource))) {
+    return {};
+  }
+  return {
+    CallExpression(node) {
+      const references = getScope(context, node).references;
+      if (!isCssMap(node.callee, references, IMPORT_SOURCES)) {
+        return;
+      }
+      const cssMapObject = getCssMapObject(node);
+      if (!cssMapObject) {
+        return;
+      }
+      const unusedCssMapChecker = new UnusedCssMapChecker(cssMapObject, context, node);
+      unusedCssMapChecker.run();
+    }
+  };
+};
+const noUnusedCssMapRule = createLintRule({
+  meta: {
+    name: 'no-unused-css-map',
+    docs: {
+      description: 'Detects unused styles in cssMap objects to help keep code clean.',
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      unusedCssMapStyle: 'Unused style "{{styleName}}" in cssMap. Consider removing it if not needed.'
+    },
+    schema: [],
+    type: 'suggestion'
+  },
+  create: createUnusedCssMapRule
+});
+export default noUnusedCssMapRule;

package/dist/es2019/rules/no-unused-css-map/utils.js

@@ -0,0 +1,101 @@
+import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
+import { findVariable } from '@atlaskit/eslint-utils/find-variable';
+export const getCssMapObject = node => {
+  // We assume the argument `node` is already a cssMap() call.
+
+  // Things like the number of arguments to cssMap and the type of
+  // cssMap's argument are handled by the TypeScript compiler, so
+  // we don't bother with creating eslint errors for these here
+
+  if (node.arguments.length !== 1 || node.arguments[0].type !== 'ObjectExpression') {
+    return;
+  }
+  return node.arguments[0];
+};
+export class UnusedCssMapChecker {
+  constructor(cssMapObject, context, cssMapCallNode) {
+    this.cssMapObject = cssMapObject;
+    this.cssMapCallNode = cssMapCallNode;
+    this.report = context.report;
+    this.context = context;
+  }
+  checkForUnusedStyles() {
+    // Get all defined style keys
+    const definedStyles = new Map();
+    for (const property of this.cssMapObject.properties) {
+      if (property.type === 'Property' && property.key.type === 'Identifier') {
+        definedStyles.set(property.key.name, property);
+      }
+    }
+    if (definedStyles.size === 0) {
+      return;
+    }
+
+    // Find the variable that holds the cssMap result
+    const cssMapVariable = this.findCssMapVariable();
+    if (!cssMapVariable) {
+      return;
+    }
+
+    // Early return if no references - all styles are unused
+    if (cssMapVariable.references.length === 0) {
+      for (const [styleName, property] of definedStyles) {
+        this.report({
+          node: property.key,
+          messageId: 'unusedCssMapStyle',
+          data: {
+            styleName
+          }
+        });
+      }
+      return;
+    }
+    const usedStyles = new Set();
+    for (const ref of cssMapVariable.references) {
+      const node = ref.identifier;
+      const parent = node.parent;
+      if ((parent === null || parent === void 0 ? void 0 : parent.type) === 'MemberExpression') {
+        if (!parent.computed && parent.property.type === 'Identifier') {
+          // Static access: styles.danger (not computed)
+          usedStyles.add(parent.property.name);
+
+          // Early exit if all styles are found
+          if (usedStyles.size === definedStyles.size) {
+            return;
+          }
+        } else {
+          // Dynamic access: styles[key], styles['danger'], etc. (computed)
+          // Immediately exit - no styles will be reported as unused
+          return;
+        }
+      }
+    }
+
+    // No dynamic access - report all unused styles
+    for (const [styleName, property] of definedStyles) {
+      if (!usedStyles.has(styleName)) {
+        this.report({
+          node: property.key,
+          messageId: 'unusedCssMapStyle',
+          data: {
+            styleName
+          }
+        });
+      }
+    }
+  }
+  findCssMapVariable() {
+    const callNode = this.cssMapCallNode;
+    const parent = callNode.parent;
+    if ((parent === null || parent === void 0 ? void 0 : parent.type) === 'VariableDeclarator' && parent.id.type === 'Identifier') {
+      return findVariable({
+        identifier: parent.id,
+        sourceCode: getSourceCode(this.context)
+      });
+    }
+    return null;
+  }
+  run() {
+    this.checkForUnusedStyles();
+  }
+}

package/dist/es2019/rules/use-correct-field/index.js

@@ -95,6 +95,13 @@ const rule = createLintRule({
           let found;
           while (q.length > 0 && !found) {
             const child = q.pop();
+            if ('children' in child) {
+              for (const innerChild of child.children) {
+                q.push(innerChild);
+              }
+            } else if (isNodeOfType(child, 'BlockStatement') && isNodeOfType(child.body[0], 'ExpressionStatement')) {
+              q.push(child.body[0].expression);
+            }
             if (!isNodeOfType(child, 'JSXElement') || !isNodeOfType(child.openingElement.name, 'JSXIdentifier')) {
               continue;
             }

package/dist/esm/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::8fb6e53ac7d9be7b9252dd64ec022d26>>
+ * @codegen <<SignedSource::e075ab709ebd382d6f5e39fd78de9d6d>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -49,6 +49,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-unused-css-map': 'warn',
     '@atlaskit/design-system/no-utility-icons': 'warn',
     '@atlaskit/design-system/prefer-primitives': 'warn',
     '@atlaskit/design-system/use-button-group-label': 'warn',