@atlaskit/codemod-cli 0.31.1 → 0.32.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/codemod-cli
 
+## 0.32.0
+
+### Minor Changes
+
+- [`a5b157e56828d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a5b157e56828d) -
+  Add a new codemod `badge-appearance-semantic-migration` to migrate deprecated Badge appearances to
+  colorsas part of the Labelling System Phase 1 migration.
+
+## 0.31.2
+
+### Patch Changes
+
+- [`100f9ea636d3a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/100f9ea636d3a) -
+  Updated lozenge codemod to preserve appearance prop (no color prop change), also renamed to
+  lozenge-appearance-semantic-migration
+
 ## 0.31.1
 
 ### Patch Changes

package/dist/cjs/main.js

@@ -362,7 +362,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context6.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.0.0-development", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.31.2", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
           logger.log(_chalk.default.bgBlue(_chalk.default.black("\uD83D\uDCDA Atlassian-Frontend codemod library @ ".concat(_PACKAGE_VERSION_, " \uD83D\uDCDA"))));
           if (packages && packages.length > 0) {
             logger.log(_chalk.default.gray("Searching for codemods for newer versions of the following packages: ".concat(packages.map(function (pkg) {

package/dist/cjs/presets/{lozenge-appearance-to-color/lozenge-appearance-to-color.js → badge-appearance-semantic-migration/badge-appearance-semantic-migration.js}

@@ -8,7 +8,7 @@ exports.default = transformer;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _lozengeAppearanceToColor = _interopRequireDefault(require("./codemods/lozenge-appearance-to-color"));
+var _badgeAppearanceSemanticMigration = _interopRequireDefault(require("./codemods/badge-appearance-semantic-migration"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function transformer(_x, _x2) {
@@ -20,7 +20,7 @@ function _transformer() {
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          transformers = [_lozengeAppearanceToColor.default];
+          transformers = [_badgeAppearanceSemanticMigration.default];
           src = file.source;
           transformers.forEach(function (transformer) {
             if (typeof src === 'undefined') {

package/dist/cjs/presets/badge-appearance-semantic-migration/codemods/badge-appearance-semantic-migration.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _utils = require("@hypermod/utils");
+var _codemodUtils = require("@atlaskit/codemod-utils");
+var BADGE_ENTRY_POINT = '@atlaskit/badge';
+var PRINT_SETTINGS = {
+  quote: 'single'
+};
+
+// Old appearance values that map to new semantic appearance values
+var OLD_TO_NEW_APPEARANCE_MAP = {
+  added: 'success',
+  removed: 'danger',
+  default: 'neutral',
+  primary: 'information',
+  primaryInverted: 'inverse',
+  important: 'danger'
+};
+/**
+ * Codemod to migrate Badge component appearance semantic values.
+ *
+ * This codemod:
+ * 1. Updates `appearance` prop values to new semantic values
+ * 2. Maps old semantic values to new semantic values (e.g. added → success, removed → danger, primary → information)
+ * 3. Adds comments for dynamic values that need manual verification
+ */
+function transformer(file, api) {
+  var j = api.jscodeshift;
+  var source = j(file.source);
+
+  // Find all Badge imports
+  var badgeImports = (0, _utils.getImportDeclaration)(j, source, BADGE_ENTRY_POINT);
+
+  // If no Badge imports, exit early
+  if (!badgeImports.length) {
+    return file.source;
+  }
+
+  // Get all imported Badge identifiers (could be renamed)
+  var badgeIdentifiers = new Set();
+  badgeImports.forEach(function (importPath) {
+    var _importPath$value$spe;
+    (_importPath$value$spe = importPath.value.specifiers) === null || _importPath$value$spe === void 0 || _importPath$value$spe.forEach(function (specifier) {
+      var _specifier$imported;
+      if (specifier.type === 'ImportDefaultSpecifier') {
+        var _specifier$local;
+        // Handle: import Badge from '@atlaskit/badge'
+        badgeIdentifiers.add(((_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name) || 'Badge');
+      } else if (specifier.type === 'ImportSpecifier' && ((_specifier$imported = specifier.imported) === null || _specifier$imported === void 0 ? void 0 : _specifier$imported.type) === 'Identifier' && specifier.imported.name === 'default') {
+        var _specifier$local2;
+        // Handle: import { default as MyBadge } from '@atlaskit/badge'
+        badgeIdentifiers.add(((_specifier$local2 = specifier.local) === null || _specifier$local2 === void 0 ? void 0 : _specifier$local2.name) || 'Badge');
+      }
+    });
+  });
+
+  // If no Badge identifiers found, exit early
+  if (badgeIdentifiers.size === 0) {
+    return file.source;
+  }
+
+  // Find all Badge JSX elements
+  var badgeElements = [];
+  source.find(j.JSXElement).forEach(function (path) {
+    var _openingElement$name;
+    var openingElement = path.value.openingElement;
+    if (((_openingElement$name = openingElement.name) === null || _openingElement$name === void 0 ? void 0 : _openingElement$name.type) === 'JSXIdentifier' && badgeIdentifiers.has(openingElement.name.name)) {
+      var _openingElement$attri;
+      var element = {
+        path: path,
+        hasAppearanceProp: false
+      };
+
+      // Check for appearance prop
+      (_openingElement$attri = openingElement.attributes) === null || _openingElement$attri === void 0 || _openingElement$attri.forEach(function (attr) {
+        var _attr$name;
+        if (attr.type === 'JSXAttribute' && ((_attr$name = attr.name) === null || _attr$name === void 0 ? void 0 : _attr$name.type) === 'JSXIdentifier') {
+          if (attr.name.name === 'appearance') {
+            var _attr$value, _attr$value2;
+            element.hasAppearanceProp = true;
+            if (((_attr$value = attr.value) === null || _attr$value === void 0 ? void 0 : _attr$value.type) === 'StringLiteral') {
+              element.appearanceValue = attr.value.value;
+            } else if (((_attr$value2 = attr.value) === null || _attr$value2 === void 0 ? void 0 : _attr$value2.type) === 'JSXExpressionContainer') {
+              // Handle dynamic values
+              var expression = attr.value.expression;
+              if (expression.type === 'StringLiteral') {
+                element.appearanceValue = expression.value;
+              } else {
+                element.appearanceValue = 'dynamic';
+              }
+            }
+          }
+        }
+      });
+      badgeElements.push(element);
+    }
+  });
+
+  // Process each Badge element
+  badgeElements.forEach(function (element) {
+    var path = element.path,
+      hasAppearanceProp = element.hasAppearanceProp,
+      appearanceValue = element.appearanceValue;
+    var openingElement = path.value.openingElement;
+
+    // Update appearance prop values to new semantic values
+    if (hasAppearanceProp) {
+      var _openingElement$attri2;
+      (_openingElement$attri2 = openingElement.attributes) === null || _openingElement$attri2 === void 0 || _openingElement$attri2.forEach(function (attr) {
+        var _attr$name2;
+        if (attr.type === 'JSXAttribute' && ((_attr$name2 = attr.name) === null || _attr$name2 === void 0 ? void 0 : _attr$name2.type) === 'JSXIdentifier' && attr.name.name === 'appearance') {
+          // Handle different types of appearance values
+          if (appearanceValue === 'dynamic') {
+            // For dynamic values, add a comment
+            (0, _codemodUtils.addCommentBefore)(j, j(path), "FIXME: This Badge component uses a dynamic `appearance` prop with updated semantic values.\nPlease verify that the values being passed use the new semantic values: neutral, information, inverse, danger, success.\nOld values mapping: default\u2192neutral, primary\u2192information, primaryInverted\u2192inverse, added\u2192success, removed\u2192danger, important\u2192danger.");
+          } else if (appearanceValue === 'primaryInverted') {
+            var _attr$value3;
+            // For primaryInverted, we need to add a comment since it maps to inverse
+            (0, _codemodUtils.addCommentBefore)(j, j(path), "FIXME: This Badge component used `appearance=\"primaryInverted\"` which has been migrated to `appearance=\"inverse\"`.\nPlease verify the visual appearance matches your expectations.");
+            // Update the value
+            if (((_attr$value3 = attr.value) === null || _attr$value3 === void 0 ? void 0 : _attr$value3.type) === 'StringLiteral') {
+              attr.value.value = OLD_TO_NEW_APPEARANCE_MAP[appearanceValue];
+            }
+          } else if (appearanceValue && !OLD_TO_NEW_APPEARANCE_MAP[appearanceValue]) {
+            // For invalid string values, add a warning comment
+            (0, _codemodUtils.addCommentBefore)(j, j(path), "FIXME: This Badge component uses an unknown `appearance` value \"".concat(appearanceValue, "\".\nValid new semantic appearance values are: ").concat(Object.values(OLD_TO_NEW_APPEARANCE_MAP).filter(function (v, i, arr) {
+              return arr.indexOf(v) === i;
+            }).join(', '), ".\nPlease update this value to a valid semantic appearance value."));
+          } else if (appearanceValue && OLD_TO_NEW_APPEARANCE_MAP[appearanceValue]) {
+            var _attr$value4;
+            // For valid string values, update the value to the new semantic value
+            if (((_attr$value4 = attr.value) === null || _attr$value4 === void 0 ? void 0 : _attr$value4.type) === 'StringLiteral') {
+              attr.value.value = OLD_TO_NEW_APPEARANCE_MAP[appearanceValue];
+            }
+          }
+        }
+      });
+    }
+  });
+  return source.toSource(PRINT_SETTINGS);
+}

package/dist/cjs/presets/index.js

@@ -14,14 +14,15 @@ require("./migrate-icon-object-to-object/migrate-icon-object-to-object");
 require("./upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable");
 require("./remove-dark-theme-vr-options/remove-dark-theme-vr-options");
 require("./remove-token-fallbacks/remove-token-fallbacks");
-require("./lozenge-appearance-to-color/lozenge-appearance-to-color");
+require("./lozenge-appearance-semantic-migration/lozenge-appearance-semantic-migration");
 require("./lozenge-to-tag-migration/lozenge-to-tag-migration");
+require("./badge-appearance-semantic-migration/badge-appearance-semantic-migration");
 /**
  * Manually import presets to make sure typescript includes them
  * in the final bundle.
  */
 
-var presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-link', 'migrate-to-new-buttons', 'migrate-icon-object-to-object', 'upgrade-pragmatic-drag-and-drop-to-stable', 'remove-dark-theme-vr-options', 'remove-token-fallbacks', 'lozenge-appearance-to-color', 'lozenge-to-tag-migration'].map(function (preset) {
+var presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-link', 'migrate-to-new-buttons', 'migrate-icon-object-to-object', 'upgrade-pragmatic-drag-and-drop-to-stable', 'remove-dark-theme-vr-options', 'remove-token-fallbacks', 'lozenge-appearance-semantic-migration', 'lozenge-to-tag-migration', 'badge-appearance-semantic-migration'].map(function (preset) {
   return _path.default.join(__dirname, preset, "".concat(preset, ".@(ts|js|tsx)"));
 });
 var _default = exports.default = presets;

package/dist/cjs/presets/{lozenge-appearance-to-color/codemods/lozenge-appearance-to-color.js → lozenge-appearance-semantic-migration/codemods/lozenge-appearance-semantic-migration.js}

@@ -11,8 +11,8 @@ var PRINT_SETTINGS = {
   quote: 'single'
 };
 
-// Semantic appearance values that map directly to color values
-var APPEARANCE_TO_COLOR_MAP = {
+// Old appearance values that map to new semantic appearance values
+var OLD_TO_NEW_APPEARANCE_MAP = {
   default: 'neutral',
   inprogress: 'information',
   moved: 'warning',
@@ -21,11 +21,11 @@ var APPEARANCE_TO_COLOR_MAP = {
   success: 'success'
 };
 /**
- * Codemod to migrate Lozenge component from `appearance` prop to `color` prop.
+ * Codemod to migrate Lozenge component appearance semantic values.
  *
  * This codemod:
- * 1. Renames `appearance` prop to `color` for semantic values
- * 2. Maps existing semantic values directly (e.g. success → success)
+ * 1. Updates `appearance` prop values to new semantic values
+ * 2. Maps old semantic values to new semantic values (e.g. default → neutral, inprogress → information)
  * 3. Adds comments for dynamic values that need manual verification
  */
 function transformer(file, api) {
@@ -107,27 +107,24 @@ function transformer(file, api) {
       appearanceValue = element.appearanceValue;
     var openingElement = path.value.openingElement;
 
-    // Transform appearance prop to color prop
+    // Update appearance prop values to new semantic values
     if (hasAppearanceProp) {
       var _openingElement$attri2;
       (_openingElement$attri2 = openingElement.attributes) === null || _openingElement$attri2 === void 0 || _openingElement$attri2.forEach(function (attr) {
         var _attr$name2;
         if (attr.type === 'JSXAttribute' && ((_attr$name2 = attr.name) === null || _attr$name2 === void 0 ? void 0 : _attr$name2.type) === 'JSXIdentifier' && attr.name.name === 'appearance') {
-          // Rename appearance to color
-          attr.name.name = 'color';
-
           // Handle different types of appearance values
           if (appearanceValue === 'dynamic') {
             // For dynamic values, add a comment
-            (0, _codemodUtils.addCommentBefore)(j, j(path), "FIXME: This Lozenge component uses a dynamic `appearance` prop that has been renamed to `color`.\nPlease verify that the values being passed are valid color values (semantic: default, inprogress, moved, new, removed, success).");
-          } else if (appearanceValue && !APPEARANCE_TO_COLOR_MAP[appearanceValue]) {
+            (0, _codemodUtils.addCommentBefore)(j, j(path), "FIXME: This Lozenge component uses a dynamic `appearance` prop with updated semantic values.\nPlease verify that the values being passed use the new semantic values: neutral, information, warning, discovery, danger, success.\nOld values mapping: default\u2192neutral, inprogress\u2192information, moved\u2192warning, new\u2192discovery, removed\u2192danger, success\u2192success.");
+          } else if (appearanceValue && !OLD_TO_NEW_APPEARANCE_MAP[appearanceValue]) {
             // For invalid string values, add a warning comment
-            (0, _codemodUtils.addCommentBefore)(j, j(path), "FIXME: This Lozenge component uses an invalid `appearance` value \"".concat(appearanceValue, "\" that has been renamed to `color`.\nValid semantic color values are: ").concat(Object.keys(APPEARANCE_TO_COLOR_MAP).join(', '), ".\nPlease update this value to a valid semantic color or use a custom color value."));
-          } else if (appearanceValue && APPEARANCE_TO_COLOR_MAP[appearanceValue]) {
+            (0, _codemodUtils.addCommentBefore)(j, j(path), "FIXME: This Lozenge component uses an unknown `appearance` value \"".concat(appearanceValue, "\".\nValid new semantic appearance values are: ").concat(Object.values(OLD_TO_NEW_APPEARANCE_MAP).join(', '), ".\nPlease update this value to a valid semantic appearance value."));
+          } else if (appearanceValue && OLD_TO_NEW_APPEARANCE_MAP[appearanceValue]) {
             var _attr$value3;
-            // For valid string values, update the value to the mapped color
+            // For valid string values, update the value to the new semantic value
             if (((_attr$value3 = attr.value) === null || _attr$value3 === void 0 ? void 0 : _attr$value3.type) === 'StringLiteral') {
-              attr.value.value = APPEARANCE_TO_COLOR_MAP[appearanceValue];
+              attr.value.value = OLD_TO_NEW_APPEARANCE_MAP[appearanceValue];
             }
           }
         }

package/dist/cjs/presets/lozenge-appearance-semantic-migration/lozenge-appearance-semantic-migration.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _lozengeAppearanceSemanticMigration = _interopRequireDefault(require("./codemods/lozenge-appearance-semantic-migration"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function transformer(_x, _x2) {
+  return _transformer.apply(this, arguments);
+}
+function _transformer() {
+  _transformer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file, api) {
+    var transformers, src;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          transformers = [_lozengeAppearanceSemanticMigration.default];
+          src = file.source;
+          transformers.forEach(function (transformer) {
+            if (typeof src === 'undefined') {
+              return;
+            }
+            var nextSrc = transformer(_objectSpread(_objectSpread({}, file), {}, {
+              source: src
+            }), api);
+            if (nextSrc) {
+              src = nextSrc;
+            }
+          });
+          return _context.abrupt("return", src);
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _transformer.apply(this, arguments);
+}

package/dist/es2019/presets/{lozenge-appearance-to-color/lozenge-appearance-to-color.js → badge-appearance-semantic-migration/badge-appearance-semantic-migration.js}

@@ -1,6 +1,6 @@
-import lozengeAppearanceToColorTransformer from './codemods/lozenge-appearance-to-color';
+import badgeAppearanceSemanticMigrationTransformer from './codemods/badge-appearance-semantic-migration';
 export default async function transformer(file, api) {
-  const transformers = [lozengeAppearanceToColorTransformer];
+  const transformers = [badgeAppearanceSemanticMigrationTransformer];
   let src = file.source;
   transformers.forEach(transformer => {
     if (typeof src === 'undefined') {

package/dist/es2019/presets/badge-appearance-semantic-migration/codemods/badge-appearance-semantic-migration.js

@@ -0,0 +1,144 @@
+import { getImportDeclaration } from '@hypermod/utils';
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+const BADGE_ENTRY_POINT = '@atlaskit/badge';
+const PRINT_SETTINGS = {
+  quote: 'single'
+};
+
+// Old appearance values that map to new semantic appearance values
+const OLD_TO_NEW_APPEARANCE_MAP = {
+  added: 'success',
+  removed: 'danger',
+  default: 'neutral',
+  primary: 'information',
+  primaryInverted: 'inverse',
+  important: 'danger'
+};
+/**
+ * Codemod to migrate Badge component appearance semantic values.
+ *
+ * This codemod:
+ * 1. Updates `appearance` prop values to new semantic values
+ * 2. Maps old semantic values to new semantic values (e.g. added → success, removed → danger, primary → information)
+ * 3. Adds comments for dynamic values that need manual verification
+ */
+export default function transformer(file, api) {
+  const j = api.jscodeshift;
+  const source = j(file.source);
+
+  // Find all Badge imports
+  const badgeImports = getImportDeclaration(j, source, BADGE_ENTRY_POINT);
+
+  // If no Badge imports, exit early
+  if (!badgeImports.length) {
+    return file.source;
+  }
+
+  // Get all imported Badge identifiers (could be renamed)
+  const badgeIdentifiers = new Set();
+  badgeImports.forEach(importPath => {
+    var _importPath$value$spe;
+    (_importPath$value$spe = importPath.value.specifiers) === null || _importPath$value$spe === void 0 ? void 0 : _importPath$value$spe.forEach(specifier => {
+      var _specifier$imported;
+      if (specifier.type === 'ImportDefaultSpecifier') {
+        var _specifier$local;
+        // Handle: import Badge from '@atlaskit/badge'
+        badgeIdentifiers.add(((_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name) || 'Badge');
+      } else if (specifier.type === 'ImportSpecifier' && ((_specifier$imported = specifier.imported) === null || _specifier$imported === void 0 ? void 0 : _specifier$imported.type) === 'Identifier' && specifier.imported.name === 'default') {
+        var _specifier$local2;
+        // Handle: import { default as MyBadge } from '@atlaskit/badge'
+        badgeIdentifiers.add(((_specifier$local2 = specifier.local) === null || _specifier$local2 === void 0 ? void 0 : _specifier$local2.name) || 'Badge');
+      }
+    });
+  });
+
+  // If no Badge identifiers found, exit early
+  if (badgeIdentifiers.size === 0) {
+    return file.source;
+  }
+
+  // Find all Badge JSX elements
+  const badgeElements = [];
+  source.find(j.JSXElement).forEach(path => {
+    var _openingElement$name;
+    const openingElement = path.value.openingElement;
+    if (((_openingElement$name = openingElement.name) === null || _openingElement$name === void 0 ? void 0 : _openingElement$name.type) === 'JSXIdentifier' && badgeIdentifiers.has(openingElement.name.name)) {
+      var _openingElement$attri;
+      const element = {
+        path,
+        hasAppearanceProp: false
+      };
+
+      // Check for appearance prop
+      (_openingElement$attri = openingElement.attributes) === null || _openingElement$attri === void 0 ? void 0 : _openingElement$attri.forEach(attr => {
+        var _attr$name;
+        if (attr.type === 'JSXAttribute' && ((_attr$name = attr.name) === null || _attr$name === void 0 ? void 0 : _attr$name.type) === 'JSXIdentifier') {
+          if (attr.name.name === 'appearance') {
+            var _attr$value, _attr$value2;
+            element.hasAppearanceProp = true;
+            if (((_attr$value = attr.value) === null || _attr$value === void 0 ? void 0 : _attr$value.type) === 'StringLiteral') {
+              element.appearanceValue = attr.value.value;
+            } else if (((_attr$value2 = attr.value) === null || _attr$value2 === void 0 ? void 0 : _attr$value2.type) === 'JSXExpressionContainer') {
+              // Handle dynamic values
+              const expression = attr.value.expression;
+              if (expression.type === 'StringLiteral') {
+                element.appearanceValue = expression.value;
+              } else {
+                element.appearanceValue = 'dynamic';
+              }
+            }
+          }
+        }
+      });
+      badgeElements.push(element);
+    }
+  });
+
+  // Process each Badge element
+  badgeElements.forEach(element => {
+    const {
+      path,
+      hasAppearanceProp,
+      appearanceValue
+    } = element;
+    const openingElement = path.value.openingElement;
+
+    // Update appearance prop values to new semantic values
+    if (hasAppearanceProp) {
+      var _openingElement$attri2;
+      (_openingElement$attri2 = openingElement.attributes) === null || _openingElement$attri2 === void 0 ? void 0 : _openingElement$attri2.forEach(attr => {
+        var _attr$name2;
+        if (attr.type === 'JSXAttribute' && ((_attr$name2 = attr.name) === null || _attr$name2 === void 0 ? void 0 : _attr$name2.type) === 'JSXIdentifier' && attr.name.name === 'appearance') {
+          // Handle different types of appearance values
+          if (appearanceValue === 'dynamic') {
+            // For dynamic values, add a comment
+            addCommentBefore(j, j(path), `FIXME: This Badge component uses a dynamic \`appearance\` prop with updated semantic values.
+Please verify that the values being passed use the new semantic values: neutral, information, inverse, danger, success.
+Old values mapping: default→neutral, primary→information, primaryInverted→inverse, added→success, removed→danger, important→danger.`);
+          } else if (appearanceValue === 'primaryInverted') {
+            var _attr$value3;
+            // For primaryInverted, we need to add a comment since it maps to inverse
+            addCommentBefore(j, j(path), `FIXME: This Badge component used \`appearance="primaryInverted"\` which has been migrated to \`appearance="inverse"\`.
+Please verify the visual appearance matches your expectations.`);
+            // Update the value
+            if (((_attr$value3 = attr.value) === null || _attr$value3 === void 0 ? void 0 : _attr$value3.type) === 'StringLiteral') {
+              attr.value.value = OLD_TO_NEW_APPEARANCE_MAP[appearanceValue];
+            }
+          } else if (appearanceValue && !OLD_TO_NEW_APPEARANCE_MAP[appearanceValue]) {
+            // For invalid string values, add a warning comment
+            addCommentBefore(j, j(path), `FIXME: This Badge component uses an unknown \`appearance\` value "${appearanceValue}".
+Valid new semantic appearance values are: ${Object.values(OLD_TO_NEW_APPEARANCE_MAP).filter((v, i, arr) => arr.indexOf(v) === i).join(', ')}.
+Please update this value to a valid semantic appearance value.`);
+          } else if (appearanceValue && OLD_TO_NEW_APPEARANCE_MAP[appearanceValue]) {
+            var _attr$value4;
+            // For valid string values, update the value to the new semantic value
+            if (((_attr$value4 = attr.value) === null || _attr$value4 === void 0 ? void 0 : _attr$value4.type) === 'StringLiteral') {
+              attr.value.value = OLD_TO_NEW_APPEARANCE_MAP[appearanceValue];
+            }
+          }
+        }
+      });
+    }
+  });
+  return source.toSource(PRINT_SETTINGS);
+}

package/dist/es2019/presets/index.js

@@ -12,7 +12,8 @@ import './migrate-icon-object-to-object/migrate-icon-object-to-object';
 import './upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable';
 import './remove-dark-theme-vr-options/remove-dark-theme-vr-options';
 import './remove-token-fallbacks/remove-token-fallbacks';
-import './lozenge-appearance-to-color/lozenge-appearance-to-color';
+import './lozenge-appearance-semantic-migration/lozenge-appearance-semantic-migration';
 import './lozenge-to-tag-migration/lozenge-to-tag-migration';
-const presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-link', 'migrate-to-new-buttons', 'migrate-icon-object-to-object', 'upgrade-pragmatic-drag-and-drop-to-stable', 'remove-dark-theme-vr-options', 'remove-token-fallbacks', 'lozenge-appearance-to-color', 'lozenge-to-tag-migration'].map(preset => path.join(__dirname, preset, `${preset}.@(ts|js|tsx)`));
+import './badge-appearance-semantic-migration/badge-appearance-semantic-migration';
+const presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-link', 'migrate-to-new-buttons', 'migrate-icon-object-to-object', 'upgrade-pragmatic-drag-and-drop-to-stable', 'remove-dark-theme-vr-options', 'remove-token-fallbacks', 'lozenge-appearance-semantic-migration', 'lozenge-to-tag-migration', 'badge-appearance-semantic-migration'].map(preset => path.join(__dirname, preset, `${preset}.@(ts|js|tsx)`));
 export default presets;

package/dist/es2019/presets/{lozenge-appearance-to-color/codemods/lozenge-appearance-to-color.js → lozenge-appearance-semantic-migration/codemods/lozenge-appearance-semantic-migration.js}

@@ -5,8 +5,8 @@ const PRINT_SETTINGS = {
   quote: 'single'
 };
 
-// Semantic appearance values that map directly to color values
-const APPEARANCE_TO_COLOR_MAP = {
+// Old appearance values that map to new semantic appearance values
+const OLD_TO_NEW_APPEARANCE_MAP = {
   default: 'neutral',
   inprogress: 'information',
   moved: 'warning',
@@ -15,11 +15,11 @@ const APPEARANCE_TO_COLOR_MAP = {
   success: 'success'
 };
 /**
- * Codemod to migrate Lozenge component from `appearance` prop to `color` prop.
+ * Codemod to migrate Lozenge component appearance semantic values.
  *
  * This codemod:
- * 1. Renames `appearance` prop to `color` for semantic values
- * 2. Maps existing semantic values directly (e.g. success → success)
+ * 1. Updates `appearance` prop values to new semantic values
+ * 2. Maps old semantic values to new semantic values (e.g. default → neutral, inprogress → information)
  * 3. Adds comments for dynamic values that need manual verification
  */
 export default function transformer(file, api) {
@@ -103,30 +103,28 @@ export default function transformer(file, api) {
     } = element;
     const openingElement = path.value.openingElement;
 
-    // Transform appearance prop to color prop
+    // Update appearance prop values to new semantic values
     if (hasAppearanceProp) {
       var _openingElement$attri2;
       (_openingElement$attri2 = openingElement.attributes) === null || _openingElement$attri2 === void 0 ? void 0 : _openingElement$attri2.forEach(attr => {
         var _attr$name2;
         if (attr.type === 'JSXAttribute' && ((_attr$name2 = attr.name) === null || _attr$name2 === void 0 ? void 0 : _attr$name2.type) === 'JSXIdentifier' && attr.name.name === 'appearance') {
-          // Rename appearance to color
-          attr.name.name = 'color';
-
           // Handle different types of appearance values
           if (appearanceValue === 'dynamic') {
             // For dynamic values, add a comment
-            addCommentBefore(j, j(path), `FIXME: This Lozenge component uses a dynamic \`appearance\` prop that has been renamed to \`color\`.
-Please verify that the values being passed are valid color values (semantic: default, inprogress, moved, new, removed, success).`);
-          } else if (appearanceValue && !APPEARANCE_TO_COLOR_MAP[appearanceValue]) {
+            addCommentBefore(j, j(path), `FIXME: This Lozenge component uses a dynamic \`appearance\` prop with updated semantic values.
+Please verify that the values being passed use the new semantic values: neutral, information, warning, discovery, danger, success.
+Old values mapping: default→neutral, inprogress→information, moved→warning, new→discovery, removed→danger, success→success.`);
+          } else if (appearanceValue && !OLD_TO_NEW_APPEARANCE_MAP[appearanceValue]) {
             // For invalid string values, add a warning comment
-            addCommentBefore(j, j(path), `FIXME: This Lozenge component uses an invalid \`appearance\` value "${appearanceValue}" that has been renamed to \`color\`.
-Valid semantic color values are: ${Object.keys(APPEARANCE_TO_COLOR_MAP).join(', ')}.
-Please update this value to a valid semantic color or use a custom color value.`);
-          } else if (appearanceValue && APPEARANCE_TO_COLOR_MAP[appearanceValue]) {
+            addCommentBefore(j, j(path), `FIXME: This Lozenge component uses an unknown \`appearance\` value "${appearanceValue}".
+Valid new semantic appearance values are: ${Object.values(OLD_TO_NEW_APPEARANCE_MAP).join(', ')}.
+Please update this value to a valid semantic appearance value.`);
+          } else if (appearanceValue && OLD_TO_NEW_APPEARANCE_MAP[appearanceValue]) {
             var _attr$value3;
-            // For valid string values, update the value to the mapped color
+            // For valid string values, update the value to the new semantic value
             if (((_attr$value3 = attr.value) === null || _attr$value3 === void 0 ? void 0 : _attr$value3.type) === 'StringLiteral') {
-              attr.value.value = APPEARANCE_TO_COLOR_MAP[appearanceValue];
+              attr.value.value = OLD_TO_NEW_APPEARANCE_MAP[appearanceValue];
             }
           }
         }

package/dist/es2019/presets/lozenge-appearance-semantic-migration/lozenge-appearance-semantic-migration.js

@@ -0,0 +1,18 @@
+import lozengeAppearanceSemanticMigrationTransformer from './codemods/lozenge-appearance-semantic-migration';
+export default async function transformer(file, api) {
+  const transformers = [lozengeAppearanceSemanticMigrationTransformer];
+  let src = file.source;
+  transformers.forEach(transformer => {
+    if (typeof src === 'undefined') {
+      return;
+    }
+    const nextSrc = transformer({
+      ...file,
+      source: src
+    }, api);
+    if (nextSrc) {
+      src = nextSrc;
+    }
+  });
+  return src;
+}

package/dist/esm/main.js

@@ -355,7 +355,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context6.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.0.0-development", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.31.2", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
           logger.log(chalk.bgBlue(chalk.black("\uD83D\uDCDA Atlassian-Frontend codemod library @ ".concat(_PACKAGE_VERSION_, " \uD83D\uDCDA"))));
           if (packages && packages.length > 0) {
             logger.log(chalk.gray("Searching for codemods for newer versions of the following packages: ".concat(packages.map(function (pkg) {

package/dist/esm/presets/{lozenge-appearance-to-color/lozenge-appearance-to-color.js → badge-appearance-semantic-migration/badge-appearance-semantic-migration.js}

@@ -3,7 +3,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import lozengeAppearanceToColorTransformer from './codemods/lozenge-appearance-to-color';
+import badgeAppearanceSemanticMigrationTransformer from './codemods/badge-appearance-semantic-migration';
 export default function transformer(_x, _x2) {
   return _transformer.apply(this, arguments);
 }
@@ -13,7 +13,7 @@ function _transformer() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          transformers = [lozengeAppearanceToColorTransformer];
+          transformers = [badgeAppearanceSemanticMigrationTransformer];
           src = file.source;
           transformers.forEach(function (transformer) {
             if (typeof src === 'undefined') {

package/dist/esm/presets/badge-appearance-semantic-migration/codemods/badge-appearance-semantic-migration.js

@@ -0,0 +1,139 @@
+import { getImportDeclaration } from '@hypermod/utils';
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+var BADGE_ENTRY_POINT = '@atlaskit/badge';
+var PRINT_SETTINGS = {
+  quote: 'single'
+};
+
+// Old appearance values that map to new semantic appearance values
+var OLD_TO_NEW_APPEARANCE_MAP = {
+  added: 'success',
+  removed: 'danger',
+  default: 'neutral',
+  primary: 'information',
+  primaryInverted: 'inverse',
+  important: 'danger'
+};
+/**
+ * Codemod to migrate Badge component appearance semantic values.
+ *
+ * This codemod:
+ * 1. Updates `appearance` prop values to new semantic values
+ * 2. Maps old semantic values to new semantic values (e.g. added → success, removed → danger, primary → information)
+ * 3. Adds comments for dynamic values that need manual verification
+ */
+export default function transformer(file, api) {
+  var j = api.jscodeshift;
+  var source = j(file.source);
+
+  // Find all Badge imports
+  var badgeImports = getImportDeclaration(j, source, BADGE_ENTRY_POINT);
+
+  // If no Badge imports, exit early
+  if (!badgeImports.length) {
+    return file.source;
+  }
+
+  // Get all imported Badge identifiers (could be renamed)
+  var badgeIdentifiers = new Set();
+  badgeImports.forEach(function (importPath) {
+    var _importPath$value$spe;
+    (_importPath$value$spe = importPath.value.specifiers) === null || _importPath$value$spe === void 0 || _importPath$value$spe.forEach(function (specifier) {
+      var _specifier$imported;
+      if (specifier.type === 'ImportDefaultSpecifier') {
+        var _specifier$local;
+        // Handle: import Badge from '@atlaskit/badge'
+        badgeIdentifiers.add(((_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name) || 'Badge');
+      } else if (specifier.type === 'ImportSpecifier' && ((_specifier$imported = specifier.imported) === null || _specifier$imported === void 0 ? void 0 : _specifier$imported.type) === 'Identifier' && specifier.imported.name === 'default') {
+        var _specifier$local2;
+        // Handle: import { default as MyBadge } from '@atlaskit/badge'
+        badgeIdentifiers.add(((_specifier$local2 = specifier.local) === null || _specifier$local2 === void 0 ? void 0 : _specifier$local2.name) || 'Badge');
+      }
+    });
+  });
+
+  // If no Badge identifiers found, exit early
+  if (badgeIdentifiers.size === 0) {
+    return file.source;
+  }
+
+  // Find all Badge JSX elements
+  var badgeElements = [];
+  source.find(j.JSXElement).forEach(function (path) {
+    var _openingElement$name;
+    var openingElement = path.value.openingElement;
+    if (((_openingElement$name = openingElement.name) === null || _openingElement$name === void 0 ? void 0 : _openingElement$name.type) === 'JSXIdentifier' && badgeIdentifiers.has(openingElement.name.name)) {
+      var _openingElement$attri;
+      var element = {
+        path: path,
+        hasAppearanceProp: false
+      };
+
+      // Check for appearance prop
+      (_openingElement$attri = openingElement.attributes) === null || _openingElement$attri === void 0 || _openingElement$attri.forEach(function (attr) {
+        var _attr$name;
+        if (attr.type === 'JSXAttribute' && ((_attr$name = attr.name) === null || _attr$name === void 0 ? void 0 : _attr$name.type) === 'JSXIdentifier') {
+          if (attr.name.name === 'appearance') {
+            var _attr$value, _attr$value2;
+            element.hasAppearanceProp = true;
+            if (((_attr$value = attr.value) === null || _attr$value === void 0 ? void 0 : _attr$value.type) === 'StringLiteral') {
+              element.appearanceValue = attr.value.value;
+            } else if (((_attr$value2 = attr.value) === null || _attr$value2 === void 0 ? void 0 : _attr$value2.type) === 'JSXExpressionContainer') {
+              // Handle dynamic values
+              var expression = attr.value.expression;
+              if (expression.type === 'StringLiteral') {
+                element.appearanceValue = expression.value;
+              } else {
+                element.appearanceValue = 'dynamic';
+              }
+            }
+          }
+        }
+      });
+      badgeElements.push(element);
+    }
+  });
+
+  // Process each Badge element
+  badgeElements.forEach(function (element) {
+    var path = element.path,
+      hasAppearanceProp = element.hasAppearanceProp,
+      appearanceValue = element.appearanceValue;
+    var openingElement = path.value.openingElement;
+
+    // Update appearance prop values to new semantic values
+    if (hasAppearanceProp) {
+      var _openingElement$attri2;
+      (_openingElement$attri2 = openingElement.attributes) === null || _openingElement$attri2 === void 0 || _openingElement$attri2.forEach(function (attr) {
+        var _attr$name2;
+        if (attr.type === 'JSXAttribute' && ((_attr$name2 = attr.name) === null || _attr$name2 === void 0 ? void 0 : _attr$name2.type) === 'JSXIdentifier' && attr.name.name === 'appearance') {
+          // Handle different types of appearance values
+          if (appearanceValue === 'dynamic') {
+            // For dynamic values, add a comment
+            addCommentBefore(j, j(path), "FIXME: This Badge component uses a dynamic `appearance` prop with updated semantic values.\nPlease verify that the values being passed use the new semantic values: neutral, information, inverse, danger, success.\nOld values mapping: default\u2192neutral, primary\u2192information, primaryInverted\u2192inverse, added\u2192success, removed\u2192danger, important\u2192danger.");
+          } else if (appearanceValue === 'primaryInverted') {
+            var _attr$value3;
+            // For primaryInverted, we need to add a comment since it maps to inverse
+            addCommentBefore(j, j(path), "FIXME: This Badge component used `appearance=\"primaryInverted\"` which has been migrated to `appearance=\"inverse\"`.\nPlease verify the visual appearance matches your expectations.");
+            // Update the value
+            if (((_attr$value3 = attr.value) === null || _attr$value3 === void 0 ? void 0 : _attr$value3.type) === 'StringLiteral') {
+              attr.value.value = OLD_TO_NEW_APPEARANCE_MAP[appearanceValue];
+            }
+          } else if (appearanceValue && !OLD_TO_NEW_APPEARANCE_MAP[appearanceValue]) {
+            // For invalid string values, add a warning comment
+            addCommentBefore(j, j(path), "FIXME: This Badge component uses an unknown `appearance` value \"".concat(appearanceValue, "\".\nValid new semantic appearance values are: ").concat(Object.values(OLD_TO_NEW_APPEARANCE_MAP).filter(function (v, i, arr) {
+              return arr.indexOf(v) === i;
+            }).join(', '), ".\nPlease update this value to a valid semantic appearance value."));
+          } else if (appearanceValue && OLD_TO_NEW_APPEARANCE_MAP[appearanceValue]) {
+            var _attr$value4;
+            // For valid string values, update the value to the new semantic value
+            if (((_attr$value4 = attr.value) === null || _attr$value4 === void 0 ? void 0 : _attr$value4.type) === 'StringLiteral') {
+              attr.value.value = OLD_TO_NEW_APPEARANCE_MAP[appearanceValue];
+            }
+          }
+        }
+      });
+    }
+  });
+  return source.toSource(PRINT_SETTINGS);
+}

package/dist/esm/presets/index.js

@@ -12,9 +12,10 @@ import './migrate-icon-object-to-object/migrate-icon-object-to-object';
 import './upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable';
 import './remove-dark-theme-vr-options/remove-dark-theme-vr-options';
 import './remove-token-fallbacks/remove-token-fallbacks';
-import './lozenge-appearance-to-color/lozenge-appearance-to-color';
+import './lozenge-appearance-semantic-migration/lozenge-appearance-semantic-migration';
 import './lozenge-to-tag-migration/lozenge-to-tag-migration';
-var presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-link', 'migrate-to-new-buttons', 'migrate-icon-object-to-object', 'upgrade-pragmatic-drag-and-drop-to-stable', 'remove-dark-theme-vr-options', 'remove-token-fallbacks', 'lozenge-appearance-to-color', 'lozenge-to-tag-migration'].map(function (preset) {
+import './badge-appearance-semantic-migration/badge-appearance-semantic-migration';
+var presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-link', 'migrate-to-new-buttons', 'migrate-icon-object-to-object', 'upgrade-pragmatic-drag-and-drop-to-stable', 'remove-dark-theme-vr-options', 'remove-token-fallbacks', 'lozenge-appearance-semantic-migration', 'lozenge-to-tag-migration', 'badge-appearance-semantic-migration'].map(function (preset) {
   return path.join(__dirname, preset, "".concat(preset, ".@(ts|js|tsx)"));
 });
 export default presets;

package/dist/esm/presets/{lozenge-appearance-to-color/codemods/lozenge-appearance-to-color.js → lozenge-appearance-semantic-migration/codemods/lozenge-appearance-semantic-migration.js}

@@ -5,8 +5,8 @@ var PRINT_SETTINGS = {
   quote: 'single'
 };
 
-// Semantic appearance values that map directly to color values
-var APPEARANCE_TO_COLOR_MAP = {
+// Old appearance values that map to new semantic appearance values
+var OLD_TO_NEW_APPEARANCE_MAP = {
   default: 'neutral',
   inprogress: 'information',
   moved: 'warning',
@@ -15,11 +15,11 @@ var APPEARANCE_TO_COLOR_MAP = {
   success: 'success'
 };
 /**
- * Codemod to migrate Lozenge component from `appearance` prop to `color` prop.
+ * Codemod to migrate Lozenge component appearance semantic values.
  *
  * This codemod:
- * 1. Renames `appearance` prop to `color` for semantic values
- * 2. Maps existing semantic values directly (e.g. success → success)
+ * 1. Updates `appearance` prop values to new semantic values
+ * 2. Maps old semantic values to new semantic values (e.g. default → neutral, inprogress → information)
  * 3. Adds comments for dynamic values that need manual verification
  */
 export default function transformer(file, api) {
@@ -101,27 +101,24 @@ export default function transformer(file, api) {
       appearanceValue = element.appearanceValue;
     var openingElement = path.value.openingElement;
 
-    // Transform appearance prop to color prop
+    // Update appearance prop values to new semantic values
     if (hasAppearanceProp) {
       var _openingElement$attri2;
       (_openingElement$attri2 = openingElement.attributes) === null || _openingElement$attri2 === void 0 || _openingElement$attri2.forEach(function (attr) {
         var _attr$name2;
         if (attr.type === 'JSXAttribute' && ((_attr$name2 = attr.name) === null || _attr$name2 === void 0 ? void 0 : _attr$name2.type) === 'JSXIdentifier' && attr.name.name === 'appearance') {
-          // Rename appearance to color
-          attr.name.name = 'color';
-
           // Handle different types of appearance values
           if (appearanceValue === 'dynamic') {
             // For dynamic values, add a comment
-            addCommentBefore(j, j(path), "FIXME: This Lozenge component uses a dynamic `appearance` prop that has been renamed to `color`.\nPlease verify that the values being passed are valid color values (semantic: default, inprogress, moved, new, removed, success).");
-          } else if (appearanceValue && !APPEARANCE_TO_COLOR_MAP[appearanceValue]) {
+            addCommentBefore(j, j(path), "FIXME: This Lozenge component uses a dynamic `appearance` prop with updated semantic values.\nPlease verify that the values being passed use the new semantic values: neutral, information, warning, discovery, danger, success.\nOld values mapping: default\u2192neutral, inprogress\u2192information, moved\u2192warning, new\u2192discovery, removed\u2192danger, success\u2192success.");
+          } else if (appearanceValue && !OLD_TO_NEW_APPEARANCE_MAP[appearanceValue]) {
             // For invalid string values, add a warning comment
-            addCommentBefore(j, j(path), "FIXME: This Lozenge component uses an invalid `appearance` value \"".concat(appearanceValue, "\" that has been renamed to `color`.\nValid semantic color values are: ").concat(Object.keys(APPEARANCE_TO_COLOR_MAP).join(', '), ".\nPlease update this value to a valid semantic color or use a custom color value."));
-          } else if (appearanceValue && APPEARANCE_TO_COLOR_MAP[appearanceValue]) {
+            addCommentBefore(j, j(path), "FIXME: This Lozenge component uses an unknown `appearance` value \"".concat(appearanceValue, "\".\nValid new semantic appearance values are: ").concat(Object.values(OLD_TO_NEW_APPEARANCE_MAP).join(', '), ".\nPlease update this value to a valid semantic appearance value."));
+          } else if (appearanceValue && OLD_TO_NEW_APPEARANCE_MAP[appearanceValue]) {
             var _attr$value3;
-            // For valid string values, update the value to the mapped color
+            // For valid string values, update the value to the new semantic value
             if (((_attr$value3 = attr.value) === null || _attr$value3 === void 0 ? void 0 : _attr$value3.type) === 'StringLiteral') {
-              attr.value.value = APPEARANCE_TO_COLOR_MAP[appearanceValue];
+              attr.value.value = OLD_TO_NEW_APPEARANCE_MAP[appearanceValue];
             }
           }
         }

package/dist/esm/presets/lozenge-appearance-semantic-migration/lozenge-appearance-semantic-migration.js

@@ -0,0 +1,37 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import lozengeAppearanceSemanticMigrationTransformer from './codemods/lozenge-appearance-semantic-migration';
+export default function transformer(_x, _x2) {
+  return _transformer.apply(this, arguments);
+}
+function _transformer() {
+  _transformer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, api) {
+    var transformers, src;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          transformers = [lozengeAppearanceSemanticMigrationTransformer];
+          src = file.source;
+          transformers.forEach(function (transformer) {
+            if (typeof src === 'undefined') {
+              return;
+            }
+            var nextSrc = transformer(_objectSpread(_objectSpread({}, file), {}, {
+              source: src
+            }), api);
+            if (nextSrc) {
+              src = nextSrc;
+            }
+          });
+          return _context.abrupt("return", src);
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _transformer.apply(this, arguments);
+}

package/dist/types/presets/badge-appearance-semantic-migration/badge-appearance-semantic-migration.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export default function transformer(file: FileInfo, api: API): Promise<string>;

package/dist/types/presets/badge-appearance-semantic-migration/codemods/badge-appearance-semantic-migration.d.ts

@@ -0,0 +1,10 @@
+import { type API, type FileInfo } from 'jscodeshift';
+/**
+ * Codemod to migrate Badge component appearance semantic values.
+ *
+ * This codemod:
+ * 1. Updates `appearance` prop values to new semantic values
+ * 2. Maps old semantic values to new semantic values (e.g. added → success, removed → danger, primary → information)
+ * 3. Adds comments for dynamic values that need manual verification
+ */
+export default function transformer(file: FileInfo, api: API): string;

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

@@ -10,7 +10,8 @@ import './migrate-icon-object-to-object/migrate-icon-object-to-object';
 import './upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable';
 import './remove-dark-theme-vr-options/remove-dark-theme-vr-options';
 import './remove-token-fallbacks/remove-token-fallbacks';
-import './lozenge-appearance-to-color/lozenge-appearance-to-color';
+import './lozenge-appearance-semantic-migration/lozenge-appearance-semantic-migration';
 import './lozenge-to-tag-migration/lozenge-to-tag-migration';
+import './badge-appearance-semantic-migration/badge-appearance-semantic-migration';
 declare const presets: string[];
 export default presets;

package/dist/types/presets/lozenge-appearance-semantic-migration/codemods/lozenge-appearance-semantic-migration.d.ts

@@ -0,0 +1,10 @@
+import { type API, type FileInfo } from 'jscodeshift';
+/**
+ * Codemod to migrate Lozenge component appearance semantic values.
+ *
+ * This codemod:
+ * 1. Updates `appearance` prop values to new semantic values
+ * 2. Maps old semantic values to new semantic values (e.g. default → neutral, inprogress → information)
+ * 3. Adds comments for dynamic values that need manual verification
+ */
+export default function transformer(file: FileInfo, api: API): string;

package/dist/types/presets/lozenge-appearance-semantic-migration/lozenge-appearance-semantic-migration.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export default function transformer(file: FileInfo, api: API): Promise<string>;

package/dist/types-ts4.5/presets/badge-appearance-semantic-migration/codemods/badge-appearance-semantic-migration.d.ts

@@ -0,0 +1,10 @@
+import { type API, type FileInfo } from 'jscodeshift';
+/**
+ * Codemod to migrate Badge component appearance semantic values.
+ *
+ * This codemod:
+ * 1. Updates `appearance` prop values to new semantic values
+ * 2. Maps old semantic values to new semantic values (e.g. added → success, removed → danger, primary → information)
+ * 3. Adds comments for dynamic values that need manual verification
+ */
+export default function transformer(file: FileInfo, api: API): string;

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

@@ -10,7 +10,8 @@ import './migrate-icon-object-to-object/migrate-icon-object-to-object';
 import './upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable';
 import './remove-dark-theme-vr-options/remove-dark-theme-vr-options';
 import './remove-token-fallbacks/remove-token-fallbacks';
-import './lozenge-appearance-to-color/lozenge-appearance-to-color';
+import './lozenge-appearance-semantic-migration/lozenge-appearance-semantic-migration';
 import './lozenge-to-tag-migration/lozenge-to-tag-migration';
+import './badge-appearance-semantic-migration/badge-appearance-semantic-migration';
 declare const presets: string[];
 export default presets;

package/dist/types-ts4.5/presets/lozenge-appearance-semantic-migration/codemods/lozenge-appearance-semantic-migration.d.ts

@@ -0,0 +1,10 @@
+import { type API, type FileInfo } from 'jscodeshift';
+/**
+ * Codemod to migrate Lozenge component appearance semantic values.
+ *
+ * This codemod:
+ * 1. Updates `appearance` prop values to new semantic values
+ * 2. Maps old semantic values to new semantic values (e.g. default → neutral, inprogress → information)
+ * 3. Adds comments for dynamic values that need manual verification
+ */
+export default function transformer(file: FileInfo, api: API): string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/codemod-cli",
-	"version": "0.31.1",
+	"version": "0.32.0",
 	"description": "A cli for distributing codemods for atlassian-frontend components and services",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"

package/dist/types/presets/lozenge-appearance-to-color/codemods/lozenge-appearance-to-color.d.ts

@@ -1,10 +0,0 @@
-import { type API, type FileInfo } from 'jscodeshift';
-/**
- * Codemod to migrate Lozenge component from `appearance` prop to `color` prop.
- *
- * This codemod:
- * 1. Renames `appearance` prop to `color` for semantic values
- * 2. Maps existing semantic values directly (e.g. success → success)
- * 3. Adds comments for dynamic values that need manual verification
- */
-export default function transformer(file: FileInfo, api: API): string;

package/dist/types-ts4.5/presets/lozenge-appearance-to-color/codemods/lozenge-appearance-to-color.d.ts

@@ -1,10 +0,0 @@
-import { type API, type FileInfo } from 'jscodeshift';
-/**
- * Codemod to migrate Lozenge component from `appearance` prop to `color` prop.
- *
- * This codemod:
- * 1. Renames `appearance` prop to `color` for semantic values
- * 2. Maps existing semantic values directly (e.g. success → success)
- * 3. Adds comments for dynamic values that need manual verification
- */
-export default function transformer(file: FileInfo, api: API): string;