@atlaskit/codemod-cli 0.29.2 → 0.31.0

package/dist/es2019/presets/lozenge-appearance-to-color/codemods/lozenge-appearance-to-color.js

@@ -0,0 +1,137 @@
+import { getImportDeclaration } from '@hypermod/utils';
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+const LOZENGE_ENTRY_POINT = '@atlaskit/lozenge';
+const PRINT_SETTINGS = {
+  quote: 'single'
+};
+
+// Semantic appearance values that map directly to color values
+const APPEARANCE_TO_COLOR_MAP = {
+  default: 'neutral',
+  inprogress: 'information',
+  moved: 'warning',
+  new: 'discovery',
+  removed: 'danger',
+  success: 'success'
+};
+/**
+ * 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, api) {
+  const j = api.jscodeshift;
+  const source = j(file.source);
+
+  // Find all Lozenge imports
+  const lozengeImports = getImportDeclaration(j, source, LOZENGE_ENTRY_POINT);
+
+  // If no Lozenge imports, exit early
+  if (!lozengeImports.length) {
+    return file.source;
+  }
+
+  // Get all imported Lozenge identifiers (could be renamed)
+  const lozengeIdentifiers = new Set();
+  lozengeImports.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 Lozenge from '@atlaskit/lozenge'
+        lozengeIdentifiers.add(((_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name) || 'Lozenge');
+      } 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 Badge } from '@atlaskit/lozenge'
+        lozengeIdentifiers.add(((_specifier$local2 = specifier.local) === null || _specifier$local2 === void 0 ? void 0 : _specifier$local2.name) || 'Lozenge');
+      }
+    });
+  });
+
+  // If no Lozenge identifiers found, exit early
+  if (lozengeIdentifiers.size === 0) {
+    return file.source;
+  }
+
+  // Find all Lozenge JSX elements
+  const lozengeElements = [];
+  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' && lozengeIdentifiers.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';
+              }
+            }
+          }
+        }
+      });
+      lozengeElements.push(element);
+    }
+  });
+
+  // Process each Lozenge element
+  lozengeElements.forEach(element => {
+    const {
+      path,
+      hasAppearanceProp,
+      appearanceValue
+    } = element;
+    const openingElement = path.value.openingElement;
+
+    // Transform appearance prop to color prop
+    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]) {
+            // 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]) {
+            var _attr$value3;
+            // For valid string values, update the value to the mapped color
+            if (((_attr$value3 = attr.value) === null || _attr$value3 === void 0 ? void 0 : _attr$value3.type) === 'StringLiteral') {
+              attr.value.value = APPEARANCE_TO_COLOR_MAP[appearanceValue];
+            }
+          }
+        }
+      });
+    }
+  });
+  return source.toSource(PRINT_SETTINGS);
+}

package/dist/es2019/presets/lozenge-appearance-to-color/lozenge-appearance-to-color.js

@@ -0,0 +1,18 @@
+import lozengeAppearanceToColorTransformer from './codemods/lozenge-appearance-to-color';
+export default async function transformer(file, api) {
+  const transformers = [lozengeAppearanceToColorTransformer];
+  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/es2019/presets/lozenge-to-tag-migration/codemods/lozenge-to-tag-migration.js

@@ -0,0 +1,242 @@
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+const transformer = (file, api) => {
+  const j = api.jscodeshift;
+  const source = j(file.source);
+
+  // Check if file has Lozenge imports
+  const lozengeImports = source.find(j.ImportDeclaration).filter(path => path.node.source.value === '@atlaskit/lozenge');
+  if (lozengeImports.length === 0) {
+    return file.source;
+  }
+
+  // Get the import name for Lozenge (could be renamed)
+  let lozengeImportName = 'Lozenge';
+  lozengeImports.forEach(importPath => {
+    var _importPath$node$spec;
+    (_importPath$node$spec = importPath.node.specifiers) === null || _importPath$node$spec === void 0 ? void 0 : _importPath$node$spec.forEach(specifier => {
+      if (j.ImportDefaultSpecifier.check(specifier)) {
+        var _specifier$local;
+        lozengeImportName = ((_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name) || 'Lozenge';
+      } else if (j.ImportSpecifier.check(specifier)) {
+        // Handle { default as Badge } syntax
+        if (j.Identifier.check(specifier.imported) && specifier.imported.name === 'default') {
+          var _specifier$local2;
+          lozengeImportName = ((_specifier$local2 = specifier.local) === null || _specifier$local2 === void 0 ? void 0 : _specifier$local2.name) || 'Lozenge';
+        }
+      }
+    });
+  });
+
+  // Appearance to color mapping
+  const appearanceToColorMap = {
+    success: 'lime',
+    default: 'standard',
+    removed: 'red',
+    inprogress: 'blue',
+    new: 'purple',
+    moved: 'orange'
+  };
+  let hasTransformed = false;
+
+  // Find and transform Lozenge elements
+  source.find(j.JSXElement).forEach(elementPath => {
+    var _element$openingEleme, _element$openingEleme2;
+    const element = elementPath.node;
+    if (!j.JSXIdentifier.check(element.openingElement.name)) {
+      return;
+    }
+    if (element.openingElement.name.name !== lozengeImportName) {
+      return;
+    }
+
+    // Check isBold attribute
+    const isBoldAttr = (_element$openingEleme = element.openingElement.attributes) === null || _element$openingEleme === void 0 ? void 0 : _element$openingEleme.find(attr => j.JSXAttribute.check(attr) && j.JSXIdentifier.check(attr.name) && attr.name.name === 'isBold');
+
+    // Don't transform if isBold is true or boolean prop without value
+    if (isBoldAttr) {
+      if (j.JSXExpressionContainer.check(isBoldAttr.value)) {
+        const expression = isBoldAttr.value.expression;
+
+        // If it's a boolean literal true, don't transform
+        if (j.BooleanLiteral.check(expression) && expression.value === true) {
+          return;
+        }
+
+        // If it's a boolean literal false, we can transform
+        if (j.BooleanLiteral.check(expression) && expression.value === false) {
+          // Continue with transformation
+        } else {
+          // If it's not a boolean literal (dynamic value), add warning and don't transform
+          addCommentBefore(j, j(elementPath), `FIXME: This Lozenge component uses a dynamic \`isBold\` prop. Please manually review if this should be migrated to Tag component.
+If isBold is typically false, consider migrating to <Tag /> from '@atlaskit/tag'.`);
+          return;
+        }
+      } else if (!isBoldAttr.value) {
+        // isBold prop without value (boolean shorthand) means true, don't transform
+        return;
+      }
+    }
+
+    // Create new Tag element
+    const newAttributes = [];
+    const otherAttributes = [];
+    let colorAttribute = null;
+    let textContent = '';
+    let hasComplexChildren = false;
+    let hasStyleProp = false;
+    let hasMaxWidthProp = false;
+    let hasUnknownAppearance = false;
+    let dynamicAppearance = false;
+    let unknownAppearanceValue = '';
+
+    // Process children to extract text
+    if (element.children && element.children.length > 0) {
+      if (element.children.length === 1) {
+        const child = element.children[0];
+        if (j.JSXText.check(child)) {
+          const text = child.value.trim();
+          if (text) {
+            textContent = text;
+          }
+        } else if (j.JSXExpressionContainer.check(child) && j.StringLiteral.check(child.expression)) {
+          textContent = child.expression.value;
+        } else {
+          hasComplexChildren = true;
+        }
+      } else {
+        // Multiple children or complex structure
+        hasComplexChildren = true;
+      }
+    }
+
+    // Process attributes
+    (_element$openingEleme2 = element.openingElement.attributes) === null || _element$openingEleme2 === void 0 ? void 0 : _element$openingEleme2.forEach(attr => {
+      if (!j.JSXAttribute.check(attr) || !j.JSXIdentifier.check(attr.name)) {
+        return;
+      }
+      const attrName = attr.name.name;
+      switch (attrName) {
+        case 'appearance':
+          let colorValue = 'standard';
+          if (j.StringLiteral.check(attr.value)) {
+            const appearanceValue = attr.value.value;
+            colorValue = appearanceToColorMap[appearanceValue] || appearanceValue;
+            if (!appearanceToColorMap[appearanceValue]) {
+              hasUnknownAppearance = true;
+              unknownAppearanceValue = appearanceValue;
+            }
+          } else if (j.JSXExpressionContainer.check(attr.value)) {
+            // Dynamic appearance
+            dynamicAppearance = true;
+            colorValue = attr.value;
+          }
+          colorAttribute = j.jsxAttribute(j.jsxIdentifier('color'), typeof colorValue === 'string' ? j.stringLiteral(colorValue) : colorValue);
+          break;
+        case 'isBold':
+          // Skip isBold, already handled above
+          break;
+        case 'maxWidth':
+          hasMaxWidthProp = true;
+          break;
+        case 'style':
+          hasStyleProp = true;
+          otherAttributes.push(attr);
+          break;
+        default:
+          // Keep other attributes (testId, etc.)
+          otherAttributes.push(attr);
+          break;
+      }
+    });
+
+    // Assemble attributes in correct order: text, other props, color
+    if (textContent && !hasComplexChildren) {
+      newAttributes.push(j.jsxAttribute(j.jsxIdentifier('text'), j.stringLiteral(textContent)));
+    }
+
+    // Add other attributes
+    newAttributes.push(...otherAttributes);
+
+    // Add color attribute last (default to 'standard' if no appearance was found)
+    if (colorAttribute) {
+      newAttributes.push(colorAttribute);
+    } else {
+      // Default color when no appearance is specified
+      newAttributes.push(j.jsxAttribute(j.jsxIdentifier('color'), j.stringLiteral('standard')));
+    }
+
+    // Create new Tag element
+    const newElement = j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier('Tag'), newAttributes, true), null, []);
+
+    // Add warning comments as needed
+    const warnings = [];
+    if (hasComplexChildren) {
+      warnings.push("FIXME: This Tag component has complex children that couldn't be automatically migrated to the text prop.\nTag component only supports simple text via the text prop. Please manually convert the children content.");
+    }
+    if (hasMaxWidthProp) {
+      warnings.push('FIXME: maxWidth prop was removed during migration from Lozenge to Tag.\nTag component does not support maxWidth. Please review if width constraints are needed.');
+    }
+    if (hasStyleProp) {
+      warnings.push('FIXME: This Tag component has a style prop that was kept during migration.\nTag component has limited style support. Please review if custom styles are compatible.');
+    }
+    if (hasUnknownAppearance) {
+      warnings.push(`FIXME: This Tag component uses an unknown appearance value "${unknownAppearanceValue}".\nPlease update to a valid Tag color: standard, green, lime, blue, red, purple, magenta, grey, teal, orange, yellow.`);
+    }
+    if (dynamicAppearance) {
+      warnings.push('FIXME: This Tag 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).');
+    }
+
+    // Replace the element first
+    elementPath.replace(newElement);
+
+    // Add warning comments using addCommentBefore if needed
+    if (warnings.length > 0) {
+      const commentText = warnings.join('\n');
+      addCommentBefore(j, j(elementPath), commentText);
+    }
+    hasTransformed = true;
+  });
+
+  // Add Tag import if we transformed any elements
+  if (hasTransformed) {
+    // Check if Tag import already exists
+    const tagImports = source.find(j.ImportDeclaration).filter(path => path.node.source.value === '@atlaskit/tag');
+    if (tagImports.length === 0) {
+      // Add Tag import after Lozenge import
+      const lozengeImportPath = lozengeImports.at(0);
+      const tagImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier('Tag'))], j.stringLiteral('@atlaskit/tag'));
+      lozengeImportPath.insertAfter(tagImport);
+    }
+
+    // Check if there are any remaining Lozenge usages
+    const remainingLozengeUsages = source.find(j.JSXElement).filter(elementPath => {
+      const element = elementPath.node;
+      if (!j.JSXIdentifier.check(element.openingElement.name)) {
+        return false;
+      }
+      return element.openingElement.name.name === lozengeImportName;
+    });
+
+    // Also check for other usages like function calls, type references, etc.
+    const remainingLozengeReferences = source.find(j.Identifier).filter(identifierPath => {
+      // Skip JSX element names as they're already checked above
+      if (j.JSXElement.check(identifierPath.parent.node) || j.JSXOpeningElement.check(identifierPath.parent.node) || j.JSXClosingElement.check(identifierPath.parent.node)) {
+        return false;
+      }
+
+      // Skip import declaration identifiers
+      if (j.ImportDeclaration.check(identifierPath.parent.node) || j.ImportDefaultSpecifier.check(identifierPath.parent.node) || j.ImportSpecifier.check(identifierPath.parent.node)) {
+        return false;
+      }
+      return identifierPath.node.name === lozengeImportName;
+    });
+
+    // If no remaining usages, remove the Lozenge import
+    if (remainingLozengeUsages.length === 0 && remainingLozengeReferences.length === 0) {
+      lozengeImports.remove();
+    }
+    return source.toSource();
+  }
+  return source.toSource();
+};
+export default transformer;

package/dist/es2019/presets/lozenge-to-tag-migration/lozenge-to-tag-migration.js

@@ -0,0 +1,18 @@
+import lozengeToTagMigrationTransformer from './codemods/lozenge-to-tag-migration';
+export default async function transformer(file, api) {
+  const transformers = [lozengeToTagMigrationTransformer];
+  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.29.1", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.30.0", _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/index.js

@@ -12,7 +12,9 @@ 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';
-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'].map(function (preset) {
+import './lozenge-appearance-to-color/lozenge-appearance-to-color';
+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) {
   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

@@ -0,0 +1,132 @@
+import { getImportDeclaration } from '@hypermod/utils';
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+var LOZENGE_ENTRY_POINT = '@atlaskit/lozenge';
+var PRINT_SETTINGS = {
+  quote: 'single'
+};
+
+// Semantic appearance values that map directly to color values
+var APPEARANCE_TO_COLOR_MAP = {
+  default: 'neutral',
+  inprogress: 'information',
+  moved: 'warning',
+  new: 'discovery',
+  removed: 'danger',
+  success: 'success'
+};
+/**
+ * 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, api) {
+  var j = api.jscodeshift;
+  var source = j(file.source);
+
+  // Find all Lozenge imports
+  var lozengeImports = getImportDeclaration(j, source, LOZENGE_ENTRY_POINT);
+
+  // If no Lozenge imports, exit early
+  if (!lozengeImports.length) {
+    return file.source;
+  }
+
+  // Get all imported Lozenge identifiers (could be renamed)
+  var lozengeIdentifiers = new Set();
+  lozengeImports.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 Lozenge from '@atlaskit/lozenge'
+        lozengeIdentifiers.add(((_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name) || 'Lozenge');
+      } 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 Badge } from '@atlaskit/lozenge'
+        lozengeIdentifiers.add(((_specifier$local2 = specifier.local) === null || _specifier$local2 === void 0 ? void 0 : _specifier$local2.name) || 'Lozenge');
+      }
+    });
+  });
+
+  // If no Lozenge identifiers found, exit early
+  if (lozengeIdentifiers.size === 0) {
+    return file.source;
+  }
+
+  // Find all Lozenge JSX elements
+  var lozengeElements = [];
+  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' && lozengeIdentifiers.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';
+              }
+            }
+          }
+        }
+      });
+      lozengeElements.push(element);
+    }
+  });
+
+  // Process each Lozenge element
+  lozengeElements.forEach(function (element) {
+    var path = element.path,
+      hasAppearanceProp = element.hasAppearanceProp,
+      appearanceValue = element.appearanceValue;
+    var openingElement = path.value.openingElement;
+
+    // Transform appearance prop to color prop
+    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]) {
+            // 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]) {
+            var _attr$value3;
+            // For valid string values, update the value to the mapped color
+            if (((_attr$value3 = attr.value) === null || _attr$value3 === void 0 ? void 0 : _attr$value3.type) === 'StringLiteral') {
+              attr.value.value = APPEARANCE_TO_COLOR_MAP[appearanceValue];
+            }
+          }
+        }
+      });
+    }
+  });
+  return source.toSource(PRINT_SETTINGS);
+}

package/dist/esm/presets/lozenge-appearance-to-color/lozenge-appearance-to-color.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 lozengeAppearanceToColorTransformer from './codemods/lozenge-appearance-to-color';
+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 = [lozengeAppearanceToColorTransformer];
+          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);
+}