@atlaskit/eslint-plugin-design-system 13.1.2 → 13.2.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 13.2.0
+
+### Minor Changes
+
+- [#132664](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/132664)
+  [`30cdea781a4b2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/30cdea781a4b2) -
+  Add rule for booleans on `autoFocus` in modal dialog.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.1.2
 
 ### Patch Changes

package/README.md

@@ -55,6 +55,7 @@ module.exports = {
 | <a href="./packages/design-system/eslint-plugin/src/rules/ensure-icon-color/README.md">ensure-icon-color</a>                                                     | Enforces that upcoming icon components have a color prop set, to enable a migration of the default value.                                                                                                                                                                                                           |             |         |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/icon-label/README.md">icon-label</a>                                                                   | Enforces accessible usage of icon labels when composed with Atlassian Design System components.                                                                                                                                                                                                                     | Yes         | Yes     |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-banned-imports/README.md">no-banned-imports</a>                                                     | Disallow importing banned modules.                                                                                                                                                                                                                                                                                  | Yes         |         |             |
+| <a href="./packages/design-system/eslint-plugin/src/rules/no-boolean-autofocus-on-modal-dialog/README.md">no-boolean-autofocus-on-modal-dialog</a>               | Encourages makers to not use boolean values for `autoFocus` on Atlassian Design System's modal dialog component.                                                                                                                                                                                                    | Yes         |         |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-css-tagged-template-expression/README.md">no-css-tagged-template-expression</a>                     | Disallows any `css` tagged template expressions that originate from Emotion, Styled Components or Compiled                                                                                                                                                                                                          |             | Yes     |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-custom-icons/README.md">no-custom-icons</a>                                                         | Enforces custom glyph icons are used.                                                                                                                                                                                                                                                                               |             |         |             |
 | <a href="./packages/design-system/eslint-plugin/src/rules/no-dark-theme-vr-tests/README.md">no-dark-theme-vr-tests</a>                                           | Disallow using dark colorScheme in VR tests.                                                                                                                                                                                                                                                                        |             | 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::f4b6800bf45a85f5c3acea28681b1cbc>>
+ * @codegen <<SignedSource::f468eaa1b0e61e0eba404cafc58f6977>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -19,6 +19,7 @@ var _default = exports.default = {
     '@atlaskit/design-system/ensure-icon-color': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
     '@atlaskit/design-system/no-banned-imports': 'error',
+    '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
     '@atlaskit/design-system/no-css-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-custom-icons': 'warn',
     '@atlaskit/design-system/no-dark-theme-vr-tests': 'error',

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::d9b89cc91a0359b1083c0020c56e1e7f>>
+ * @codegen <<SignedSource::29cc321a798c65c8464afd9e46366540>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -18,6 +18,7 @@ var _default = exports.default = {
     '@atlaskit/design-system/ensure-icon-color': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
     '@atlaskit/design-system/no-banned-imports': 'error',
+    '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
     '@atlaskit/design-system/no-css-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-custom-icons': 'warn',
     '@atlaskit/design-system/no-dark-theme-vr-tests': 'error',

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::f697bb4e7d6f53db6d4d1f522ae0ba43>>
+ * @codegen <<SignedSource::76f6f7b7602ea240cbcfc6bc98a781af>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -17,6 +17,7 @@ var _default = exports.default = {
     '@atlaskit/design-system/ensure-design-token-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',
     '@atlaskit/design-system/no-deprecated-apis': 'error',
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',

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::c593f40801552ec33891506bcba81689>>
+ * @codegen <<SignedSource::98f3a7e3c7f8f8532248994786f11c98>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 var _default = exports.default = {
@@ -16,6 +16,7 @@ var _default = exports.default = {
     '@atlaskit/design-system/ensure-design-token-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',
     '@atlaskit/design-system/no-deprecated-apis': 'error',
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',

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

@@ -11,6 +11,7 @@ var _ensureDesignTokenUsagePreview = _interopRequireDefault(require("./ensure-de
 var _ensureIconColor = _interopRequireDefault(require("./ensure-icon-color"));
 var _iconLabel = _interopRequireDefault(require("./icon-label"));
 var _noBannedImports = _interopRequireDefault(require("./no-banned-imports"));
+var _noBooleanAutofocusOnModalDialog = _interopRequireDefault(require("./no-boolean-autofocus-on-modal-dialog"));
 var _noCssTaggedTemplateExpression = _interopRequireDefault(require("./no-css-tagged-template-expression"));
 var _noCustomIcons = _interopRequireDefault(require("./no-custom-icons"));
 var _noDarkThemeVrTests = _interopRequireDefault(require("./no-dark-theme-vr-tests"));
@@ -55,7 +56,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::4655f06909a45281bdcc9780314776c5>>
+ * @codegen <<SignedSource::551d1887446166d5a78fc51663d43e9c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -66,6 +67,7 @@ var rules = exports.rules = {
   'ensure-icon-color': _ensureIconColor.default,
   'icon-label': _iconLabel.default,
   'no-banned-imports': _noBannedImports.default,
+  'no-boolean-autofocus-on-modal-dialog': _noBooleanAutofocusOnModalDialog.default,
   'no-css-tagged-template-expression': _noCssTaggedTemplateExpression.default,
   'no-custom-icons': _noCustomIcons.default,
   'no-dark-theme-vr-tests': _noDarkThemeVrTests.default,

package/dist/cjs/rules/no-boolean-autofocus-on-modal-dialog/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ruleName = exports.message = exports.default = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _jsxAttribute = require("../../ast-nodes/jsx-attribute");
+var _jsxElement = require("../../ast-nodes/jsx-element");
+var _createRule = require("../utils/create-rule");
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+var PROP_NAME = 'autoFocus';
+
+// Lint rule message
+var message = exports.message = "`autoFocus` should be set to a component's `ref` or left to resolve to the default value of `true`. It is recommended to leave it as is for a maximally accessible experience.";
+var ruleName = exports.ruleName = __dirname.split('/').slice(-1)[0];
+var rule = (0, _createRule.createLintRule)({
+  meta: {
+    name: ruleName,
+    type: 'problem',
+    docs: {
+      description: "Encourages makers to not use boolean values for `autoFocus` on Atlassian Design System's modal dialog component.",
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      noBooleanForAutoFocus: message
+    }
+  },
+  create: function create(context) {
+    // List of component's locally imported names that match
+    var defaultImportLocalName;
+    return {
+      // Only run rule in files where the package is imported
+      ImportDeclaration: function ImportDeclaration(node) {
+        // Ignore non-modal imports
+        if (node.source.value !== '@atlaskit/modal-dialog') {
+          return;
+        }
+        node.specifiers.filter(function (identifier) {
+          return (0, _eslintCodemodUtils.isNodeOfType)(identifier, 'ImportDefaultSpecifier');
+        }).forEach(function (identifier) {
+          defaultImportLocalName = identifier.local.name;
+        });
+      },
+      JSXElement: function JSXElement(node) {
+        if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement')) {
+          return;
+        }
+        if (!(0, _eslintCodemodUtils.isNodeOfType)(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        var name = node.openingElement.name.name;
+        if (name !== defaultImportLocalName) {
+          return;
+        }
+        var prop = _jsxElement.JSXElementHelper.getAttributeByName(node, PROP_NAME);
+
+        // if no autoFocus attribute exists, skip
+        if (!prop) {
+          return;
+        }
+        var attrValue = _jsxAttribute.JSXAttribute.getValue(prop);
+        if (!attrValue) {
+          return;
+        }
+        var type = attrValue.type,
+          value = attrValue.value;
+
+        // If the value is a boolean with value `false`
+        if (type === 'ExpressionStatement Literal' && typeof value === 'boolean') {
+          return context.report({
+            node: node,
+            messageId: 'noBooleanForAutoFocus'
+          });
+        }
+      }
+    };
+  }
+});
+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::f4b6800bf45a85f5c3acea28681b1cbc>>
+ * @codegen <<SignedSource::f468eaa1b0e61e0eba404cafc58f6977>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -14,6 +14,7 @@ export default {
     '@atlaskit/design-system/ensure-icon-color': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
     '@atlaskit/design-system/no-banned-imports': 'error',
+    '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
     '@atlaskit/design-system/no-css-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-custom-icons': 'warn',
     '@atlaskit/design-system/no-dark-theme-vr-tests': '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::d9b89cc91a0359b1083c0020c56e1e7f>>
+ * @codegen <<SignedSource::29cc321a798c65c8464afd9e46366540>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -13,6 +13,7 @@ export default {
     '@atlaskit/design-system/ensure-icon-color': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
     '@atlaskit/design-system/no-banned-imports': 'error',
+    '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
     '@atlaskit/design-system/no-css-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-custom-icons': 'warn',
     '@atlaskit/design-system/no-dark-theme-vr-tests': '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::f697bb4e7d6f53db6d4d1f522ae0ba43>>
+ * @codegen <<SignedSource::76f6f7b7602ea240cbcfc6bc98a781af>>
  * @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/icon-label': 'warn',
     '@atlaskit/design-system/no-banned-imports': 'error',
+    '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
     '@atlaskit/design-system/no-deprecated-apis': 'error',
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',

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::c593f40801552ec33891506bcba81689>>
+ * @codegen <<SignedSource::98f3a7e3c7f8f8532248994786f11c98>>
  * @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/icon-label': 'warn',
     '@atlaskit/design-system/no-banned-imports': 'error',
+    '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
     '@atlaskit/design-system/no-deprecated-apis': 'error',
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',

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::4655f06909a45281bdcc9780314776c5>>
+ * @codegen <<SignedSource::551d1887446166d5a78fc51663d43e9c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';
@@ -9,6 +9,7 @@ import ensureDesignTokenUsagePreview from './ensure-design-token-usage-preview';
 import ensureIconColor from './ensure-icon-color';
 import iconLabel from './icon-label';
 import noBannedImports from './no-banned-imports';
+import noBooleanAutofocusOnModalDialog from './no-boolean-autofocus-on-modal-dialog';
 import noCssTaggedTemplateExpression from './no-css-tagged-template-expression';
 import noCustomIcons from './no-custom-icons';
 import noDarkThemeVrTests from './no-dark-theme-vr-tests';
@@ -58,6 +59,7 @@ export const rules = {
   'ensure-icon-color': ensureIconColor,
   'icon-label': iconLabel,
   'no-banned-imports': noBannedImports,
+  'no-boolean-autofocus-on-modal-dialog': noBooleanAutofocusOnModalDialog,
   'no-css-tagged-template-expression': noCssTaggedTemplateExpression,
   'no-custom-icons': noCustomIcons,
   'no-dark-theme-vr-tests': noDarkThemeVrTests,

package/dist/es2019/rules/no-boolean-autofocus-on-modal-dialog/index.js

@@ -0,0 +1,76 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { JSXAttribute } from '../../ast-nodes/jsx-attribute';
+import { JSXElementHelper } from '../../ast-nodes/jsx-element';
+import { createLintRule } from '../utils/create-rule';
+const PROP_NAME = 'autoFocus';
+
+// Lint rule message
+export const message = "`autoFocus` should be set to a component's `ref` or left to resolve to the default value of `true`. It is recommended to leave it as is for a maximally accessible experience.";
+export const ruleName = __dirname.split('/').slice(-1)[0];
+const rule = createLintRule({
+  meta: {
+    name: ruleName,
+    type: 'problem',
+    docs: {
+      description: "Encourages makers to not use boolean values for `autoFocus` on Atlassian Design System's modal dialog component.",
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      noBooleanForAutoFocus: message
+    }
+  },
+  create(context) {
+    // List of component's locally imported names that match
+    let defaultImportLocalName;
+    return {
+      // Only run rule in files where the package is imported
+      ImportDeclaration(node) {
+        // Ignore non-modal imports
+        if (node.source.value !== '@atlaskit/modal-dialog') {
+          return;
+        }
+        node.specifiers.filter(identifier => isNodeOfType(identifier, 'ImportDefaultSpecifier')).forEach(identifier => {
+          defaultImportLocalName = identifier.local.name;
+        });
+      },
+      JSXElement(node) {
+        if (!isNodeOfType(node, 'JSXElement')) {
+          return;
+        }
+        if (!isNodeOfType(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        const name = node.openingElement.name.name;
+        if (name !== defaultImportLocalName) {
+          return;
+        }
+        const prop = JSXElementHelper.getAttributeByName(node, PROP_NAME);
+
+        // if no autoFocus attribute exists, skip
+        if (!prop) {
+          return;
+        }
+        const attrValue = JSXAttribute.getValue(prop);
+        if (!attrValue) {
+          return;
+        }
+        const {
+          type,
+          value
+        } = attrValue;
+
+        // If the value is a boolean with value `false`
+        if (type === 'ExpressionStatement Literal' && typeof value === 'boolean') {
+          return context.report({
+            node,
+            messageId: 'noBooleanForAutoFocus'
+          });
+        }
+      }
+    };
+  }
+});
+export default rule;

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::f4b6800bf45a85f5c3acea28681b1cbc>>
+ * @codegen <<SignedSource::f468eaa1b0e61e0eba404cafc58f6977>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -14,6 +14,7 @@ export default {
     '@atlaskit/design-system/ensure-icon-color': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
     '@atlaskit/design-system/no-banned-imports': 'error',
+    '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
     '@atlaskit/design-system/no-css-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-custom-icons': 'warn',
     '@atlaskit/design-system/no-dark-theme-vr-tests': 'error',

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::d9b89cc91a0359b1083c0020c56e1e7f>>
+ * @codegen <<SignedSource::29cc321a798c65c8464afd9e46366540>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -13,6 +13,7 @@ export default {
     '@atlaskit/design-system/ensure-icon-color': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
     '@atlaskit/design-system/no-banned-imports': 'error',
+    '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
     '@atlaskit/design-system/no-css-tagged-template-expression': 'error',
     '@atlaskit/design-system/no-custom-icons': 'warn',
     '@atlaskit/design-system/no-dark-theme-vr-tests': 'error',

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::f697bb4e7d6f53db6d4d1f522ae0ba43>>
+ * @codegen <<SignedSource::76f6f7b7602ea240cbcfc6bc98a781af>>
  * @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/icon-label': 'warn',
     '@atlaskit/design-system/no-banned-imports': 'error',
+    '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
     '@atlaskit/design-system/no-deprecated-apis': 'error',
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',

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::c593f40801552ec33891506bcba81689>>
+ * @codegen <<SignedSource::98f3a7e3c7f8f8532248994786f11c98>>
  * @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/icon-label': 'warn',
     '@atlaskit/design-system/no-banned-imports': 'error',
+    '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': 'warn',
     '@atlaskit/design-system/no-deprecated-apis': 'error',
     '@atlaskit/design-system/no-deprecated-design-token-usage': 'warn',
     '@atlaskit/design-system/no-deprecated-imports': 'error',

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::4655f06909a45281bdcc9780314776c5>>
+ * @codegen <<SignedSource::551d1887446166d5a78fc51663d43e9c>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';
@@ -9,6 +9,7 @@ import ensureDesignTokenUsagePreview from './ensure-design-token-usage-preview';
 import ensureIconColor from './ensure-icon-color';
 import iconLabel from './icon-label';
 import noBannedImports from './no-banned-imports';
+import noBooleanAutofocusOnModalDialog from './no-boolean-autofocus-on-modal-dialog';
 import noCssTaggedTemplateExpression from './no-css-tagged-template-expression';
 import noCustomIcons from './no-custom-icons';
 import noDarkThemeVrTests from './no-dark-theme-vr-tests';
@@ -58,6 +59,7 @@ export var rules = {
   'ensure-icon-color': ensureIconColor,
   'icon-label': iconLabel,
   'no-banned-imports': noBannedImports,
+  'no-boolean-autofocus-on-modal-dialog': noBooleanAutofocusOnModalDialog,
   'no-css-tagged-template-expression': noCssTaggedTemplateExpression,
   'no-custom-icons': noCustomIcons,
   'no-dark-theme-vr-tests': noDarkThemeVrTests,

package/dist/esm/rules/no-boolean-autofocus-on-modal-dialog/index.js

@@ -0,0 +1,76 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { JSXAttribute } from '../../ast-nodes/jsx-attribute';
+import { JSXElementHelper } from '../../ast-nodes/jsx-element';
+import { createLintRule } from '../utils/create-rule';
+var PROP_NAME = 'autoFocus';
+
+// Lint rule message
+export var message = "`autoFocus` should be set to a component's `ref` or left to resolve to the default value of `true`. It is recommended to leave it as is for a maximally accessible experience.";
+export var ruleName = __dirname.split('/').slice(-1)[0];
+var rule = createLintRule({
+  meta: {
+    name: ruleName,
+    type: 'problem',
+    docs: {
+      description: "Encourages makers to not use boolean values for `autoFocus` on Atlassian Design System's modal dialog component.",
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      noBooleanForAutoFocus: message
+    }
+  },
+  create: function create(context) {
+    // List of component's locally imported names that match
+    var defaultImportLocalName;
+    return {
+      // Only run rule in files where the package is imported
+      ImportDeclaration: function ImportDeclaration(node) {
+        // Ignore non-modal imports
+        if (node.source.value !== '@atlaskit/modal-dialog') {
+          return;
+        }
+        node.specifiers.filter(function (identifier) {
+          return isNodeOfType(identifier, 'ImportDefaultSpecifier');
+        }).forEach(function (identifier) {
+          defaultImportLocalName = identifier.local.name;
+        });
+      },
+      JSXElement: function JSXElement(node) {
+        if (!isNodeOfType(node, 'JSXElement')) {
+          return;
+        }
+        if (!isNodeOfType(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        var name = node.openingElement.name.name;
+        if (name !== defaultImportLocalName) {
+          return;
+        }
+        var prop = JSXElementHelper.getAttributeByName(node, PROP_NAME);
+
+        // if no autoFocus attribute exists, skip
+        if (!prop) {
+          return;
+        }
+        var attrValue = JSXAttribute.getValue(prop);
+        if (!attrValue) {
+          return;
+        }
+        var type = attrValue.type,
+          value = attrValue.value;
+
+        // If the value is a boolean with value `false`
+        if (type === 'ExpressionStatement Literal' && typeof value === 'boolean') {
+          return context.report({
+            node: node,
+            messageId: 'noBooleanForAutoFocus'
+          });
+        }
+      }
+    };
+  }
+});
+export default rule;

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

@@ -21,6 +21,7 @@ export declare const plugin: {
         'ensure-icon-color': import("eslint").Rule.RuleModule;
         'icon-label': import("eslint").Rule.RuleModule;
         'no-banned-imports': import("eslint").Rule.RuleModule;
+        'no-boolean-autofocus-on-modal-dialog': import("eslint").Rule.RuleModule;
         'no-css-tagged-template-expression': import("eslint").Rule.RuleModule;
         'no-custom-icons': import("eslint").Rule.RuleModule;
         'no-dark-theme-vr-tests': import("eslint").Rule.RuleModule;
@@ -74,6 +75,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/ensure-icon-color': "error";
                 '@atlaskit/design-system/icon-label': "warn";
                 '@atlaskit/design-system/no-banned-imports': "error";
+                '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': "warn";
                 '@atlaskit/design-system/no-css-tagged-template-expression': "error";
                 '@atlaskit/design-system/no-custom-icons': "warn";
                 '@atlaskit/design-system/no-dark-theme-vr-tests': "error";
@@ -128,6 +130,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/ensure-icon-color': "error";
                 '@atlaskit/design-system/icon-label': "warn";
                 '@atlaskit/design-system/no-banned-imports': "error";
+                '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': "warn";
                 '@atlaskit/design-system/no-css-tagged-template-expression': "error";
                 '@atlaskit/design-system/no-custom-icons': "warn";
                 '@atlaskit/design-system/no-dark-theme-vr-tests': "error";
@@ -178,6 +181,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/ensure-design-token-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";
                 '@atlaskit/design-system/no-deprecated-apis': "error";
                 '@atlaskit/design-system/no-deprecated-design-token-usage': "warn";
                 '@atlaskit/design-system/no-deprecated-imports': "error";
@@ -216,6 +220,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/ensure-design-token-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";
                 '@atlaskit/design-system/no-deprecated-apis': "error";
                 '@atlaskit/design-system/no-deprecated-design-token-usage': "warn";
                 '@atlaskit/design-system/no-deprecated-imports': "error";
@@ -257,6 +262,7 @@ declare const configs: {
             '@atlaskit/design-system/ensure-icon-color': "error";
             '@atlaskit/design-system/icon-label': "warn";
             '@atlaskit/design-system/no-banned-imports': "error";
+            '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': "warn";
             '@atlaskit/design-system/no-css-tagged-template-expression': "error";
             '@atlaskit/design-system/no-custom-icons': "warn";
             '@atlaskit/design-system/no-dark-theme-vr-tests': "error";
@@ -311,6 +317,7 @@ declare const configs: {
             '@atlaskit/design-system/ensure-icon-color': "error";
             '@atlaskit/design-system/icon-label': "warn";
             '@atlaskit/design-system/no-banned-imports': "error";
+            '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': "warn";
             '@atlaskit/design-system/no-css-tagged-template-expression': "error";
             '@atlaskit/design-system/no-custom-icons': "warn";
             '@atlaskit/design-system/no-dark-theme-vr-tests': "error";
@@ -361,6 +368,7 @@ declare const configs: {
             '@atlaskit/design-system/ensure-design-token-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";
             '@atlaskit/design-system/no-deprecated-apis': "error";
             '@atlaskit/design-system/no-deprecated-design-token-usage': "warn";
             '@atlaskit/design-system/no-deprecated-imports': "error";
@@ -399,6 +407,7 @@ declare const configs: {
             '@atlaskit/design-system/ensure-design-token-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";
             '@atlaskit/design-system/no-deprecated-apis': "error";
             '@atlaskit/design-system/no-deprecated-design-token-usage': "warn";
             '@atlaskit/design-system/no-deprecated-imports': "error";

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

@@ -7,6 +7,7 @@ declare const _default: {
         '@atlaskit/design-system/ensure-icon-color': "error";
         '@atlaskit/design-system/icon-label': "warn";
         '@atlaskit/design-system/no-banned-imports': "error";
+        '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': "warn";
         '@atlaskit/design-system/no-css-tagged-template-expression': "error";
         '@atlaskit/design-system/no-custom-icons': "warn";
         '@atlaskit/design-system/no-dark-theme-vr-tests': "error";

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

@@ -7,6 +7,7 @@ declare const _default: {
         '@atlaskit/design-system/ensure-icon-color': "error";
         '@atlaskit/design-system/icon-label': "warn";
         '@atlaskit/design-system/no-banned-imports': "error";
+        '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': "warn";
         '@atlaskit/design-system/no-css-tagged-template-expression': "error";
         '@atlaskit/design-system/no-custom-icons': "warn";
         '@atlaskit/design-system/no-dark-theme-vr-tests': "error";

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

@@ -5,6 +5,7 @@ declare const _default: {
         '@atlaskit/design-system/ensure-design-token-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";
         '@atlaskit/design-system/no-deprecated-apis': "error";
         '@atlaskit/design-system/no-deprecated-design-token-usage': "warn";
         '@atlaskit/design-system/no-deprecated-imports': "error";

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

@@ -5,6 +5,7 @@ declare const _default: {
         '@atlaskit/design-system/ensure-design-token-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";
         '@atlaskit/design-system/no-deprecated-apis': "error";
         '@atlaskit/design-system/no-deprecated-design-token-usage': "warn";
         '@atlaskit/design-system/no-deprecated-imports': "error";

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

@@ -5,6 +5,7 @@ export declare const rules: {
     'ensure-icon-color': import("eslint").Rule.RuleModule;
     'icon-label': import("eslint").Rule.RuleModule;
     'no-banned-imports': import("eslint").Rule.RuleModule;
+    'no-boolean-autofocus-on-modal-dialog': import("eslint").Rule.RuleModule;
     'no-css-tagged-template-expression': import("eslint").Rule.RuleModule;
     'no-custom-icons': import("eslint").Rule.RuleModule;
     'no-dark-theme-vr-tests': import("eslint").Rule.RuleModule;

package/dist/types/rules/no-boolean-autofocus-on-modal-dialog/index.d.ts

@@ -0,0 +1,5 @@
+import type { Rule } from 'eslint';
+export declare const message = "`autoFocus` should be set to a component's `ref` or left to resolve to the default value of `true`. It is recommended to leave it as is for a maximally accessible experience.";
+export declare const ruleName: string;
+declare const rule: Rule.RuleModule;
+export default rule;

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

@@ -21,6 +21,7 @@ export declare const plugin: {
         'ensure-icon-color': import("eslint").Rule.RuleModule;
         'icon-label': import("eslint").Rule.RuleModule;
         'no-banned-imports': import("eslint").Rule.RuleModule;
+        'no-boolean-autofocus-on-modal-dialog': import("eslint").Rule.RuleModule;
         'no-css-tagged-template-expression': import("eslint").Rule.RuleModule;
         'no-custom-icons': import("eslint").Rule.RuleModule;
         'no-dark-theme-vr-tests': import("eslint").Rule.RuleModule;
@@ -74,6 +75,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/ensure-icon-color': "error";
                 '@atlaskit/design-system/icon-label': "warn";
                 '@atlaskit/design-system/no-banned-imports': "error";
+                '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': "warn";
                 '@atlaskit/design-system/no-css-tagged-template-expression': "error";
                 '@atlaskit/design-system/no-custom-icons': "warn";
                 '@atlaskit/design-system/no-dark-theme-vr-tests': "error";
@@ -131,6 +133,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/ensure-icon-color': "error";
                 '@atlaskit/design-system/icon-label': "warn";
                 '@atlaskit/design-system/no-banned-imports': "error";
+                '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': "warn";
                 '@atlaskit/design-system/no-css-tagged-template-expression': "error";
                 '@atlaskit/design-system/no-custom-icons': "warn";
                 '@atlaskit/design-system/no-dark-theme-vr-tests': "error";
@@ -184,6 +187,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/ensure-design-token-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";
                 '@atlaskit/design-system/no-deprecated-apis': "error";
                 '@atlaskit/design-system/no-deprecated-design-token-usage': "warn";
                 '@atlaskit/design-system/no-deprecated-imports': "error";
@@ -225,6 +229,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/ensure-design-token-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";
                 '@atlaskit/design-system/no-deprecated-apis': "error";
                 '@atlaskit/design-system/no-deprecated-design-token-usage': "warn";
                 '@atlaskit/design-system/no-deprecated-imports': "error";
@@ -269,6 +274,7 @@ declare const configs: {
             '@atlaskit/design-system/ensure-icon-color': "error";
             '@atlaskit/design-system/icon-label': "warn";
             '@atlaskit/design-system/no-banned-imports': "error";
+            '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': "warn";
             '@atlaskit/design-system/no-css-tagged-template-expression': "error";
             '@atlaskit/design-system/no-custom-icons': "warn";
             '@atlaskit/design-system/no-dark-theme-vr-tests': "error";
@@ -326,6 +332,7 @@ declare const configs: {
             '@atlaskit/design-system/ensure-icon-color': "error";
             '@atlaskit/design-system/icon-label': "warn";
             '@atlaskit/design-system/no-banned-imports': "error";
+            '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': "warn";
             '@atlaskit/design-system/no-css-tagged-template-expression': "error";
             '@atlaskit/design-system/no-custom-icons': "warn";
             '@atlaskit/design-system/no-dark-theme-vr-tests': "error";
@@ -379,6 +386,7 @@ declare const configs: {
             '@atlaskit/design-system/ensure-design-token-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";
             '@atlaskit/design-system/no-deprecated-apis': "error";
             '@atlaskit/design-system/no-deprecated-design-token-usage': "warn";
             '@atlaskit/design-system/no-deprecated-imports': "error";
@@ -420,6 +428,7 @@ declare const configs: {
             '@atlaskit/design-system/ensure-design-token-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";
             '@atlaskit/design-system/no-deprecated-apis': "error";
             '@atlaskit/design-system/no-deprecated-design-token-usage': "warn";
             '@atlaskit/design-system/no-deprecated-imports': "error";

package/dist/types-ts4.5/presets/all-flat.codegen.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
         '@atlaskit/design-system/ensure-icon-color': "error";
         '@atlaskit/design-system/icon-label': "warn";
         '@atlaskit/design-system/no-banned-imports': "error";
+        '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': "warn";
         '@atlaskit/design-system/no-css-tagged-template-expression': "error";
         '@atlaskit/design-system/no-custom-icons': "warn";
         '@atlaskit/design-system/no-dark-theme-vr-tests': "error";

package/dist/types-ts4.5/presets/all.codegen.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
         '@atlaskit/design-system/ensure-icon-color': "error";
         '@atlaskit/design-system/icon-label': "warn";
         '@atlaskit/design-system/no-banned-imports': "error";
+        '@atlaskit/design-system/no-boolean-autofocus-on-modal-dialog': "warn";
         '@atlaskit/design-system/no-css-tagged-template-expression': "error";
         '@atlaskit/design-system/no-custom-icons': "warn";
         '@atlaskit/design-system/no-dark-theme-vr-tests': "error";

package/dist/types-ts4.5/presets/recommended-flat.codegen.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
         '@atlaskit/design-system/ensure-design-token-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";
         '@atlaskit/design-system/no-deprecated-apis': "error";
         '@atlaskit/design-system/no-deprecated-design-token-usage': "warn";
         '@atlaskit/design-system/no-deprecated-imports': "error";

package/dist/types-ts4.5/presets/recommended.codegen.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
         '@atlaskit/design-system/ensure-design-token-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";
         '@atlaskit/design-system/no-deprecated-apis': "error";
         '@atlaskit/design-system/no-deprecated-design-token-usage': "warn";
         '@atlaskit/design-system/no-deprecated-imports': "error";

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

@@ -5,6 +5,7 @@ export declare const rules: {
     'ensure-icon-color': import("eslint").Rule.RuleModule;
     'icon-label': import("eslint").Rule.RuleModule;
     'no-banned-imports': import("eslint").Rule.RuleModule;
+    'no-boolean-autofocus-on-modal-dialog': import("eslint").Rule.RuleModule;
     'no-css-tagged-template-expression': import("eslint").Rule.RuleModule;
     'no-custom-icons': import("eslint").Rule.RuleModule;
     'no-dark-theme-vr-tests': import("eslint").Rule.RuleModule;

package/dist/types-ts4.5/rules/no-boolean-autofocus-on-modal-dialog/index.d.ts

@@ -0,0 +1,5 @@
+import type { Rule } from 'eslint';
+export declare const message = "`autoFocus` should be set to a component's `ref` or left to resolve to the default value of `true`. It is recommended to leave it as is for a maximally accessible experience.";
+export declare const ruleName: string;
+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.1.2",
+	"version": "13.2.0",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
 	"publishConfig": {
@@ -44,8 +44,8 @@
 	},
 	"dependencies": {
 		"@atlaskit/eslint-utils": "^2.0.0",
-		"@atlaskit/icon": "^25.0.0",
-		"@atlaskit/icon-lab": "^4.3.0",
+		"@atlaskit/icon": "^25.2.0",
+		"@atlaskit/icon-lab": "^4.5.0",
 		"@atlaskit/tokens": "^4.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@typescript-eslint/utils": "^7.1.0",