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

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 13.24.0
+
+### Minor Changes
+
+- [`6346354ff2153`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6346354ff2153) -
+  Add a new rule `lozenge-appearance-and-isbold-migration` to help migrate deprecated Lozenge usages
+  to the new API or Tag component as part of the Labelling System Phase 1 migration
+
 ## 13.23.4
 
 ### Patch Changes

package/README.md

@@ -56,6 +56,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/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/lozenge-appearance-and-isbold-migration/README.md">lozenge-appearance-and-isbold-migration</a>         | Helps migrate deprecated Lozenge usages to the new API or Tag component as part of the Labelling System Phase 1 migration.                                                                                                                                                                                          | 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     |             |

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::5aac2d8dc7c2832bcb8a96a143d60db5>>
+ * @codegen <<SignedSource::7fae089db9d7d7153fea58c673bd56af>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -21,6 +21,7 @@ var rules = {
     '@atlaskit/design-system/ensure-icon-color': 'error',
     '@atlaskit/design-system/ensure-proper-xcss-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
+    '@atlaskit/design-system/lozenge-appearance-and-isbold-migration': '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',

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::43ea4411c4e338a916772d4bfda146cc>>
+ * @codegen <<SignedSource::655d7f24171da0dff60003d0f235e48a>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -20,6 +20,7 @@ var rules = {
     '@atlaskit/design-system/ensure-icon-color': 'error',
     '@atlaskit/design-system/ensure-proper-xcss-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
+    '@atlaskit/design-system/lozenge-appearance-and-isbold-migration': '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',

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::3328b9c675a0d09876dcfbc5d29bc63f>>
+ * @codegen <<SignedSource::44a03b30a12e3b52d720c16785c9c649>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -17,6 +17,7 @@ var rules = {
     '@atlaskit/design-system/consistent-css-prop-usage': 'error',
     '@atlaskit/design-system/ensure-design-token-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
+    '@atlaskit/design-system/lozenge-appearance-and-isbold-migration': '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',

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::b28f895280627b7a35f059f90783644a>>
+ * @codegen <<SignedSource::0311febdad396820af1b01dd2825b63f>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -16,6 +16,7 @@ var rules = {
     '@atlaskit/design-system/consistent-css-prop-usage': 'error',
     '@atlaskit/design-system/ensure-design-token-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
+    '@atlaskit/design-system/lozenge-appearance-and-isbold-migration': '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',

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

@@ -12,6 +12,7 @@ var _ensureDesignTokenUsagePreview = _interopRequireDefault(require("./ensure-de
 var _ensureIconColor = _interopRequireDefault(require("./ensure-icon-color"));
 var _ensureProperXcssUsage = _interopRequireDefault(require("./ensure-proper-xcss-usage"));
 var _iconLabel = _interopRequireDefault(require("./icon-label"));
+var _lozengeAppearanceAndIsboldMigration = _interopRequireDefault(require("./lozenge-appearance-and-isbold-migration"));
 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"));
@@ -75,7 +76,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::732bff0fc39d7ff05b6688694101698d>>
+ * @codegen <<SignedSource::75f94fc6b6fa998eed54b610e41bb9b1>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -87,6 +88,7 @@ var rules = exports.rules = {
   'ensure-icon-color': _ensureIconColor.default,
   'ensure-proper-xcss-usage': _ensureProperXcssUsage.default,
   'icon-label': _iconLabel.default,
+  'lozenge-appearance-and-isbold-migration': _lozengeAppearanceAndIsboldMigration.default,
   'no-banned-imports': _noBannedImports.default,
   'no-boolean-autofocus-on-modal-dialog': _noBooleanAutofocusOnModalDialog.default,
   'no-css-tagged-template-expression': _noCssTaggedTemplateExpression.default,

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

@@ -0,0 +1,267 @@
+"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 rule = (0, _createRule.createLintRule)({
+  meta: {
+    name: 'lozenge-appearance-and-isbold-migration',
+    fixable: 'code',
+    type: 'suggestion',
+    docs: {
+      description: 'Helps migrate deprecated Lozenge usages to the new API or Tag component as part of the Labelling System Phase 1 migration.',
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      replaceAppearance: "'appearance' prop on <Lozenge> is deprecated — use 'color' instead.",
+      migrateTag: 'Non-bold <Lozenge> variants should migrate to <Tag> component.',
+      manualReview: "Dynamic 'isBold' props require manual review before migration."
+    }
+  },
+  create: function create(context) {
+    /**
+     * 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
+     */
+    function isLiteralFalse(node) {
+      return node && node.type === 'JSXExpressionContainer' && node.expression && node.expression.type === 'Literal' && node.expression.value === false;
+    }
+
+    /**
+     * Check if a JSX attribute value is dynamic (not a literal boolean)
+     */
+    function isDynamicExpression(node) {
+      if (!node || node.type !== 'JSXExpressionContainer') {
+        return false;
+      }
+      var expr = node.expression;
+      return expr && !(expr.type === 'Literal' && typeof expr.value === 'boolean');
+    }
+
+    /**
+     * Get all attributes as an object for easier manipulation
+     */
+    function getAttributesMap(attributes) {
+      var map = {};
+      attributes.forEach(function (attr) {
+        if (attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier') {
+          map[attr.name.name] = attr;
+        }
+      });
+      return map;
+    }
+
+    /**
+     * Map Lozenge appearance values to Tag color values
+     */
+    function mapAppearanceToTagColor(appearanceValue) {
+      var mapping = {
+        success: 'lime',
+        default: 'standard',
+        removed: 'red',
+        inprogress: 'blue',
+        new: 'purple',
+        moved: 'orange'
+      };
+      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;
+    }
+
+    /**
+     * Extract the string value from a JSX attribute value
+     */
+    function extractStringValue(attrValue) {
+      if (!attrValue) {
+        return null;
+      }
+      if (attrValue.type === 'Literal') {
+        return attrValue.value;
+      }
+      if (attrValue.type === 'JSXExpressionContainer' && attrValue.expression && attrValue.expression.type === 'Literal') {
+        return attrValue.expression.value;
+      }
+      return null;
+    }
+
+    /**
+     * Generate the replacement JSX element text
+     */
+    function generateTagReplacement(node, lozengeLocalName) {
+      var sourceCode = context.getSourceCode();
+      var attributes = node.openingElement.attributes;
+
+      // Build new attributes array, excluding isBold and mapping appearance to color
+      var newAttributes = [];
+      attributes.forEach(function (attr) {
+        if (attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier') {
+          var attrName = attr.name.name;
+          if (attrName === 'isBold') {
+            // Skip isBold attribute
+            return;
+          }
+          if (attrName === 'appearance') {
+            // Map appearance to color with value transformation
+            var stringValue = extractStringValue(attr.value);
+            if (stringValue && typeof stringValue === 'string') {
+              var mappedColor = mapAppearanceToTagColor(stringValue);
+              newAttributes.push("color=\"".concat(mappedColor, "\""));
+            } else {
+              // If we can't extract the string value, keep as-is but rename to color
+              var value = attr.value ? sourceCode.getText(attr.value) : '';
+              newAttributes.push("color".concat(value ? "=".concat(value) : ''));
+            }
+            return;
+          }
+
+          // Keep all other attributes
+          newAttributes.push(sourceCode.getText(attr));
+        } else if (attr.type === 'JSXSpreadAttribute') {
+          // Keep spread attributes
+          newAttributes.push(sourceCode.getText(attr));
+        }
+      });
+      var attributesText = newAttributes.length > 0 ? " ".concat(newAttributes.join(' ')) : '';
+      var children = node.children.length > 0 ? sourceCode.getText().slice(node.openingElement.range[1], node.closingElement ? node.closingElement.range[0] : node.range[1]) : '';
+      if (node.closingElement) {
+        return "<Tag".concat(attributesText, ">").concat(children, "</Tag>");
+      } else {
+        return "<Tag".concat(attributesText, " />");
+      }
+    }
+    return {
+      ImportDeclaration: function ImportDeclaration(node) {
+        var moduleSource = node.source.value;
+        if (typeof moduleSource === 'string') {
+          // Track Lozenge imports
+          if (moduleSource === '@atlaskit/lozenge' || moduleSource.startsWith('@atlaskit/lozenge')) {
+            node.specifiers.forEach(function (spec) {
+              if (spec.type === 'ImportDefaultSpecifier') {
+                lozengeImports[spec.local.name] = moduleSource;
+              } else if (spec.type === 'ImportSpecifier' && spec.imported.type === 'Identifier') {
+                if (spec.imported.name === 'Lozenge') {
+                  lozengeImports[spec.local.name] = moduleSource;
+                }
+              }
+            });
+          }
+          // 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) {
+        if (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement')) {
+          return;
+        }
+        if (!(0, _eslintCodemodUtils.isNodeOfType)(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        var elementName = node.openingElement.name.name;
+
+        // Only process if this is a Lozenge component we've imported
+        if (!lozengeImports[elementName]) {
+          return;
+        }
+        var attributesMap = getAttributesMap(node.openingElement.attributes);
+        var appearanceProp = attributesMap.appearance;
+        var isBoldProp = attributesMap.isBold;
+
+        // Handle appearance prop 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
+                    if (appearanceProp.value.type === 'Literal') {
+                      fixes.push(fixer.replaceText(appearanceProp.value, "\"".concat(mappedColor, "\"")));
+                    } else if (appearanceProp.value.type === 'JSXExpressionContainer' && appearanceProp.value.expression && appearanceProp.value.expression.type === 'Literal') {
+                      fixes.push(fixer.replaceText(appearanceProp.value.expression, "\"".concat(mappedColor, "\"")));
+                    }
+                  }
+                }
+              }
+              return fixes;
+            }
+          });
+        }
+
+        // Handle isBold prop and Tag migration
+        if (isBoldProp) {
+          if (isLiteralFalse(isBoldProp.value)) {
+            // isBold={false} should migrate to Tag
+            context.report({
+              node: node,
+              messageId: 'migrateTag',
+              fix: function fix(fixer) {
+                var replacement = generateTagReplacement(node, elementName);
+                return fixer.replaceText(node, replacement);
+              }
+            });
+          } else if (isDynamicExpression(isBoldProp.value)) {
+            // Dynamic isBold requires manual review
+            context.report({
+              node: isBoldProp,
+              messageId: 'manualReview'
+            });
+          }
+          // isBold={true} or isBold (implicit true) - no action needed
+        } else {
+          // No isBold prop means implicit false, should migrate to Tag
+          context.report({
+            node: node,
+            messageId: 'migrateTag',
+            fix: function fix(fixer) {
+              var replacement = generateTagReplacement(node, elementName);
+              return fixer.replaceText(node, replacement);
+            }
+          });
+        }
+      }
+    };
+  }
+});
+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::5aac2d8dc7c2832bcb8a96a143d60db5>>
+ * @codegen <<SignedSource::7fae089db9d7d7153fea58c673bd56af>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -15,6 +15,7 @@ const rules = {
     '@atlaskit/design-system/ensure-icon-color': 'error',
     '@atlaskit/design-system/ensure-proper-xcss-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
+    '@atlaskit/design-system/lozenge-appearance-and-isbold-migration': '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',

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::43ea4411c4e338a916772d4bfda146cc>>
+ * @codegen <<SignedSource::655d7f24171da0dff60003d0f235e48a>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -14,6 +14,7 @@ const rules = {
     '@atlaskit/design-system/ensure-icon-color': 'error',
     '@atlaskit/design-system/ensure-proper-xcss-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
+    '@atlaskit/design-system/lozenge-appearance-and-isbold-migration': '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',

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::3328b9c675a0d09876dcfbc5d29bc63f>>
+ * @codegen <<SignedSource::44a03b30a12e3b52d720c16785c9c649>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -11,6 +11,7 @@ const rules = {
     '@atlaskit/design-system/consistent-css-prop-usage': 'error',
     '@atlaskit/design-system/ensure-design-token-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
+    '@atlaskit/design-system/lozenge-appearance-and-isbold-migration': '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',

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::b28f895280627b7a35f059f90783644a>>
+ * @codegen <<SignedSource::0311febdad396820af1b01dd2825b63f>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -10,6 +10,7 @@ const rules = {
     '@atlaskit/design-system/consistent-css-prop-usage': 'error',
     '@atlaskit/design-system/ensure-design-token-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
+    '@atlaskit/design-system/lozenge-appearance-and-isbold-migration': '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',

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::732bff0fc39d7ff05b6688694101698d>>
+ * @codegen <<SignedSource::75f94fc6b6fa998eed54b610e41bb9b1>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -11,6 +11,7 @@ import ensureDesignTokenUsagePreview from './ensure-design-token-usage-preview';
 import ensureIconColor from './ensure-icon-color';
 import ensureProperXcssUsage from './ensure-proper-xcss-usage';
 import iconLabel from './icon-label';
+import lozengeAppearanceAndIsboldMigration from './lozenge-appearance-and-isbold-migration';
 import noBannedImports from './no-banned-imports';
 import noBooleanAutofocusOnModalDialog from './no-boolean-autofocus-on-modal-dialog';
 import noCssTaggedTemplateExpression from './no-css-tagged-template-expression';
@@ -80,6 +81,7 @@ export const rules = {
   'ensure-icon-color': ensureIconColor,
   'ensure-proper-xcss-usage': ensureProperXcssUsage,
   'icon-label': iconLabel,
+  'lozenge-appearance-and-isbold-migration': lozengeAppearanceAndIsboldMigration,
   'no-banned-imports': noBannedImports,
   'no-boolean-autofocus-on-modal-dialog': noBooleanAutofocusOnModalDialog,
   'no-css-tagged-template-expression': noCssTaggedTemplateExpression,

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

@@ -0,0 +1,261 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { createLintRule } from '../utils/create-rule';
+const rule = createLintRule({
+  meta: {
+    name: 'lozenge-appearance-and-isbold-migration',
+    fixable: 'code',
+    type: 'suggestion',
+    docs: {
+      description: 'Helps migrate deprecated Lozenge usages to the new API or Tag component as part of the Labelling System Phase 1 migration.',
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      replaceAppearance: "'appearance' prop on <Lozenge> is deprecated — use 'color' instead.",
+      migrateTag: 'Non-bold <Lozenge> variants should migrate to <Tag> component.',
+      manualReview: "Dynamic 'isBold' props require manual review before migration."
+    }
+  },
+  create(context) {
+    /**
+     * 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
+     */
+    function isLiteralFalse(node) {
+      return node && node.type === 'JSXExpressionContainer' && node.expression && node.expression.type === 'Literal' && node.expression.value === false;
+    }
+
+    /**
+     * Check if a JSX attribute value is dynamic (not a literal boolean)
+     */
+    function isDynamicExpression(node) {
+      if (!node || node.type !== 'JSXExpressionContainer') {
+        return false;
+      }
+      const expr = node.expression;
+      return expr && !(expr.type === 'Literal' && typeof expr.value === 'boolean');
+    }
+
+    /**
+     * Get all attributes as an object for easier manipulation
+     */
+    function getAttributesMap(attributes) {
+      const map = {};
+      attributes.forEach(attr => {
+        if (attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier') {
+          map[attr.name.name] = attr;
+        }
+      });
+      return map;
+    }
+
+    /**
+     * Map Lozenge appearance values to Tag color values
+     */
+    function mapAppearanceToTagColor(appearanceValue) {
+      const mapping = {
+        success: 'lime',
+        default: 'standard',
+        removed: 'red',
+        inprogress: 'blue',
+        new: 'purple',
+        moved: 'orange'
+      };
+      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;
+    }
+
+    /**
+     * Extract the string value from a JSX attribute value
+     */
+    function extractStringValue(attrValue) {
+      if (!attrValue) {
+        return null;
+      }
+      if (attrValue.type === 'Literal') {
+        return attrValue.value;
+      }
+      if (attrValue.type === 'JSXExpressionContainer' && attrValue.expression && attrValue.expression.type === 'Literal') {
+        return attrValue.expression.value;
+      }
+      return null;
+    }
+
+    /**
+     * Generate the replacement JSX element text
+     */
+    function generateTagReplacement(node, lozengeLocalName) {
+      const sourceCode = context.getSourceCode();
+      const attributes = node.openingElement.attributes;
+
+      // Build new attributes array, excluding isBold and mapping appearance to color
+      const newAttributes = [];
+      attributes.forEach(attr => {
+        if (attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier') {
+          const attrName = attr.name.name;
+          if (attrName === 'isBold') {
+            // Skip isBold attribute
+            return;
+          }
+          if (attrName === 'appearance') {
+            // Map appearance to color with value transformation
+            const stringValue = extractStringValue(attr.value);
+            if (stringValue && typeof stringValue === 'string') {
+              const mappedColor = mapAppearanceToTagColor(stringValue);
+              newAttributes.push(`color="${mappedColor}"`);
+            } else {
+              // If we can't extract the string value, keep as-is but rename to color
+              const value = attr.value ? sourceCode.getText(attr.value) : '';
+              newAttributes.push(`color${value ? `=${value}` : ''}`);
+            }
+            return;
+          }
+
+          // Keep all other attributes
+          newAttributes.push(sourceCode.getText(attr));
+        } else if (attr.type === 'JSXSpreadAttribute') {
+          // Keep spread attributes
+          newAttributes.push(sourceCode.getText(attr));
+        }
+      });
+      const attributesText = newAttributes.length > 0 ? ` ${newAttributes.join(' ')}` : '';
+      const children = node.children.length > 0 ? sourceCode.getText().slice(node.openingElement.range[1], node.closingElement ? node.closingElement.range[0] : node.range[1]) : '';
+      if (node.closingElement) {
+        return `<Tag${attributesText}>${children}</Tag>`;
+      } else {
+        return `<Tag${attributesText} />`;
+      }
+    }
+    return {
+      ImportDeclaration(node) {
+        const moduleSource = node.source.value;
+        if (typeof moduleSource === 'string') {
+          // Track Lozenge imports
+          if (moduleSource === '@atlaskit/lozenge' || moduleSource.startsWith('@atlaskit/lozenge')) {
+            node.specifiers.forEach(spec => {
+              if (spec.type === 'ImportDefaultSpecifier') {
+                lozengeImports[spec.local.name] = moduleSource;
+              } else if (spec.type === 'ImportSpecifier' && spec.imported.type === 'Identifier') {
+                if (spec.imported.name === 'Lozenge') {
+                  lozengeImports[spec.local.name] = moduleSource;
+                }
+              }
+            });
+          }
+          // 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) {
+        if (!isNodeOfType(node, 'JSXElement')) {
+          return;
+        }
+        if (!isNodeOfType(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        const elementName = node.openingElement.name.name;
+
+        // Only process if this is a Lozenge component we've imported
+        if (!lozengeImports[elementName]) {
+          return;
+        }
+        const attributesMap = getAttributesMap(node.openingElement.attributes);
+        const appearanceProp = attributesMap.appearance;
+        const isBoldProp = attributesMap.isBold;
+
+        // Handle appearance prop 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
+                    if (appearanceProp.value.type === 'Literal') {
+                      fixes.push(fixer.replaceText(appearanceProp.value, `"${mappedColor}"`));
+                    } else if (appearanceProp.value.type === 'JSXExpressionContainer' && appearanceProp.value.expression && appearanceProp.value.expression.type === 'Literal') {
+                      fixes.push(fixer.replaceText(appearanceProp.value.expression, `"${mappedColor}"`));
+                    }
+                  }
+                }
+              }
+              return fixes;
+            }
+          });
+        }
+
+        // Handle isBold prop and Tag migration
+        if (isBoldProp) {
+          if (isLiteralFalse(isBoldProp.value)) {
+            // isBold={false} should migrate to Tag
+            context.report({
+              node: node,
+              messageId: 'migrateTag',
+              fix: fixer => {
+                const replacement = generateTagReplacement(node, elementName);
+                return fixer.replaceText(node, replacement);
+              }
+            });
+          } else if (isDynamicExpression(isBoldProp.value)) {
+            // Dynamic isBold requires manual review
+            context.report({
+              node: isBoldProp,
+              messageId: 'manualReview'
+            });
+          }
+          // isBold={true} or isBold (implicit true) - no action needed
+        } else {
+          // No isBold prop means implicit false, should migrate to Tag
+          context.report({
+            node: node,
+            messageId: 'migrateTag',
+            fix: fixer => {
+              const replacement = generateTagReplacement(node, elementName);
+              return fixer.replaceText(node, replacement);
+            }
+          });
+        }
+      }
+    };
+  }
+});
+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::5aac2d8dc7c2832bcb8a96a143d60db5>>
+ * @codegen <<SignedSource::7fae089db9d7d7153fea58c673bd56af>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -15,6 +15,7 @@ var rules = {
     '@atlaskit/design-system/ensure-icon-color': 'error',
     '@atlaskit/design-system/ensure-proper-xcss-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
+    '@atlaskit/design-system/lozenge-appearance-and-isbold-migration': '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',

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::43ea4411c4e338a916772d4bfda146cc>>
+ * @codegen <<SignedSource::655d7f24171da0dff60003d0f235e48a>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -14,6 +14,7 @@ var rules = {
     '@atlaskit/design-system/ensure-icon-color': 'error',
     '@atlaskit/design-system/ensure-proper-xcss-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
+    '@atlaskit/design-system/lozenge-appearance-and-isbold-migration': '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',

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::3328b9c675a0d09876dcfbc5d29bc63f>>
+ * @codegen <<SignedSource::44a03b30a12e3b52d720c16785c9c649>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -11,6 +11,7 @@ var rules = {
     '@atlaskit/design-system/consistent-css-prop-usage': 'error',
     '@atlaskit/design-system/ensure-design-token-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
+    '@atlaskit/design-system/lozenge-appearance-and-isbold-migration': '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',

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::b28f895280627b7a35f059f90783644a>>
+ * @codegen <<SignedSource::0311febdad396820af1b01dd2825b63f>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -10,6 +10,7 @@ var rules = {
     '@atlaskit/design-system/consistent-css-prop-usage': 'error',
     '@atlaskit/design-system/ensure-design-token-usage': 'error',
     '@atlaskit/design-system/icon-label': 'warn',
+    '@atlaskit/design-system/lozenge-appearance-and-isbold-migration': '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',

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::732bff0fc39d7ff05b6688694101698d>>
+ * @codegen <<SignedSource::75f94fc6b6fa998eed54b610e41bb9b1>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -11,6 +11,7 @@ import ensureDesignTokenUsagePreview from './ensure-design-token-usage-preview';
 import ensureIconColor from './ensure-icon-color';
 import ensureProperXcssUsage from './ensure-proper-xcss-usage';
 import iconLabel from './icon-label';
+import lozengeAppearanceAndIsboldMigration from './lozenge-appearance-and-isbold-migration';
 import noBannedImports from './no-banned-imports';
 import noBooleanAutofocusOnModalDialog from './no-boolean-autofocus-on-modal-dialog';
 import noCssTaggedTemplateExpression from './no-css-tagged-template-expression';
@@ -80,6 +81,7 @@ export var rules = {
   'ensure-icon-color': ensureIconColor,
   'ensure-proper-xcss-usage': ensureProperXcssUsage,
   'icon-label': iconLabel,
+  'lozenge-appearance-and-isbold-migration': lozengeAppearanceAndIsboldMigration,
   'no-banned-imports': noBannedImports,
   'no-boolean-autofocus-on-modal-dialog': noBooleanAutofocusOnModalDialog,
   'no-css-tagged-template-expression': noCssTaggedTemplateExpression,

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

@@ -0,0 +1,261 @@
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { createLintRule } from '../utils/create-rule';
+var rule = createLintRule({
+  meta: {
+    name: 'lozenge-appearance-and-isbold-migration',
+    fixable: 'code',
+    type: 'suggestion',
+    docs: {
+      description: 'Helps migrate deprecated Lozenge usages to the new API or Tag component as part of the Labelling System Phase 1 migration.',
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      replaceAppearance: "'appearance' prop on <Lozenge> is deprecated — use 'color' instead.",
+      migrateTag: 'Non-bold <Lozenge> variants should migrate to <Tag> component.',
+      manualReview: "Dynamic 'isBold' props require manual review before migration."
+    }
+  },
+  create: function create(context) {
+    /**
+     * 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
+     */
+    function isLiteralFalse(node) {
+      return node && node.type === 'JSXExpressionContainer' && node.expression && node.expression.type === 'Literal' && node.expression.value === false;
+    }
+
+    /**
+     * Check if a JSX attribute value is dynamic (not a literal boolean)
+     */
+    function isDynamicExpression(node) {
+      if (!node || node.type !== 'JSXExpressionContainer') {
+        return false;
+      }
+      var expr = node.expression;
+      return expr && !(expr.type === 'Literal' && typeof expr.value === 'boolean');
+    }
+
+    /**
+     * Get all attributes as an object for easier manipulation
+     */
+    function getAttributesMap(attributes) {
+      var map = {};
+      attributes.forEach(function (attr) {
+        if (attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier') {
+          map[attr.name.name] = attr;
+        }
+      });
+      return map;
+    }
+
+    /**
+     * Map Lozenge appearance values to Tag color values
+     */
+    function mapAppearanceToTagColor(appearanceValue) {
+      var mapping = {
+        success: 'lime',
+        default: 'standard',
+        removed: 'red',
+        inprogress: 'blue',
+        new: 'purple',
+        moved: 'orange'
+      };
+      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;
+    }
+
+    /**
+     * Extract the string value from a JSX attribute value
+     */
+    function extractStringValue(attrValue) {
+      if (!attrValue) {
+        return null;
+      }
+      if (attrValue.type === 'Literal') {
+        return attrValue.value;
+      }
+      if (attrValue.type === 'JSXExpressionContainer' && attrValue.expression && attrValue.expression.type === 'Literal') {
+        return attrValue.expression.value;
+      }
+      return null;
+    }
+
+    /**
+     * Generate the replacement JSX element text
+     */
+    function generateTagReplacement(node, lozengeLocalName) {
+      var sourceCode = context.getSourceCode();
+      var attributes = node.openingElement.attributes;
+
+      // Build new attributes array, excluding isBold and mapping appearance to color
+      var newAttributes = [];
+      attributes.forEach(function (attr) {
+        if (attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier') {
+          var attrName = attr.name.name;
+          if (attrName === 'isBold') {
+            // Skip isBold attribute
+            return;
+          }
+          if (attrName === 'appearance') {
+            // Map appearance to color with value transformation
+            var stringValue = extractStringValue(attr.value);
+            if (stringValue && typeof stringValue === 'string') {
+              var mappedColor = mapAppearanceToTagColor(stringValue);
+              newAttributes.push("color=\"".concat(mappedColor, "\""));
+            } else {
+              // If we can't extract the string value, keep as-is but rename to color
+              var value = attr.value ? sourceCode.getText(attr.value) : '';
+              newAttributes.push("color".concat(value ? "=".concat(value) : ''));
+            }
+            return;
+          }
+
+          // Keep all other attributes
+          newAttributes.push(sourceCode.getText(attr));
+        } else if (attr.type === 'JSXSpreadAttribute') {
+          // Keep spread attributes
+          newAttributes.push(sourceCode.getText(attr));
+        }
+      });
+      var attributesText = newAttributes.length > 0 ? " ".concat(newAttributes.join(' ')) : '';
+      var children = node.children.length > 0 ? sourceCode.getText().slice(node.openingElement.range[1], node.closingElement ? node.closingElement.range[0] : node.range[1]) : '';
+      if (node.closingElement) {
+        return "<Tag".concat(attributesText, ">").concat(children, "</Tag>");
+      } else {
+        return "<Tag".concat(attributesText, " />");
+      }
+    }
+    return {
+      ImportDeclaration: function ImportDeclaration(node) {
+        var moduleSource = node.source.value;
+        if (typeof moduleSource === 'string') {
+          // Track Lozenge imports
+          if (moduleSource === '@atlaskit/lozenge' || moduleSource.startsWith('@atlaskit/lozenge')) {
+            node.specifiers.forEach(function (spec) {
+              if (spec.type === 'ImportDefaultSpecifier') {
+                lozengeImports[spec.local.name] = moduleSource;
+              } else if (spec.type === 'ImportSpecifier' && spec.imported.type === 'Identifier') {
+                if (spec.imported.name === 'Lozenge') {
+                  lozengeImports[spec.local.name] = moduleSource;
+                }
+              }
+            });
+          }
+          // 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) {
+        if (!isNodeOfType(node, 'JSXElement')) {
+          return;
+        }
+        if (!isNodeOfType(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        var elementName = node.openingElement.name.name;
+
+        // Only process if this is a Lozenge component we've imported
+        if (!lozengeImports[elementName]) {
+          return;
+        }
+        var attributesMap = getAttributesMap(node.openingElement.attributes);
+        var appearanceProp = attributesMap.appearance;
+        var isBoldProp = attributesMap.isBold;
+
+        // Handle appearance prop 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
+                    if (appearanceProp.value.type === 'Literal') {
+                      fixes.push(fixer.replaceText(appearanceProp.value, "\"".concat(mappedColor, "\"")));
+                    } else if (appearanceProp.value.type === 'JSXExpressionContainer' && appearanceProp.value.expression && appearanceProp.value.expression.type === 'Literal') {
+                      fixes.push(fixer.replaceText(appearanceProp.value.expression, "\"".concat(mappedColor, "\"")));
+                    }
+                  }
+                }
+              }
+              return fixes;
+            }
+          });
+        }
+
+        // Handle isBold prop and Tag migration
+        if (isBoldProp) {
+          if (isLiteralFalse(isBoldProp.value)) {
+            // isBold={false} should migrate to Tag
+            context.report({
+              node: node,
+              messageId: 'migrateTag',
+              fix: function fix(fixer) {
+                var replacement = generateTagReplacement(node, elementName);
+                return fixer.replaceText(node, replacement);
+              }
+            });
+          } else if (isDynamicExpression(isBoldProp.value)) {
+            // Dynamic isBold requires manual review
+            context.report({
+              node: isBoldProp,
+              messageId: 'manualReview'
+            });
+          }
+          // isBold={true} or isBold (implicit true) - no action needed
+        } else {
+          // No isBold prop means implicit false, should migrate to Tag
+          context.report({
+            node: node,
+            messageId: 'migrateTag',
+            fix: function fix(fixer) {
+              var replacement = generateTagReplacement(node, elementName);
+              return fixer.replaceText(node, replacement);
+            }
+          });
+        }
+      }
+    };
+  }
+});
+export default rule;

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::5aac2d8dc7c2832bcb8a96a143d60db5>>
+ * @codegen <<SignedSource::7fae089db9d7d7153fea58c673bd56af>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import type { Linter } from 'eslint';

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::43ea4411c4e338a916772d4bfda146cc>>
+ * @codegen <<SignedSource::655d7f24171da0dff60003d0f235e48a>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import type { ESLint } from 'eslint';

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3328b9c675a0d09876dcfbc5d29bc63f>>
+ * @codegen <<SignedSource::44a03b30a12e3b52d720c16785c9c649>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import type { Linter } from 'eslint';

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b28f895280627b7a35f059f90783644a>>
+ * @codegen <<SignedSource::0311febdad396820af1b01dd2825b63f>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import type { ESLint } from 'eslint';

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::732bff0fc39d7ff05b6688694101698d>>
+ * @codegen <<SignedSource::75f94fc6b6fa998eed54b610e41bb9b1>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import type { Rule } from 'eslint';

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

@@ -0,0 +1,2 @@
+declare const rule: import("eslint").Rule.RuleModule;
+export default rule;

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::5aac2d8dc7c2832bcb8a96a143d60db5>>
+ * @codegen <<SignedSource::7fae089db9d7d7153fea58c673bd56af>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import type { Linter } from 'eslint';

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::43ea4411c4e338a916772d4bfda146cc>>
+ * @codegen <<SignedSource::655d7f24171da0dff60003d0f235e48a>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import type { ESLint } from 'eslint';

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3328b9c675a0d09876dcfbc5d29bc63f>>
+ * @codegen <<SignedSource::44a03b30a12e3b52d720c16785c9c649>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import type { Linter } from 'eslint';

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b28f895280627b7a35f059f90783644a>>
+ * @codegen <<SignedSource::0311febdad396820af1b01dd2825b63f>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import type { ESLint } from 'eslint';

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::732bff0fc39d7ff05b6688694101698d>>
+ * @codegen <<SignedSource::75f94fc6b6fa998eed54b610e41bb9b1>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import type { Rule } from 'eslint';

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

@@ -0,0 +1,2 @@
+declare const rule: import("eslint").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.23.4",
+	"version": "13.24.0",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
 	"publishConfig": {