@atlaskit/codemod-cli 0.29.1 → 0.30.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/codemod-cli
 
+## 0.30.0
+
+### Minor Changes
+
+- [`1b338696ed4bd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1b338696ed4bd) -
+  Add a new codemod `lozenge-appearance-to-color` to migrate deprecated Lozenge appearances to
+  colors as part of the Labelling System Phase 1 migration.
+
+## 0.29.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.29.1
 
 ### Patch Changes
@@ -371,7 +385,6 @@
 - [#40270](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40270)
   [`27bbdfcb6ad`](https://bitbucket.org/atlassian/atlassian-frontend/commits/27bbdfcb6ad) - This
   update includes several improvements and fixes to the css-to-design-tokens preset:
-
   - Resolved transformation errors.
   - Added support for new color properties such as `border-color-left`.
   - Omitted unrecognized functions, including `url`, and certain Less functions to prevent compile
@@ -596,7 +609,6 @@
 - [#20310](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20310)
   [`1977986ea86`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1977986ea86) - Bumping
   dependencies via Renovate:
-
   - simple-git
 
 ## 0.9.2
@@ -606,7 +618,6 @@
 - [#19927](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19927)
   [`5c45b17200d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c45b17200d) - Bumping
   dependencies via Renovate:
-
   - simple-git
 
 ## 0.9.1
@@ -709,13 +720,11 @@
   [Commit Changelog](https://github.com/facebook/jscodeshift/commit/2fd5e11f469427d474983b2d1c47be9408677591).
 
   ### Added
-
   - Added a `--fail-on-error` flag to return a `1` error code when errors were found (#416,
     @marcodejongh)
   - Created `template.asyncExpression` (#405, @jedwards1211)
 
   ### Changed
-
   - Removed lodash dependency from tsx parser (#432, @JHilker and @robyoder)
 
 ## 0.6.6

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.29.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/index.js

@@ -14,12 +14,13 @@ 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");
 /**
  * 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'].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-to-color'].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

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _utils = require("@hypermod/utils");
+var _codemodUtils = require("@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
+ */
+function transformer(file, api) {
+  var j = api.jscodeshift;
+  var source = j(file.source);
+
+  // Find all Lozenge imports
+  var lozengeImports = (0, _utils.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
+            (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]) {
+            // 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]) {
+            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/cjs/presets/lozenge-appearance-to-color/lozenge-appearance-to-color.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 _lozengeAppearanceToColor = _interopRequireDefault(require("./codemods/lozenge-appearance-to-color"));
+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 = [_lozengeAppearanceToColor.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/index.js

@@ -12,5 +12,6 @@ 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';
-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'].map(preset => path.join(__dirname, preset, `${preset}.@(ts|js|tsx)`));
+import './lozenge-appearance-to-color/lozenge-appearance-to-color';
+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'].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

@@ -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/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.29.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/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';
-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';
+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'].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);
+}

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

@@ -10,5 +10,6 @@ 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';
 declare const presets: string[];
 export default presets;

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

@@ -0,0 +1,10 @@
+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/presets/lozenge-appearance-to-color/lozenge-appearance-to-color.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/index.d.ts

@@ -10,5 +10,6 @@ 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';
 declare const presets: string[];
 export default presets;

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

@@ -0,0 +1,10 @@
+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/lozenge-appearance-to-color.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/codemod-cli",
-	"version": "0.29.1",
+	"version": "0.30.0",
 	"description": "A cli for distributing codemods for atlassian-frontend components and services",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
 	"bin": "./bin/codemod-cli.js",
 	"dependencies": {
 		"@atlaskit/codemod-utils": "^4.2.0",
-		"@atlaskit/tokens": "^6.5.0",
+		"@atlaskit/tokens": "^7.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@codeshift/utils": "^0.2.4",
 		"@hypermod/utils": "^0.4.2",