@atlaskit/eslint-plugin-design-system 13.24.0 → 13.24.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 13.24.1
+
+### Patch Changes
+
+- [`9e8597d0a762f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9e8597d0a762f) -
+  Update lozenge-appearance-and-isbold-migration rule to preserve appearance prop (no color prop
+  change)
+
 ## 13.24.0
 
 ### Minor Changes

package/README.md

@@ -112,7 +112,7 @@ module.exports = {
 | <a href="./packages/design-system/eslint-plugin/src/rules/use-primitives/README.md">use-primitives</a>                                                           | Encourage the usage of primitives components.                                                                                                                                                                                                                                                                       |             | Yes     | Yes         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/use-primitives-text/README.md">use-primitives-text</a>                                                 | Encourage the usage of text components.                                                                                                                                                                                                                                                                             |             | Yes     | Yes         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/use-should-render-to-parent/README.md">use-should-render-to-parent</a>                                 | Encourages makers to use the `shouldRenderToParent` where possible in Atlassian Design System `Popup` and `DropdownMenu` components.                                                                                                                                                                                | Yes         |         | Yes         |
-| <a href="./packages/design-system/eslint-plugin/src/rules/use-spotlight-package/README.md">use-spotlight-package</a>                                             | Discourage the use of deprecated imports from @atlaskit/onboarding in favor of @atlaskit/spotlight.                                                                                                                                                                                                                 |             | Yes     | Yes         |
+| <a href="./packages/design-system/eslint-plugin/src/rules/use-spotlight-package/README.md">use-spotlight-package</a>                                             | Discourage the use of @atlaskit/onboarding in favor of @atlaskit/spotlight.                                                                                                                                                                                                                                         |             | Yes     | Yes         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/use-tag-group-label/README.md">use-tag-group-label</a>                                                 | Ensures tag 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-tokens-shape/README.md">use-tokens-shape</a>                                                       | Enforces usage of shape design tokens rather than hard-coded values.                                                                                                                                                                                                                                                |             | Yes     | Yes         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/use-tokens-space/README.md">use-tokens-space</a>                                                       | Enforces usage of space design tokens rather than hard-coded values.                                                                                                                                                                                                                                                |             | Yes     | Yes         |

package/dist/cjs/rules/lozenge-appearance-and-isbold-migration/index.js

@@ -17,7 +17,7 @@ var rule = (0, _createRule.createLintRule)({
       severity: 'warn'
     },
     messages: {
-      replaceAppearance: "'appearance' prop on <Lozenge> is deprecated — use 'color' instead.",
+      updateAppearance: 'Update appearance value to new semantic value.',
       migrateTag: 'Non-bold <Lozenge> variants should migrate to <Tag> component.',
       manualReview: "Dynamic 'isBold' props require manual review before migration."
     }
@@ -27,7 +27,6 @@ var rule = (0, _createRule.createLintRule)({
      * Contains a map of imported Lozenge components.
      */
     var lozengeImports = {}; // local name -> import source
-    var tagImports = {}; // local name -> import source
 
     /**
      * Check if a JSX attribute value is a literal false
@@ -61,33 +60,20 @@ var rule = (0, _createRule.createLintRule)({
     }
 
     /**
-     * Map Lozenge appearance values to Tag color values
+     * Map old appearance values to new semantic appearance values
+     * Both Lozenge and Tag now use the same appearance prop with new semantic values
      */
-    function mapAppearanceToTagColor(appearanceValue) {
+    function mapToNewAppearanceValue(oldValue) {
       var mapping = {
-        success: 'lime',
-        default: 'standard',
-        removed: 'red',
-        inprogress: 'blue',
-        new: 'purple',
-        moved: 'orange'
+        success: 'success',
+        default: 'default',
+        removed: 'removed',
+        inprogress: 'inprogress',
+        new: 'new',
+        moved: 'moved'
       };
-      return mapping[appearanceValue] || appearanceValue;
-    }
-
-    /**
-     * Map Lozenge appearance values to Lozenge color values
-     */
-    function mapAppearanceToLozengeColor(appearanceValue) {
-      var mapping = {
-        default: 'neutral',
-        inprogress: 'information',
-        moved: 'warning',
-        new: 'discovery',
-        removed: 'danger',
-        success: 'success'
-      };
-      return mapping[appearanceValue] || appearanceValue;
+      // TODO: Update this mapping based on actual new semantic values when provided
+      return mapping[oldValue] || oldValue;
     }
 
     /**
@@ -109,11 +95,11 @@ var rule = (0, _createRule.createLintRule)({
     /**
      * Generate the replacement JSX element text
      */
-    function generateTagReplacement(node, lozengeLocalName) {
+    function generateTagReplacement(node) {
       var sourceCode = context.getSourceCode();
       var attributes = node.openingElement.attributes;
 
-      // Build new attributes array, excluding isBold and mapping appearance to color
+      // Build new attributes array, excluding isBold and mapping appearance values to new semantics
       var newAttributes = [];
       attributes.forEach(function (attr) {
         if (attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier') {
@@ -123,15 +109,15 @@ var rule = (0, _createRule.createLintRule)({
             return;
           }
           if (attrName === 'appearance') {
-            // Map appearance to color with value transformation
+            // Map appearance value to new semantic value but keep the prop name as appearance
             var stringValue = extractStringValue(attr.value);
             if (stringValue && typeof stringValue === 'string') {
-              var mappedColor = mapAppearanceToTagColor(stringValue);
-              newAttributes.push("color=\"".concat(mappedColor, "\""));
+              var mappedAppearance = mapToNewAppearanceValue(stringValue);
+              newAttributes.push("appearance=\"".concat(mappedAppearance, "\""));
             } else {
-              // If we can't extract the string value, keep as-is but rename to color
+              // If we can't extract the string value, keep as-is with appearance prop
               var value = attr.value ? sourceCode.getText(attr.value) : '';
-              newAttributes.push("color".concat(value ? "=".concat(value) : ''));
+              newAttributes.push("appearance".concat(value ? "=".concat(value) : ''));
             }
             return;
           }
@@ -167,18 +153,6 @@ var rule = (0, _createRule.createLintRule)({
               }
             });
           }
-          // Track Tag imports
-          if (moduleSource === '@atlaskit/tag' || moduleSource.startsWith('@atlaskit/tag/')) {
-            node.specifiers.forEach(function (spec) {
-              if (spec.type === 'ImportDefaultSpecifier') {
-                tagImports[spec.local.name] = moduleSource;
-              } else if (spec.type === 'ImportSpecifier' && spec.imported.type === 'Identifier') {
-                if (spec.imported.name === 'Tag') {
-                  tagImports[spec.local.name] = moduleSource;
-                }
-              }
-            });
-          }
         }
       },
       JSXElement: function JSXElement(node) {
@@ -198,35 +172,30 @@ var rule = (0, _createRule.createLintRule)({
         var appearanceProp = attributesMap.appearance;
         var isBoldProp = attributesMap.isBold;
 
-        // Handle appearance prop migration
+        // Handle appearance prop value migration
         if (appearanceProp) {
-          context.report({
-            node: appearanceProp,
-            messageId: 'replaceAppearance',
-            fix: function fix(fixer) {
-              var fixes = [];
-              // Always rename the prop name
-              fixes.push(fixer.replaceText(appearanceProp.name, 'color'));
-
-              // Also map the value if it's a string literal and we're not migrating to Tag
-              var shouldMigrateToTag = !isBoldProp || isLiteralFalse(isBoldProp.value);
-              if (!shouldMigrateToTag) {
-                var stringValue = extractStringValue(appearanceProp.value);
-                if (stringValue && typeof stringValue === 'string') {
-                  var mappedColor = mapAppearanceToLozengeColor(stringValue);
-                  if (mappedColor !== stringValue) {
-                    // Update the value if it changed
+          var shouldMigrateToTag = !isBoldProp || isLiteralFalse(isBoldProp.value);
+          if (!shouldMigrateToTag) {
+            // Only update appearance values for Lozenge components that stay as Lozenge
+            var stringValue = extractStringValue(appearanceProp.value);
+            if (stringValue && typeof stringValue === 'string') {
+              var mappedValue = mapToNewAppearanceValue(stringValue);
+              if (mappedValue !== stringValue) {
+                context.report({
+                  node: appearanceProp,
+                  messageId: 'updateAppearance',
+                  fix: function fix(fixer) {
                     if (appearanceProp.value.type === 'Literal') {
-                      fixes.push(fixer.replaceText(appearanceProp.value, "\"".concat(mappedColor, "\"")));
+                      return fixer.replaceText(appearanceProp.value, "\"".concat(mappedValue, "\""));
                     } else if (appearanceProp.value.type === 'JSXExpressionContainer' && appearanceProp.value.expression && appearanceProp.value.expression.type === 'Literal') {
-                      fixes.push(fixer.replaceText(appearanceProp.value.expression, "\"".concat(mappedColor, "\"")));
+                      return fixer.replaceText(appearanceProp.value.expression, "\"".concat(mappedValue, "\""));
                     }
+                    return null;
                   }
-                }
+                });
               }
-              return fixes;
             }
-          });
+          }
         }
 
         // Handle isBold prop and Tag migration
@@ -237,7 +206,7 @@ var rule = (0, _createRule.createLintRule)({
               node: node,
               messageId: 'migrateTag',
               fix: function fix(fixer) {
-                var replacement = generateTagReplacement(node, elementName);
+                var replacement = generateTagReplacement(node);
                 return fixer.replaceText(node, replacement);
               }
             });
@@ -255,7 +224,7 @@ var rule = (0, _createRule.createLintRule)({
             node: node,
             messageId: 'migrateTag',
             fix: function fix(fixer) {
-              var replacement = generateTagReplacement(node, elementName);
+              var replacement = generateTagReplacement(node);
               return fixer.replaceText(node, replacement);
             }
           });

package/dist/es2019/rules/lozenge-appearance-and-isbold-migration/index.js

@@ -11,7 +11,7 @@ const rule = createLintRule({
       severity: 'warn'
     },
     messages: {
-      replaceAppearance: "'appearance' prop on <Lozenge> is deprecated — use 'color' instead.",
+      updateAppearance: 'Update appearance value to new semantic value.',
       migrateTag: 'Non-bold <Lozenge> variants should migrate to <Tag> component.',
       manualReview: "Dynamic 'isBold' props require manual review before migration."
     }
@@ -21,7 +21,6 @@ const rule = createLintRule({
      * Contains a map of imported Lozenge components.
      */
     const lozengeImports = {}; // local name -> import source
-    const tagImports = {}; // local name -> import source
 
     /**
      * Check if a JSX attribute value is a literal false
@@ -55,33 +54,20 @@ const rule = createLintRule({
     }
 
     /**
-     * Map Lozenge appearance values to Tag color values
+     * Map old appearance values to new semantic appearance values
+     * Both Lozenge and Tag now use the same appearance prop with new semantic values
      */
-    function mapAppearanceToTagColor(appearanceValue) {
+    function mapToNewAppearanceValue(oldValue) {
       const mapping = {
-        success: 'lime',
-        default: 'standard',
-        removed: 'red',
-        inprogress: 'blue',
-        new: 'purple',
-        moved: 'orange'
+        success: 'success',
+        default: 'default',
+        removed: 'removed',
+        inprogress: 'inprogress',
+        new: 'new',
+        moved: 'moved'
       };
-      return mapping[appearanceValue] || appearanceValue;
-    }
-
-    /**
-     * Map Lozenge appearance values to Lozenge color values
-     */
-    function mapAppearanceToLozengeColor(appearanceValue) {
-      const mapping = {
-        default: 'neutral',
-        inprogress: 'information',
-        moved: 'warning',
-        new: 'discovery',
-        removed: 'danger',
-        success: 'success'
-      };
-      return mapping[appearanceValue] || appearanceValue;
+      // TODO: Update this mapping based on actual new semantic values when provided
+      return mapping[oldValue] || oldValue;
     }
 
     /**
@@ -103,11 +89,11 @@ const rule = createLintRule({
     /**
      * Generate the replacement JSX element text
      */
-    function generateTagReplacement(node, lozengeLocalName) {
+    function generateTagReplacement(node) {
       const sourceCode = context.getSourceCode();
       const attributes = node.openingElement.attributes;
 
-      // Build new attributes array, excluding isBold and mapping appearance to color
+      // Build new attributes array, excluding isBold and mapping appearance values to new semantics
       const newAttributes = [];
       attributes.forEach(attr => {
         if (attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier') {
@@ -117,15 +103,15 @@ const rule = createLintRule({
             return;
           }
           if (attrName === 'appearance') {
-            // Map appearance to color with value transformation
+            // Map appearance value to new semantic value but keep the prop name as appearance
             const stringValue = extractStringValue(attr.value);
             if (stringValue && typeof stringValue === 'string') {
-              const mappedColor = mapAppearanceToTagColor(stringValue);
-              newAttributes.push(`color="${mappedColor}"`);
+              const mappedAppearance = mapToNewAppearanceValue(stringValue);
+              newAttributes.push(`appearance="${mappedAppearance}"`);
             } else {
-              // If we can't extract the string value, keep as-is but rename to color
+              // If we can't extract the string value, keep as-is with appearance prop
               const value = attr.value ? sourceCode.getText(attr.value) : '';
-              newAttributes.push(`color${value ? `=${value}` : ''}`);
+              newAttributes.push(`appearance${value ? `=${value}` : ''}`);
             }
             return;
           }
@@ -161,18 +147,6 @@ const rule = createLintRule({
               }
             });
           }
-          // Track Tag imports
-          if (moduleSource === '@atlaskit/tag' || moduleSource.startsWith('@atlaskit/tag/')) {
-            node.specifiers.forEach(spec => {
-              if (spec.type === 'ImportDefaultSpecifier') {
-                tagImports[spec.local.name] = moduleSource;
-              } else if (spec.type === 'ImportSpecifier' && spec.imported.type === 'Identifier') {
-                if (spec.imported.name === 'Tag') {
-                  tagImports[spec.local.name] = moduleSource;
-                }
-              }
-            });
-          }
         }
       },
       JSXElement(node) {
@@ -192,35 +166,30 @@ const rule = createLintRule({
         const appearanceProp = attributesMap.appearance;
         const isBoldProp = attributesMap.isBold;
 
-        // Handle appearance prop migration
+        // Handle appearance prop value migration
         if (appearanceProp) {
-          context.report({
-            node: appearanceProp,
-            messageId: 'replaceAppearance',
-            fix: fixer => {
-              const fixes = [];
-              // Always rename the prop name
-              fixes.push(fixer.replaceText(appearanceProp.name, 'color'));
-
-              // Also map the value if it's a string literal and we're not migrating to Tag
-              const shouldMigrateToTag = !isBoldProp || isLiteralFalse(isBoldProp.value);
-              if (!shouldMigrateToTag) {
-                const stringValue = extractStringValue(appearanceProp.value);
-                if (stringValue && typeof stringValue === 'string') {
-                  const mappedColor = mapAppearanceToLozengeColor(stringValue);
-                  if (mappedColor !== stringValue) {
-                    // Update the value if it changed
+          const shouldMigrateToTag = !isBoldProp || isLiteralFalse(isBoldProp.value);
+          if (!shouldMigrateToTag) {
+            // Only update appearance values for Lozenge components that stay as Lozenge
+            const stringValue = extractStringValue(appearanceProp.value);
+            if (stringValue && typeof stringValue === 'string') {
+              const mappedValue = mapToNewAppearanceValue(stringValue);
+              if (mappedValue !== stringValue) {
+                context.report({
+                  node: appearanceProp,
+                  messageId: 'updateAppearance',
+                  fix: fixer => {
                     if (appearanceProp.value.type === 'Literal') {
-                      fixes.push(fixer.replaceText(appearanceProp.value, `"${mappedColor}"`));
+                      return fixer.replaceText(appearanceProp.value, `"${mappedValue}"`);
                     } else if (appearanceProp.value.type === 'JSXExpressionContainer' && appearanceProp.value.expression && appearanceProp.value.expression.type === 'Literal') {
-                      fixes.push(fixer.replaceText(appearanceProp.value.expression, `"${mappedColor}"`));
+                      return fixer.replaceText(appearanceProp.value.expression, `"${mappedValue}"`);
                     }
+                    return null;
                   }
-                }
+                });
               }
-              return fixes;
             }
-          });
+          }
         }
 
         // Handle isBold prop and Tag migration
@@ -231,7 +200,7 @@ const rule = createLintRule({
               node: node,
               messageId: 'migrateTag',
               fix: fixer => {
-                const replacement = generateTagReplacement(node, elementName);
+                const replacement = generateTagReplacement(node);
                 return fixer.replaceText(node, replacement);
               }
             });
@@ -249,7 +218,7 @@ const rule = createLintRule({
             node: node,
             messageId: 'migrateTag',
             fix: fixer => {
-              const replacement = generateTagReplacement(node, elementName);
+              const replacement = generateTagReplacement(node);
               return fixer.replaceText(node, replacement);
             }
           });

package/dist/esm/rules/lozenge-appearance-and-isbold-migration/index.js

@@ -11,7 +11,7 @@ var rule = createLintRule({
       severity: 'warn'
     },
     messages: {
-      replaceAppearance: "'appearance' prop on <Lozenge> is deprecated — use 'color' instead.",
+      updateAppearance: 'Update appearance value to new semantic value.',
       migrateTag: 'Non-bold <Lozenge> variants should migrate to <Tag> component.',
       manualReview: "Dynamic 'isBold' props require manual review before migration."
     }
@@ -21,7 +21,6 @@ var rule = createLintRule({
      * Contains a map of imported Lozenge components.
      */
     var lozengeImports = {}; // local name -> import source
-    var tagImports = {}; // local name -> import source
 
     /**
      * Check if a JSX attribute value is a literal false
@@ -55,33 +54,20 @@ var rule = createLintRule({
     }
 
     /**
-     * Map Lozenge appearance values to Tag color values
+     * Map old appearance values to new semantic appearance values
+     * Both Lozenge and Tag now use the same appearance prop with new semantic values
      */
-    function mapAppearanceToTagColor(appearanceValue) {
+    function mapToNewAppearanceValue(oldValue) {
       var mapping = {
-        success: 'lime',
-        default: 'standard',
-        removed: 'red',
-        inprogress: 'blue',
-        new: 'purple',
-        moved: 'orange'
+        success: 'success',
+        default: 'default',
+        removed: 'removed',
+        inprogress: 'inprogress',
+        new: 'new',
+        moved: 'moved'
       };
-      return mapping[appearanceValue] || appearanceValue;
-    }
-
-    /**
-     * Map Lozenge appearance values to Lozenge color values
-     */
-    function mapAppearanceToLozengeColor(appearanceValue) {
-      var mapping = {
-        default: 'neutral',
-        inprogress: 'information',
-        moved: 'warning',
-        new: 'discovery',
-        removed: 'danger',
-        success: 'success'
-      };
-      return mapping[appearanceValue] || appearanceValue;
+      // TODO: Update this mapping based on actual new semantic values when provided
+      return mapping[oldValue] || oldValue;
     }
 
     /**
@@ -103,11 +89,11 @@ var rule = createLintRule({
     /**
      * Generate the replacement JSX element text
      */
-    function generateTagReplacement(node, lozengeLocalName) {
+    function generateTagReplacement(node) {
       var sourceCode = context.getSourceCode();
       var attributes = node.openingElement.attributes;
 
-      // Build new attributes array, excluding isBold and mapping appearance to color
+      // Build new attributes array, excluding isBold and mapping appearance values to new semantics
       var newAttributes = [];
       attributes.forEach(function (attr) {
         if (attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier') {
@@ -117,15 +103,15 @@ var rule = createLintRule({
             return;
           }
           if (attrName === 'appearance') {
-            // Map appearance to color with value transformation
+            // Map appearance value to new semantic value but keep the prop name as appearance
             var stringValue = extractStringValue(attr.value);
             if (stringValue && typeof stringValue === 'string') {
-              var mappedColor = mapAppearanceToTagColor(stringValue);
-              newAttributes.push("color=\"".concat(mappedColor, "\""));
+              var mappedAppearance = mapToNewAppearanceValue(stringValue);
+              newAttributes.push("appearance=\"".concat(mappedAppearance, "\""));
             } else {
-              // If we can't extract the string value, keep as-is but rename to color
+              // If we can't extract the string value, keep as-is with appearance prop
               var value = attr.value ? sourceCode.getText(attr.value) : '';
-              newAttributes.push("color".concat(value ? "=".concat(value) : ''));
+              newAttributes.push("appearance".concat(value ? "=".concat(value) : ''));
             }
             return;
           }
@@ -161,18 +147,6 @@ var rule = createLintRule({
               }
             });
           }
-          // Track Tag imports
-          if (moduleSource === '@atlaskit/tag' || moduleSource.startsWith('@atlaskit/tag/')) {
-            node.specifiers.forEach(function (spec) {
-              if (spec.type === 'ImportDefaultSpecifier') {
-                tagImports[spec.local.name] = moduleSource;
-              } else if (spec.type === 'ImportSpecifier' && spec.imported.type === 'Identifier') {
-                if (spec.imported.name === 'Tag') {
-                  tagImports[spec.local.name] = moduleSource;
-                }
-              }
-            });
-          }
         }
       },
       JSXElement: function JSXElement(node) {
@@ -192,35 +166,30 @@ var rule = createLintRule({
         var appearanceProp = attributesMap.appearance;
         var isBoldProp = attributesMap.isBold;
 
-        // Handle appearance prop migration
+        // Handle appearance prop value migration
         if (appearanceProp) {
-          context.report({
-            node: appearanceProp,
-            messageId: 'replaceAppearance',
-            fix: function fix(fixer) {
-              var fixes = [];
-              // Always rename the prop name
-              fixes.push(fixer.replaceText(appearanceProp.name, 'color'));
-
-              // Also map the value if it's a string literal and we're not migrating to Tag
-              var shouldMigrateToTag = !isBoldProp || isLiteralFalse(isBoldProp.value);
-              if (!shouldMigrateToTag) {
-                var stringValue = extractStringValue(appearanceProp.value);
-                if (stringValue && typeof stringValue === 'string') {
-                  var mappedColor = mapAppearanceToLozengeColor(stringValue);
-                  if (mappedColor !== stringValue) {
-                    // Update the value if it changed
+          var shouldMigrateToTag = !isBoldProp || isLiteralFalse(isBoldProp.value);
+          if (!shouldMigrateToTag) {
+            // Only update appearance values for Lozenge components that stay as Lozenge
+            var stringValue = extractStringValue(appearanceProp.value);
+            if (stringValue && typeof stringValue === 'string') {
+              var mappedValue = mapToNewAppearanceValue(stringValue);
+              if (mappedValue !== stringValue) {
+                context.report({
+                  node: appearanceProp,
+                  messageId: 'updateAppearance',
+                  fix: function fix(fixer) {
                     if (appearanceProp.value.type === 'Literal') {
-                      fixes.push(fixer.replaceText(appearanceProp.value, "\"".concat(mappedColor, "\"")));
+                      return fixer.replaceText(appearanceProp.value, "\"".concat(mappedValue, "\""));
                     } else if (appearanceProp.value.type === 'JSXExpressionContainer' && appearanceProp.value.expression && appearanceProp.value.expression.type === 'Literal') {
-                      fixes.push(fixer.replaceText(appearanceProp.value.expression, "\"".concat(mappedColor, "\"")));
+                      return fixer.replaceText(appearanceProp.value.expression, "\"".concat(mappedValue, "\""));
                     }
+                    return null;
                   }
-                }
+                });
               }
-              return fixes;
             }
-          });
+          }
         }
 
         // Handle isBold prop and Tag migration
@@ -231,7 +200,7 @@ var rule = createLintRule({
               node: node,
               messageId: 'migrateTag',
               fix: function fix(fixer) {
-                var replacement = generateTagReplacement(node, elementName);
+                var replacement = generateTagReplacement(node);
                 return fixer.replaceText(node, replacement);
               }
             });
@@ -249,7 +218,7 @@ var rule = createLintRule({
             node: node,
             messageId: 'migrateTag',
             fix: function fix(fixer) {
-              var replacement = generateTagReplacement(node, elementName);
+              var replacement = generateTagReplacement(node);
               return fixer.replaceText(node, replacement);
             }
           });

package/dist/types/rules/lozenge-appearance-and-isbold-migration/index.d.ts

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

package/dist/types-ts4.5/rules/lozenge-appearance-and-isbold-migration/index.d.ts

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

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@atlaskit/eslint-plugin-design-system",
 	"description": "The essential plugin for use with the Atlassian Design System.",
-	"version": "13.24.0",
+	"version": "13.24.1",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
 	"publishConfig": {