@atlaskit/eslint-plugin-design-system 13.14.2 → 13.16.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 13.16.0
+
+### Minor Changes
+
+- [#157767](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/157767)
+  [`f3d552d85708a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f3d552d85708a) -
+  Introduces new ESLint rule to identify, discourage, and, where possible, fix use of utility icons.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.15.0
+
+### Minor Changes
+
+- [#149822](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/149822)
+  [`f9ab0e846ae21`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f9ab0e846ae21) -
+  Updated to support `size` prop for new icons from `@atlaskit/icon`.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.14.2
 
 ### Patch Changes

package/README.md

@@ -53,6 +53,7 @@ module.exports = {
 | <a href="./packages/design-system/eslint-plugin/src/rules/ensure-design-token-usage/README.md">ensure-design-token-usage</a>                                     | Enforces usage of design tokens rather than hard-coded values.                                                                                                                                                                                                                                                      | Yes         | Yes     | Yes         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/ensure-design-token-usage-preview/README.md">ensure-design-token-usage/preview</a>                     | Enforces usage of pre-release design tokens rather than hard-coded values.                                                                                                                                                                                                                                          |             | Yes     | Yes         |
 | <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/ensure-proper-xcss-usage/README.md">ensure-proper-xcss-usage</a>                                       | Enforces proper xcss usage: migrate from xcss() to cssMap() and use cssMap objects with specific keys.                                                                                                                                                                                                              |             |         |             |
 | <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         |         |             |
@@ -89,6 +90,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-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         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/use-cx-function-in-xcss/README.md">use-cx-function-in-xcss</a>                                         | Enforces cx function use to combine styles in xcss.                                                                                                                                                                                                                                                                 | Yes         | 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::c6c896451f2be4d48f04068f5bbb85f1>>
+ * @codegen <<SignedSource::5ceb45b21744434ca96a850461a3c574>>
  * @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/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',
@@ -52,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-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/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::d4de619ac262298b2af11f905a02b0dd>>
+ * @codegen <<SignedSource::b96d8bb5115de6e0a230feef152a1365>>
  * @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/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',
@@ -51,6 +52,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-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/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::af96131434aa77c7882ceb200e4e2cf1>>
+ * @codegen <<SignedSource::10f372e16c048db9bfb1bc36cf48421c>>
  * @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-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/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::4bb65ab8e5c1cad968c6e74d7179e58b>>
+ * @codegen <<SignedSource::608f46f9cc8653226152a8edc34849d6>>
  * @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-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/cjs/rules/ensure-proper-xcss-usage/index.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _createRule = require("../utils/create-rule");
+var _errorBoundary = require("../utils/error-boundary");
+var rule = (0, _createRule.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: function create(context) {
+    var tracker = {
+      // Components tracking
+      compiledComponents: new Set(),
+      // Function tracking
+      cssMapFunction: new Set(),
+      xcssFunction: new Set(),
+      // Variables tracking
+      cssMapVariables: new Map(),
+      xcssVariables: new Set()
+    };
+    return (0, _errorBoundary.errorBoundary)({
+      // Track all imports in a single handler
+      ImportDeclaration: function ImportDeclaration(node) {
+        var source = node.source.value;
+        node.specifiers.forEach(function (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: function VariableDeclarator(node) {
+        if (!node.init || node.init.type !== 'CallExpression' || node.init.callee.type !== 'Identifier' || node.id.type !== 'Identifier') {
+          return;
+        }
+        var calleeName = node.init.callee.name;
+        var variableName = node.id.name;
+
+        // Track cssMap variables and extract their keys
+        if (tracker.cssMapFunction.has(calleeName)) {
+          var 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(function (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: function JSXElement(node) {
+        var _xcssAttribute$value;
+        if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement')) {
+          return;
+        }
+        var elementName = node.openingElement.name;
+        if (elementName.type !== 'JSXIdentifier') {
+          return;
+        }
+        var componentName = elementName.name;
+        if (!tracker.compiledComponents.has(componentName)) {
+          return;
+        }
+
+        // Find xcss attribute
+        var xcssAttribute = node.openingElement.attributes.find(function (attr) {
+          return attr.type === 'JSXAttribute' && attr.name.name === 'xcss';
+        });
+        if ((xcssAttribute === null || xcssAttribute === void 0 || (_xcssAttribute$value = xcssAttribute.value) === null || _xcssAttribute$value === void 0 ? void 0 : _xcssAttribute$value.type) !== 'JSXExpressionContainer') {
+          return;
+        }
+        var 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') {
+          var 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') {
+          var objectName = expression.object.name;
+          if (tracker.xcssVariables.has(objectName)) {
+            context.report({
+              node: expression,
+              messageId: 'noXcssWithCompiled'
+            });
+          }
+        }
+      }
+    });
+  }
+});
+var _default = exports.default = rule;

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

@@ -9,6 +9,7 @@ var _consistentCssPropUsage = _interopRequireDefault(require("./consistent-css-p
 var _ensureDesignTokenUsage = _interopRequireDefault(require("./ensure-design-token-usage"));
 var _ensureDesignTokenUsagePreview = _interopRequireDefault(require("./ensure-design-token-usage-preview"));
 var _ensureIconColor = _interopRequireDefault(require("./ensure-icon-color"));
+var _ensureProperXcssUsage = _interopRequireDefault(require("./ensure-proper-xcss-usage"));
 var _iconLabel = _interopRequireDefault(require("./icon-label"));
 var _noBannedImports = _interopRequireDefault(require("./no-banned-imports"));
 var _noBooleanAutofocusOnModalDialog = _interopRequireDefault(require("./no-boolean-autofocus-on-modal-dialog"));
@@ -45,6 +46,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 _noUtilityIcons = _interopRequireDefault(require("./no-utility-icons"));
 var _preferPrimitives = _interopRequireDefault(require("./prefer-primitives"));
 var _useButtonGroupLabel = _interopRequireDefault(require("./use-button-group-label"));
 var _useCxFunctionInXcss = _interopRequireDefault(require("./use-cx-function-in-xcss"));
@@ -68,7 +70,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::d42e0ce93d45d02a5c30dcfdb7110c17>>
+ * @codegen <<SignedSource::3de5d5b44aa01faabdb840bc7fb43d04>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -77,6 +79,7 @@ var rules = exports.rules = {
   'ensure-design-token-usage': _ensureDesignTokenUsage.default,
   'ensure-design-token-usage/preview': _ensureDesignTokenUsagePreview.default,
   'ensure-icon-color': _ensureIconColor.default,
+  'ensure-proper-xcss-usage': _ensureProperXcssUsage.default,
   'icon-label': _iconLabel.default,
   'no-banned-imports': _noBannedImports.default,
   'no-boolean-autofocus-on-modal-dialog': _noBooleanAutofocusOnModalDialog.default,
@@ -113,6 +116,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-utility-icons': _noUtilityIcons.default,
   'prefer-primitives': _preferPrimitives.default,
   'use-button-group-label': _useButtonGroupLabel.default,
   'use-cx-function-in-xcss': _useCxFunctionInXcss.default,

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

@@ -20,6 +20,8 @@ var createChecks = exports.createChecks = function createChecks(context) {
   var legacyButtonImports = new Set();
   var errorsManual = {};
   var errorsAuto = {};
+  var iconSizesInfo = {}; //Import source key, locations as value
+
   var guidance = {};
 
   // Extract parameters
@@ -391,6 +393,7 @@ var createChecks = exports.createChecks = function createChecks(context) {
 
     // Legacy icons rendered as JSX elements
     if (Object.keys(legacyIconImports).includes(name)) {
+      var _sizeProp$value2;
       // Determine if inside a new button - if so:
       // - Assume spread props are safe - still error if props explicitly set to unmigratable values
       var insideNewButton = (0, _helpers.isInsideNewButton)(node, newButtonImports);
@@ -489,7 +492,7 @@ var createChecks = exports.createChecks = function createChecks(context) {
       var isNewIconMigratable = (0, _helpers.canAutoMigrateNewIconBasedOnSize)(upcomingIcon ? upcomingIcon.sizeGuidance[size !== null && size !== void 0 ? size : 'medium'] : migrationMapObject === null || migrationMapObject === void 0 ? void 0 : migrationMapObject.sizeGuidance[size !== null && size !== void 0 ? size : 'medium']);
 
       // Add spacing if:
-      // 1. size is medium for core/utility icons or small for utility icons, or not set (default is medium for core and small for utility icons)
+      // 1. size is medium for core/utility icons or not set (default is medium for core and small for utility icons)
       // 2. not inside a new or legacy button (except for icon-only legacy buttons)
       var sizeProp = node.openingElement.attributes.find(function (attribute) {
         return attribute.type === 'JSXAttribute' && (attribute.name.name === 'size' || attribute.name.name === 'LEGACY_size');
@@ -500,13 +503,24 @@ var createChecks = exports.createChecks = function createChecks(context) {
         if (sizeProp && sizeProp.type === 'JSXAttribute' && ((_sizeProp$value = sizeProp.value) === null || _sizeProp$value === void 0 ? void 0 : _sizeProp$value.type) === 'Literal') {
           if (sizeProp.value.value === 'medium') {
             spacing = 'spacious';
-          } else if (sizeProp.value.value === 'small' && (newIcon === null || newIcon === void 0 ? void 0 : newIcon.type) === 'utility') {
-            spacing = 'compact';
           }
         } else if (!sizeProp) {
           spacing = 'spacious';
         }
       }
+      if (!iconSizesInfo[legacyIconImports[name].packageName]) {
+        iconSizesInfo[legacyIconImports[name].packageName] = {
+          small: [],
+          usageCount: 0
+        };
+      }
+
+      // Do not automatically migration if size is small as we cannot determine if a core icon or a scaled down utility icon should be used
+      if (sizeProp && sizeProp.type === 'JSXAttribute' && ((_sizeProp$value2 = sizeProp.value) === null || _sizeProp$value2 === void 0 ? void 0 : _sizeProp$value2.type) === 'Literal' && sizeProp.value.value === 'small') {
+        iconSizesInfo[legacyIconImports[name].packageName].small.push((0, _helpers.locToString)(node));
+      }
+      iconSizesInfo[legacyIconImports[name].packageName].usageCount++;
+      var shouldForceSmallIcon = newIcon === null || newIcon === void 0 ? void 0 : newIcon.shouldForceSmallIcon;
       if (shouldUseSafeMigrationMode && !hasManualMigration && (newIcon !== null && newIcon !== void 0 && newIcon.isMigrationUnsafe || size !== 'medium' || hasSecondaryColorProp)) {
         (0, _helpers.createCantFindSuitableReplacementError)(node, legacyIconImports[name].packageName, name, errorsManual, upcomingIcon ? true : migrationMapObject ? true : false);
       } else if (!hasManualMigration && (newIcon || upcomingIcon) && isNewIconMigratable) {
@@ -516,7 +530,8 @@ var createChecks = exports.createChecks = function createChecks(context) {
           iconName: name,
           errors: errorsAuto,
           spacing: spacing,
-          insideNewButton: insideNewButton
+          insideNewButton: insideNewButton,
+          shouldForceSmallIcon: shouldForceSmallIcon
         });
       } else if ((!newIcon && !upcomingIcon || !isNewIconMigratable) && size) {
         (0, _helpers.createCantFindSuitableReplacementError)(node, legacyIconImports[name].packageName, name, errorsManual, upcomingIcon ? true : migrationMapObject ? true : false);
@@ -526,7 +541,8 @@ var createChecks = exports.createChecks = function createChecks(context) {
         iconPackage: legacyIconImports[name].packageName,
         insideNewButton: insideNewButton,
         size: size && (0, _helpers.isSize)(size) ? size : undefined,
-        shouldUseMigrationPath: shouldUseMigrationPath
+        shouldUseMigrationPath: shouldUseMigrationPath,
+        shouldForceSmallIcon: shouldForceSmallIcon
       });
     }
   };
@@ -577,6 +593,7 @@ var createChecks = exports.createChecks = function createChecks(context) {
       (0, _helpers.throwAutoErrors)({
         errorsManual: errorsManual,
         errorsAuto: errorsAuto,
+        iconSizesInfo: iconSizesInfo,
         legacyIconImports: legacyIconImports,
         guidance: guidance,
         migrationIconImports: migrationIconImports,