@atlaskit/codemod-cli 0.25.0 → 0.25.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/codemod-cli
 
+## 0.25.1
+
+### Patch Changes
+
+- [#120049](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120049)
+  [`77504ff274f72`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/77504ff274f72) -
+  DSP-19576: Assign names to anonymous default exports
+
 ## 0.25.0
 
 ### Minor Changes

package/dist/cjs/main.js

@@ -305,7 +305,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context5.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.25.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.25.1", _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/migrate-to-new-buttons/codemods/next-migrate-link-button-to-link.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("@hypermod/utils");
+var _constants = require("../utils/constants");
+var _moveIconValueFromLinkButtonToLinkChildren = _interopRequireDefault(require("../utils/move-icon-value-from-link-button-to-link-children"));
+var _findAttributeWithValue = require("../utils/find-attribute-with-value");
+var _generateLinkElement = require("../utils/generate-link-element");
+function transformer(file, api) {
+  var j = api.jscodeshift;
+  var source = j(file.source);
+
+  // Find all new button imports
+  var newButtonImportDeclarations = (0, _utils.getImportDeclaration)(j, source, _constants.NEW_BUTTON_ENTRY_POINT);
+
+  // No imports for new button found, exit early
+  if (!newButtonImportDeclarations.length) {
+    return source.toSource();
+  }
+  var linkButtonSpecifier = '';
+  var linkButtonDeclaration;
+  newButtonImportDeclarations.forEach(function (newButtonImport) {
+    if (!newButtonImport.value.specifiers) {
+      return;
+    }
+    newButtonImport.value.specifiers.map(function (specifier) {
+      if (specifier.type === 'ImportSpecifier' && specifier.imported && specifier.imported.name === _constants.NEW_BUTTON_VARIANTS['link']) {
+        var _specifier$local;
+        linkButtonDeclaration = newButtonImport;
+        linkButtonSpecifier = ((_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name) || '';
+      }
+    });
+  });
+  if (!linkButtonSpecifier) {
+    return source.toSource();
+  }
+  var hasLink = false;
+  var allLinkButtons = source.find(j.JSXElement).filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === linkButtonSpecifier;
+  });
+  allLinkButtons.filter(function (path) {
+    return (0, _findAttributeWithValue.findJSXAttributeWithValue)(path.value.openingElement, 'appearance', 'link') || (0, _findAttributeWithValue.findJSXAttributeWithValue)(path.value.openingElement, 'appearance', 'subtle-link');
+  }).forEach(function (path) {
+    var hasSpacingNone = (0, _findAttributeWithValue.findJSXAttributeWithValue)(path.value.openingElement, 'spacing', 'none');
+    if (!hasSpacingNone) {
+      j(path).find(j.JSXAttribute).filter(function (path) {
+        var _path$node$value;
+        return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'subtle-link' || path.node.value.value === 'link');
+      }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+    }
+    if (hasSpacingNone) {
+      var attributes = path.node.openingElement.attributes;
+      (0, _generateLinkElement.modifyLinkAttributes)(path.node, j);
+      j(path).find(j.JSXAttribute).filter(function (attribute) {
+        var _attribute$node$value;
+        var isIconAttribute = attribute.node.name.name === 'iconBefore' || attribute.node.name.name === 'iconAfter';
+        if (((_attribute$node$value = attribute.node.value) === null || _attribute$node$value === void 0 ? void 0 : _attribute$node$value.type) === 'JSXExpressionContainer' && isIconAttribute) {
+          (0, _moveIconValueFromLinkButtonToLinkChildren.default)(j, path, attribute.node.value, attribute.node.name.name);
+        }
+        return isIconAttribute;
+      }).remove();
+      hasLink = true;
+      j(path).replaceWith(j.jsxElement.from({
+        openingElement: j.jsxOpeningElement(j.jsxIdentifier('Link'), attributes, false),
+        closingElement: j.jsxClosingElement(j.jsxIdentifier('Link')),
+        children: path.node.children
+      }));
+    }
+  });
+
+  // add link import and remove link button import if no link button is found
+  if (hasLink && linkButtonDeclaration) {
+    var linkImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier('Link'))], j.stringLiteral('@atlaskit/link'));
+    j(linkButtonDeclaration).insertAfter(linkImport);
+    var remainingLinkButton = source.find(j.JSXElement).filter(function (path) {
+      return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === linkButtonSpecifier;
+    });
+    if (!remainingLinkButton.length) {
+      var _value$specifiers;
+      j(linkButtonDeclaration).find(j.ImportSpecifier).filter(function (path) {
+        return path.node.imported.name === _constants.NEW_BUTTON_VARIANTS['link'];
+      }).remove();
+      if (((_value$specifiers = linkButtonDeclaration.value.specifiers) === null || _value$specifiers === void 0 ? void 0 : _value$specifiers.length) === 0) {
+        j(linkButtonDeclaration).remove();
+      }
+    }
+  }
+  return source.toSource(_constants.PRINT_SETTINGS);
+}
+var _default = exports.default = transformer;

package/dist/cjs/presets/migrate-to-new-buttons/codemods/next-migrate-to-new-button-variants.js

@@ -12,6 +12,7 @@ var _constants = require("../utils/constants");
 var _getDefaultImports = _interopRequireDefault(require("../utils/get-default-imports"));
 var _getSpecifierNames = _interopRequireDefault(require("../utils/get-specifier-names"));
 var _generateNewButtonElement = require("../utils/generate-new-button-element");
+var _generateLinkElement = require("../utils/generate-link-element");
 var _hasUnsupportedProps = require("../utils/has-unsupported-props");
 var _ifVariantAlreadyImported = require("../utils/if-variant-already-imported");
 var _renameDefaultButtonToLegacyButton = require("../utils/rename-default-button-to-legacy-button");
@@ -19,6 +20,7 @@ var _migrateFitContainerIconButton = require("../utils/migrate-fit-container-ico
 var _importTypesFromNewEntryPoint = require("../utils/import-types-from-new-entry-point");
 var _addCommentForCustomThemeButtons = require("../utils/add-comment-for-custom-theme-buttons");
 var _addCommentForOverlayProp = require("../utils/add-comment-for-overlay-prop");
+var _findAttributeWithValue = require("../utils/find-attribute-with-value");
 var transformer = function transformer(file, api) {
   var j = api.jscodeshift;
   var fileSource = j(file.source);
@@ -52,7 +54,8 @@ var transformer = function transformer(file, api) {
     defaultButton: (0, _ifVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.default, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j, true),
     linkButton: (0, _ifVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.link, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j),
     iconButton: (0, _ifVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.icon, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j),
-    linkIconButton: (0, _ifVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.linkIcon, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j)
+    linkIconButton: (0, _ifVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.linkIcon, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j),
+    link: (0, _ifVariantAlreadyImported.checkIfVariantAlreadyImported)('link', '@atlaskit/link', fileSource, j)
   };
   var oldButtonElements = fileSource.find(j.JSXElement).filter(function (path) {
     return path.value.openingElement.name.type === 'JSXIdentifier' && ((oldDefaultImportSpecifiers === null || oldDefaultImportSpecifiers === void 0 ? void 0 : oldDefaultImportSpecifiers.includes(path.value.openingElement.name.name)) || Object.values(_constants.OLD_BUTTON_VARIANTS).includes(path.value.openingElement.name.name));
@@ -73,18 +76,24 @@ var transformer = function transformer(file, api) {
     var hasHref = buttonAttributes.includes('href');
     var hasIcon = buttonAttributes.includes('iconBefore') || buttonAttributes.includes('iconAfter');
     var hasNoChildren = ((_element$value$childr = element.value.children) === null || _element$value$childr === void 0 ? void 0 : _element$value$childr.length) === 0;
+    var hasSpacing = attributes.find(function (attr) {
+      var _attr$value;
+      return attr.type === 'JSXAttribute' && attr.name.name === 'spacing' && ((_attr$value = attr.value) === null || _attr$value === void 0 ? void 0 : _attr$value.type) === 'StringLiteral' && attr.value.value !== 'none';
+    }) || !buttonAttributes.includes('spacing');
+    var hasSpacingNone = (0, _findAttributeWithValue.findJSXAttributeWithValue)(element.value.openingElement, 'spacing', 'none');
     var isFitContainerIconButton = hasIcon && hasNoChildren && buttonAttributes.includes('shouldFitContainer');
-    var isLinkIconButton = hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
-    var isLinkButton = hasHref && !isLinkIconButton;
-    var isIconButton = !hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
-    var isDefaultButton = !isLinkButton && !isLinkIconButton && !isIconButton && !isFitContainerIconButton;
-    var isDefaultVariantWithAnIcon = !isLinkIconButton && !isIconButton && !isFitContainerIconButton && hasIcon;
-    var isLoadingButton = element.value.openingElement.name.type === 'JSXIdentifier' && element.value.openingElement.name.name === loadingButtonDirectImportName;
     var linkAppearanceAttribute = attributes.find(function (node) {
       var _node$value, _node$name, _node$value2, _node$value3;
       return node.type === 'JSXAttribute' && ((_node$value = node.value) === null || _node$value === void 0 ? void 0 : _node$value.type) === 'StringLiteral' && (node === null || node === void 0 || (_node$name = node.name) === null || _node$name === void 0 ? void 0 : _node$name.name) === 'appearance' && ((node === null || node === void 0 || (_node$value2 = node.value) === null || _node$value2 === void 0 ? void 0 : _node$value2.value) === 'link' || (node === null || node === void 0 || (_node$value3 = node.value) === null || _node$value3 === void 0 ? void 0 : _node$value3.value) === 'subtle-link');
     });
-    if (isDefaultVariantWithAnIcon) {
+    var isLinkIconButton = hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
+    var isLinkButton = hasHref && !isLinkIconButton && !hasNoChildren && hasSpacing;
+    var isLink = hasHref && !isLinkIconButton && !hasNoChildren && hasSpacingNone && linkAppearanceAttribute;
+    var isIconButton = !hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton && !isLink;
+    var isDefaultButton = !isLinkButton && !isLinkIconButton && !isIconButton && !isFitContainerIconButton && !isLink;
+    var isDefaultVariantWithAnIcon = !isLinkIconButton && !isIconButton && !isFitContainerIconButton && hasIcon && !isLink;
+    var isLoadingButton = element.value.openingElement.name.type === 'JSXIdentifier' && element.value.openingElement.name.name === loadingButtonDirectImportName;
+    if (isDefaultVariantWithAnIcon && !isLink) {
       (0, _generateNewButtonElement.handleIconAttributes)(element.value, j);
     }
     if (isFitContainerIconButton) {
@@ -105,6 +114,10 @@ var transformer = function transformer(file, api) {
       hasVariant.linkButton = true;
       j(element).replaceWith((0, _generateNewButtonElement.generateNewElement)(_constants.NEW_BUTTON_VARIANTS.link, element.value, j));
     }
+    if (isLink && !isLoadingButton) {
+      hasVariant.link = true;
+      j(element).replaceWith((0, _generateLinkElement.generateLinkComponent)(element.node, j));
+    }
     if (isDefaultButton && !isLoadingButton) {
       hasVariant.defaultButton = true;
       j(element).replaceWith((0, _generateNewButtonElement.generateNewElement)(newDefaultImportSpecifiers !== null && newDefaultImportSpecifiers !== void 0 && newDefaultImportSpecifiers.length ?
@@ -216,6 +229,13 @@ var transformer = function transformer(file, api) {
       (0, _renameDefaultButtonToLegacyButton.renameDefaultButtonToLegacyButtonImport)(oldButtonImports, oldButtonsWithUnsupportedProps, j);
     }
   }
+  if (hasVariant.link) {
+    var linkImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier('Link'))], j.stringLiteral('@atlaskit/link'));
+    oldButtonImports.at(0).insertBefore(linkImport);
+    if (!remainingDefaultButtons && !oldButtonsWithUnsupportedProps.length) {
+      oldButtonImports.at(0).remove();
+    }
+  }
   if (specifiers.length) {
     var existingNewButtonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
       return path.node.source.value === _constants.NEW_BUTTON_ENTRY_POINT;

package/dist/cjs/presets/migrate-to-new-buttons/codemods/next-remove-unsafe-size.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = _default;
+exports.default = void 0;
 var _utils = require("@hypermod/utils");
 var _constants = require("../utils/constants");
-function _default(file, api) {
+function transformer(file, api) {
   var j = api.jscodeshift;
   var source = j(file.source);
 
@@ -118,4 +118,5 @@ function _default(file, api) {
     }
   });
   return source.toSource(_constants.PRINT_SETTINGS);
-}
+}
+var _default = exports.default = transformer;

package/dist/cjs/presets/migrate-to-new-buttons/migrate-to-new-buttons.js

@@ -11,6 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _nextSplitImports = _interopRequireDefault(require("./codemods/next-split-imports"));
 var _nextMigrateToNewButtonVariants = _interopRequireDefault(require("./codemods/next-migrate-to-new-button-variants"));
 var _nextRemoveUnsafeSize = _interopRequireDefault(require("./codemods/next-remove-unsafe-size"));
+var _nextMigrateLinkButtonToLink = _interopRequireDefault(require("./codemods/next-migrate-link-button-to-link"));
 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) {
@@ -22,7 +23,7 @@ function _transformer() {
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          transformers = [_nextSplitImports.default, _nextMigrateToNewButtonVariants.default, _nextRemoveUnsafeSize.default];
+          transformers = [_nextSplitImports.default, _nextMigrateToNewButtonVariants.default, _nextRemoveUnsafeSize.default, _nextMigrateLinkButtonToLink.default];
           src = file.source;
           transformers.forEach(function (transformer) {
             if (typeof src === 'undefined') {

package/dist/cjs/presets/migrate-to-new-buttons/utils/find-attribute-with-value.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findJSXAttributeWithValue = void 0;
+var findJSXAttributeWithValue = exports.findJSXAttributeWithValue = function findJSXAttributeWithValue(path, attributeName, attributeValue) {
+  var _path$attributes;
+  if (!path || path.type === 'JSXSpreadAttribute') {
+    return false;
+  }
+  var attribute = path === null || path === void 0 || (_path$attributes = path.attributes) === null || _path$attributes === void 0 ? void 0 : _path$attributes.find(function (attribute) {
+    var _attribute$value;
+    return attribute.type === 'JSXAttribute' && attribute.name.name === attributeName && ((_attribute$value = attribute.value) === null || _attribute$value === void 0 ? void 0 : _attribute$value.type) === 'StringLiteral' && attribute.value.value === attributeValue;
+  });
+  return Boolean(attribute);
+};

package/dist/cjs/presets/migrate-to-new-buttons/utils/generate-link-element.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.modifyLinkAttributes = exports.generateLinkComponent = void 0;
+var modifyLinkAttributes = exports.modifyLinkAttributes = function modifyLinkAttributes(element, j) {
+  j(element).find(j.JSXAttribute).filter(function (path) {
+    var _path$node$value, _path$node$value2;
+    return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && path.node.value.value === 'link' || path.node.name.name === 'spacing' && ((_path$node$value2 = path.node.value) === null || _path$node$value2 === void 0 ? void 0 : _path$node$value2.type) === 'StringLiteral' && path.node.value.value === 'none';
+  }).remove();
+  j(element).find(j.JSXAttribute).filter(function (path) {
+    var _path$node$value3;
+    return path.node.name.name === 'appearance' && ((_path$node$value3 = path.node.value) === null || _path$node$value3 === void 0 ? void 0 : _path$node$value3.type) === 'StringLiteral' && path.node.value.value === 'subtle-link';
+  }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+};
+var generateLinkComponent = exports.generateLinkComponent = function generateLinkComponent(element, j) {
+  var attributes = element.openingElement.attributes;
+  if (!element.children) {
+    return;
+  }
+  modifyLinkAttributes(element, j);
+  j(element).find(j.JSXAttribute).filter(function (attribute) {
+    var _attribute$node$value;
+    var isIconAttribute = attribute.node.name.name === 'iconBefore' || attribute.node.name.name === 'iconAfter';
+    if (((_attribute$node$value = attribute.node.value) === null || _attribute$node$value === void 0 ? void 0 : _attribute$node$value.type) === 'JSXExpressionContainer' && isIconAttribute) {
+      var iconNode = attribute.node.value;
+      if (iconNode && iconNode.type === 'JSXExpressionContainer' && iconNode.expression.type === 'JSXElement' && element.children) {
+        var icon = iconNode.expression;
+        attribute.node.name.name === 'iconBefore' ? element.children.unshift(icon) : element.children.push(icon);
+      }
+    }
+    return isIconAttribute;
+  }).remove();
+  return j.jsxElement.from({
+    openingElement: j.jsxOpeningElement(j.jsxIdentifier('Link'), attributes, false),
+    closingElement: j.jsxClosingElement(j.jsxIdentifier('Link')),
+    children: element.children
+  });
+};

package/dist/cjs/presets/migrate-to-new-buttons/utils/generate-new-button-element.js

@@ -38,7 +38,6 @@ var getIconElement = exports.getIconElement = function getIconElement(iconAttr)
 var handleIconAttributes = exports.handleIconAttributes = function handleIconAttributes(element, j) {
   var iconRenamed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var buttonAttributes = element.openingElement.attributes;
-
   // Get iconBefore and iconAfter attributes
   var buttonIconAttributes = buttonAttributes && getIconAttributes(buttonAttributes);
   buttonIconAttributes === null || buttonIconAttributes === void 0 || buttonIconAttributes.forEach(function (iconAttribute) {
@@ -113,6 +112,12 @@ var generateNewElement = exports.generateNewElement = function generateNewElemen
   var attributes = element.openingElement.attributes;
   var iconAttrs = attributes && getIconAttributes(attributes);
   var isIconOrLinkIcon = variant === _constants.NEW_BUTTON_VARIANTS.icon || variant === _constants.NEW_BUTTON_VARIANTS.linkIcon;
+  if (variant === _constants.NEW_BUTTON_VARIANTS.link) {
+    j(element).find(j.JSXAttribute).filter(function (path) {
+      var _path$node$value;
+      return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'subtle-link' || path.node.value.value === 'link');
+    }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+  }
   if (isIconOrLinkIcon && iconAttrs !== null && iconAttrs !== void 0 && iconAttrs.length) {
     handleIconAttributes(element, j, true);
 

package/dist/cjs/presets/migrate-to-new-buttons/utils/move-icon-value-from-link-button-to-link-children.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var moveIcon = function moveIcon(j, path, iconNode, beforeOrAfter) {
+  var element;
+  if (!iconNode) {
+    return;
+  }
+  if (iconNode.type === 'JSXExpressionContainer') {
+    // when iconBefore={(iconProps) => <AddIcon {...iconProps} />}
+    if (iconNode.expression.type === 'ArrowFunctionExpression' && iconNode.expression.body.type === 'JSXElement') {
+      // remove {...iconProps} spread attribute
+      element = iconNode.expression.body;
+      j(element).find(j.JSXSpreadAttribute).remove();
+      j(element).find(j.JSXAttribute).insertBefore(j.jsxAttribute(j.jsxIdentifier('label'), j.stringLiteral('')));
+    }
+
+    // when iconBefore={AddIcon}
+    if (iconNode.expression.type === 'Identifier') {
+      element = j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(iconNode.expression.name), [j.jsxAttribute(j.jsxIdentifier('label'), j.stringLiteral(''))], true));
+    }
+    if (element && path.node.children) {
+      beforeOrAfter === 'iconBefore' ? path.node.children.unshift(element) : path.node.children.push(element);
+    }
+  }
+};
+var _default = exports.default = moveIcon;

package/dist/es2019/presets/migrate-to-new-buttons/codemods/next-migrate-link-button-to-link.js

@@ -0,0 +1,81 @@
+import { getImportDeclaration } from '@hypermod/utils';
+import { PRINT_SETTINGS, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS } from '../utils/constants';
+import moveIconValueFromLinkButtonPropsToLinkChildren from '../utils/move-icon-value-from-link-button-to-link-children';
+import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
+import { modifyLinkAttributes } from '../utils/generate-link-element';
+function transformer(file, api) {
+  const j = api.jscodeshift;
+  const source = j(file.source);
+
+  // Find all new button imports
+  const newButtonImportDeclarations = getImportDeclaration(j, source, NEW_BUTTON_ENTRY_POINT);
+
+  // No imports for new button found, exit early
+  if (!newButtonImportDeclarations.length) {
+    return source.toSource();
+  }
+  let linkButtonSpecifier = '';
+  let linkButtonDeclaration;
+  newButtonImportDeclarations.forEach(newButtonImport => {
+    if (!newButtonImport.value.specifiers) {
+      return;
+    }
+    newButtonImport.value.specifiers.map(specifier => {
+      if (specifier.type === 'ImportSpecifier' && specifier.imported && specifier.imported.name === NEW_BUTTON_VARIANTS['link']) {
+        var _specifier$local;
+        linkButtonDeclaration = newButtonImport;
+        linkButtonSpecifier = ((_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name) || '';
+      }
+    });
+  });
+  if (!linkButtonSpecifier) {
+    return source.toSource();
+  }
+  let hasLink = false;
+  const allLinkButtons = source.find(j.JSXElement).filter(path => path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === linkButtonSpecifier);
+  allLinkButtons.filter(path => findJSXAttributeWithValue(path.value.openingElement, 'appearance', 'link') || findJSXAttributeWithValue(path.value.openingElement, 'appearance', 'subtle-link')).forEach(path => {
+    const hasSpacingNone = findJSXAttributeWithValue(path.value.openingElement, 'spacing', 'none');
+    if (!hasSpacingNone) {
+      j(path).find(j.JSXAttribute).filter(path => {
+        var _path$node$value;
+        return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'subtle-link' || path.node.value.value === 'link');
+      }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+    }
+    if (hasSpacingNone) {
+      const {
+        attributes
+      } = path.node.openingElement;
+      modifyLinkAttributes(path.node, j);
+      j(path).find(j.JSXAttribute).filter(attribute => {
+        var _attribute$node$value;
+        const isIconAttribute = attribute.node.name.name === 'iconBefore' || attribute.node.name.name === 'iconAfter';
+        if (((_attribute$node$value = attribute.node.value) === null || _attribute$node$value === void 0 ? void 0 : _attribute$node$value.type) === 'JSXExpressionContainer' && isIconAttribute) {
+          moveIconValueFromLinkButtonPropsToLinkChildren(j, path, attribute.node.value, attribute.node.name.name);
+        }
+        return isIconAttribute;
+      }).remove();
+      hasLink = true;
+      j(path).replaceWith(j.jsxElement.from({
+        openingElement: j.jsxOpeningElement(j.jsxIdentifier('Link'), attributes, false),
+        closingElement: j.jsxClosingElement(j.jsxIdentifier('Link')),
+        children: path.node.children
+      }));
+    }
+  });
+
+  // add link import and remove link button import if no link button is found
+  if (hasLink && linkButtonDeclaration) {
+    const linkImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier('Link'))], j.stringLiteral('@atlaskit/link'));
+    j(linkButtonDeclaration).insertAfter(linkImport);
+    const remainingLinkButton = source.find(j.JSXElement).filter(path => path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === linkButtonSpecifier);
+    if (!remainingLinkButton.length) {
+      var _value$specifiers;
+      j(linkButtonDeclaration).find(j.ImportSpecifier).filter(path => path.node.imported.name === NEW_BUTTON_VARIANTS['link']).remove();
+      if (((_value$specifiers = linkButtonDeclaration.value.specifiers) === null || _value$specifiers === void 0 ? void 0 : _value$specifiers.length) === 0) {
+        j(linkButtonDeclaration).remove();
+      }
+    }
+  }
+  return source.toSource(PRINT_SETTINGS);
+}
+export default transformer;

package/dist/es2019/presets/migrate-to-new-buttons/codemods/next-migrate-to-new-button-variants.js

@@ -4,6 +4,7 @@ import { PRINT_SETTINGS, OLD_BUTTON_VARIANTS, NEW_BUTTON_VARIANTS, entryPointsMa
 import getDefaultImports from '../utils/get-default-imports';
 import getSpecifierNames from '../utils/get-specifier-names';
 import { generateNewElement, handleIconAttributes } from '../utils/generate-new-button-element';
+import { generateLinkComponent } from '../utils/generate-link-element';
 import { ifHasUnsupportedProps } from '../utils/has-unsupported-props';
 import { checkIfVariantAlreadyImported } from '../utils/if-variant-already-imported';
 import { renameDefaultButtonToLegacyButtonImport } from '../utils/rename-default-button-to-legacy-button';
@@ -11,6 +12,7 @@ import { migrateFitContainerIconButton } from '../utils/migrate-fit-container-ic
 import { importTypesFromNewEntryPoint } from '../utils/import-types-from-new-entry-point';
 import { addCommentForCustomThemeButtons } from '../utils/add-comment-for-custom-theme-buttons';
 import { addCommentForOverlayProp } from '../utils/add-comment-for-overlay-prop';
+import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
 const transformer = (file, api) => {
   const j = api.jscodeshift;
   const fileSource = j(file.source);
@@ -40,7 +42,8 @@ const transformer = (file, api) => {
     defaultButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.default, NEW_BUTTON_ENTRY_POINT, fileSource, j, true),
     linkButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.link, NEW_BUTTON_ENTRY_POINT, fileSource, j),
     iconButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.icon, NEW_BUTTON_ENTRY_POINT, fileSource, j),
-    linkIconButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.linkIcon, NEW_BUTTON_ENTRY_POINT, fileSource, j)
+    linkIconButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.linkIcon, NEW_BUTTON_ENTRY_POINT, fileSource, j),
+    link: checkIfVariantAlreadyImported('link', '@atlaskit/link', fileSource, j)
   };
   const oldButtonElements = fileSource.find(j.JSXElement).filter(path => {
     return path.value.openingElement.name.type === 'JSXIdentifier' && ((oldDefaultImportSpecifiers === null || oldDefaultImportSpecifiers === void 0 ? void 0 : oldDefaultImportSpecifiers.includes(path.value.openingElement.name.name)) || Object.values(OLD_BUTTON_VARIANTS).includes(path.value.openingElement.name.name));
@@ -59,18 +62,24 @@ const transformer = (file, api) => {
     const hasHref = buttonAttributes.includes('href');
     const hasIcon = buttonAttributes.includes('iconBefore') || buttonAttributes.includes('iconAfter');
     const hasNoChildren = ((_element$value$childr = element.value.children) === null || _element$value$childr === void 0 ? void 0 : _element$value$childr.length) === 0;
+    const hasSpacing = attributes.find(attr => {
+      var _attr$value;
+      return attr.type === 'JSXAttribute' && attr.name.name === 'spacing' && ((_attr$value = attr.value) === null || _attr$value === void 0 ? void 0 : _attr$value.type) === 'StringLiteral' && attr.value.value !== 'none';
+    }) || !buttonAttributes.includes('spacing');
+    const hasSpacingNone = findJSXAttributeWithValue(element.value.openingElement, 'spacing', 'none');
     const isFitContainerIconButton = hasIcon && hasNoChildren && buttonAttributes.includes('shouldFitContainer');
-    const isLinkIconButton = hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
-    const isLinkButton = hasHref && !isLinkIconButton;
-    let isIconButton = !hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
-    const isDefaultButton = !isLinkButton && !isLinkIconButton && !isIconButton && !isFitContainerIconButton;
-    const isDefaultVariantWithAnIcon = !isLinkIconButton && !isIconButton && !isFitContainerIconButton && hasIcon;
-    const isLoadingButton = element.value.openingElement.name.type === 'JSXIdentifier' && element.value.openingElement.name.name === loadingButtonDirectImportName;
     const linkAppearanceAttribute = attributes.find(node => {
       var _node$value, _node$name, _node$value2, _node$value3;
       return node.type === 'JSXAttribute' && ((_node$value = node.value) === null || _node$value === void 0 ? void 0 : _node$value.type) === 'StringLiteral' && (node === null || node === void 0 ? void 0 : (_node$name = node.name) === null || _node$name === void 0 ? void 0 : _node$name.name) === 'appearance' && ((node === null || node === void 0 ? void 0 : (_node$value2 = node.value) === null || _node$value2 === void 0 ? void 0 : _node$value2.value) === 'link' || (node === null || node === void 0 ? void 0 : (_node$value3 = node.value) === null || _node$value3 === void 0 ? void 0 : _node$value3.value) === 'subtle-link');
     });
-    if (isDefaultVariantWithAnIcon) {
+    const isLinkIconButton = hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
+    const isLinkButton = hasHref && !isLinkIconButton && !hasNoChildren && hasSpacing;
+    const isLink = hasHref && !isLinkIconButton && !hasNoChildren && hasSpacingNone && linkAppearanceAttribute;
+    let isIconButton = !hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton && !isLink;
+    const isDefaultButton = !isLinkButton && !isLinkIconButton && !isIconButton && !isFitContainerIconButton && !isLink;
+    const isDefaultVariantWithAnIcon = !isLinkIconButton && !isIconButton && !isFitContainerIconButton && hasIcon && !isLink;
+    const isLoadingButton = element.value.openingElement.name.type === 'JSXIdentifier' && element.value.openingElement.name.name === loadingButtonDirectImportName;
+    if (isDefaultVariantWithAnIcon && !isLink) {
       handleIconAttributes(element.value, j);
     }
     if (isFitContainerIconButton) {
@@ -91,6 +100,10 @@ const transformer = (file, api) => {
       hasVariant.linkButton = true;
       j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.link, element.value, j));
     }
+    if (isLink && !isLoadingButton) {
+      hasVariant.link = true;
+      j(element).replaceWith(generateLinkComponent(element.node, j));
+    }
     if (isDefaultButton && !isLoadingButton) {
       hasVariant.defaultButton = true;
       j(element).replaceWith(generateNewElement(newDefaultImportSpecifiers !== null && newDefaultImportSpecifiers !== void 0 && newDefaultImportSpecifiers.length ?
@@ -182,6 +195,13 @@ const transformer = (file, api) => {
       renameDefaultButtonToLegacyButtonImport(oldButtonImports, oldButtonsWithUnsupportedProps, j);
     }
   }
+  if (hasVariant.link) {
+    const linkImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier('Link'))], j.stringLiteral('@atlaskit/link'));
+    oldButtonImports.at(0).insertBefore(linkImport);
+    if (!remainingDefaultButtons && !oldButtonsWithUnsupportedProps.length) {
+      oldButtonImports.at(0).remove();
+    }
+  }
   if (specifiers.length) {
     const existingNewButtonImports = fileSource.find(j.ImportDeclaration).filter(path => path.node.source.value === NEW_BUTTON_ENTRY_POINT);
     let newButtonImport = j.importDeclaration(specifiers, j.stringLiteral(NEW_BUTTON_ENTRY_POINT));

package/dist/es2019/presets/migrate-to-new-buttons/codemods/next-remove-unsafe-size.js

@@ -1,6 +1,6 @@
 import { getImportDeclaration, hasJSXAttributes } from '@hypermod/utils';
 import { PRINT_SETTINGS, NEW_BUTTON_ENTRY_POINT, UNSAFE_SIZE_PROPS_MAP } from '../utils/constants';
-export default function (file, api) {
+function transformer(file, api) {
   const j = api.jscodeshift;
   const source = j(file.source);
 
@@ -91,4 +91,5 @@ export default function (file, api) {
     }
   });
   return source.toSource(PRINT_SETTINGS);
-}
+}
+export default transformer;

package/dist/es2019/presets/migrate-to-new-buttons/migrate-to-new-buttons.js

@@ -1,8 +1,9 @@
 import splitImportsTransformer from './codemods/next-split-imports';
 import migrateToNewButtonVariantsTransformer from './codemods/next-migrate-to-new-button-variants';
 import removeUnsafeSizeTransformer from './codemods/next-remove-unsafe-size';
+import migrateLinkButtonToLinkTransformer from './codemods/next-migrate-link-button-to-link';
 export default async function transformer(file, api) {
-  const transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer, removeUnsafeSizeTransformer];
+  const transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer, removeUnsafeSizeTransformer, migrateLinkButtonToLinkTransformer];
   let src = file.source;
   transformers.forEach(transformer => {
     if (typeof src === 'undefined') {

package/dist/es2019/presets/migrate-to-new-buttons/utils/find-attribute-with-value.js

@@ -0,0 +1,11 @@
+export const findJSXAttributeWithValue = (path, attributeName, attributeValue) => {
+  var _path$attributes;
+  if (!path || path.type === 'JSXSpreadAttribute') {
+    return false;
+  }
+  const attribute = path === null || path === void 0 ? void 0 : (_path$attributes = path.attributes) === null || _path$attributes === void 0 ? void 0 : _path$attributes.find(attribute => {
+    var _attribute$value;
+    return attribute.type === 'JSXAttribute' && attribute.name.name === attributeName && ((_attribute$value = attribute.value) === null || _attribute$value === void 0 ? void 0 : _attribute$value.type) === 'StringLiteral' && attribute.value.value === attributeValue;
+  });
+  return Boolean(attribute);
+};

package/dist/es2019/presets/migrate-to-new-buttons/utils/generate-link-element.js

@@ -0,0 +1,36 @@
+export const modifyLinkAttributes = (element, j) => {
+  j(element).find(j.JSXAttribute).filter(path => {
+    var _path$node$value, _path$node$value2;
+    return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && path.node.value.value === 'link' || path.node.name.name === 'spacing' && ((_path$node$value2 = path.node.value) === null || _path$node$value2 === void 0 ? void 0 : _path$node$value2.type) === 'StringLiteral' && path.node.value.value === 'none';
+  }).remove();
+  j(element).find(j.JSXAttribute).filter(path => {
+    var _path$node$value3;
+    return path.node.name.name === 'appearance' && ((_path$node$value3 = path.node.value) === null || _path$node$value3 === void 0 ? void 0 : _path$node$value3.type) === 'StringLiteral' && path.node.value.value === 'subtle-link';
+  }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+};
+export const generateLinkComponent = (element, j) => {
+  const {
+    attributes
+  } = element.openingElement;
+  if (!element.children) {
+    return;
+  }
+  modifyLinkAttributes(element, j);
+  j(element).find(j.JSXAttribute).filter(attribute => {
+    var _attribute$node$value;
+    const isIconAttribute = attribute.node.name.name === 'iconBefore' || attribute.node.name.name === 'iconAfter';
+    if (((_attribute$node$value = attribute.node.value) === null || _attribute$node$value === void 0 ? void 0 : _attribute$node$value.type) === 'JSXExpressionContainer' && isIconAttribute) {
+      const iconNode = attribute.node.value;
+      if (iconNode && iconNode.type === 'JSXExpressionContainer' && iconNode.expression.type === 'JSXElement' && element.children) {
+        const icon = iconNode.expression;
+        attribute.node.name.name === 'iconBefore' ? element.children.unshift(icon) : element.children.push(icon);
+      }
+    }
+    return isIconAttribute;
+  }).remove();
+  return j.jsxElement.from({
+    openingElement: j.jsxOpeningElement(j.jsxIdentifier('Link'), attributes, false),
+    closingElement: j.jsxClosingElement(j.jsxIdentifier('Link')),
+    children: element.children
+  });
+};

package/dist/es2019/presets/migrate-to-new-buttons/utils/generate-new-button-element.js

@@ -31,7 +31,6 @@ export const handleIconAttributes = (element, j, iconRenamed = false) => {
   const {
     attributes: buttonAttributes
   } = element.openingElement;
-
   // Get iconBefore and iconAfter attributes
   const buttonIconAttributes = buttonAttributes && getIconAttributes(buttonAttributes);
   buttonIconAttributes === null || buttonIconAttributes === void 0 ? void 0 : buttonIconAttributes.forEach(iconAttribute => {
@@ -100,6 +99,12 @@ export const generateNewElement = (variant, element, j) => {
   } = element.openingElement;
   const iconAttrs = attributes && getIconAttributes(attributes);
   const isIconOrLinkIcon = variant === NEW_BUTTON_VARIANTS.icon || variant === NEW_BUTTON_VARIANTS.linkIcon;
+  if (variant === NEW_BUTTON_VARIANTS.link) {
+    j(element).find(j.JSXAttribute).filter(path => {
+      var _path$node$value;
+      return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'subtle-link' || path.node.value.value === 'link');
+    }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+  }
   if (isIconOrLinkIcon && iconAttrs !== null && iconAttrs !== void 0 && iconAttrs.length) {
     handleIconAttributes(element, j, true);
 

package/dist/es2019/presets/migrate-to-new-buttons/utils/move-icon-value-from-link-button-to-link-children.js

@@ -0,0 +1,24 @@
+const moveIcon = (j, path, iconNode, beforeOrAfter) => {
+  let element;
+  if (!iconNode) {
+    return;
+  }
+  if (iconNode.type === 'JSXExpressionContainer') {
+    // when iconBefore={(iconProps) => <AddIcon {...iconProps} />}
+    if (iconNode.expression.type === 'ArrowFunctionExpression' && iconNode.expression.body.type === 'JSXElement') {
+      // remove {...iconProps} spread attribute
+      element = iconNode.expression.body;
+      j(element).find(j.JSXSpreadAttribute).remove();
+      j(element).find(j.JSXAttribute).insertBefore(j.jsxAttribute(j.jsxIdentifier('label'), j.stringLiteral('')));
+    }
+
+    // when iconBefore={AddIcon}
+    if (iconNode.expression.type === 'Identifier') {
+      element = j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(iconNode.expression.name), [j.jsxAttribute(j.jsxIdentifier('label'), j.stringLiteral(''))], true));
+    }
+    if (element && path.node.children) {
+      beforeOrAfter === 'iconBefore' ? path.node.children.unshift(element) : path.node.children.push(element);
+    }
+  }
+};
+export default moveIcon;

package/dist/esm/main.js

@@ -298,7 +298,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context5.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.25.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.25.1", _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/migrate-to-new-buttons/codemods/next-migrate-link-button-to-link.js

@@ -0,0 +1,87 @@
+import { getImportDeclaration } from '@hypermod/utils';
+import { PRINT_SETTINGS, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS } from '../utils/constants';
+import moveIconValueFromLinkButtonPropsToLinkChildren from '../utils/move-icon-value-from-link-button-to-link-children';
+import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
+import { modifyLinkAttributes } from '../utils/generate-link-element';
+function transformer(file, api) {
+  var j = api.jscodeshift;
+  var source = j(file.source);
+
+  // Find all new button imports
+  var newButtonImportDeclarations = getImportDeclaration(j, source, NEW_BUTTON_ENTRY_POINT);
+
+  // No imports for new button found, exit early
+  if (!newButtonImportDeclarations.length) {
+    return source.toSource();
+  }
+  var linkButtonSpecifier = '';
+  var linkButtonDeclaration;
+  newButtonImportDeclarations.forEach(function (newButtonImport) {
+    if (!newButtonImport.value.specifiers) {
+      return;
+    }
+    newButtonImport.value.specifiers.map(function (specifier) {
+      if (specifier.type === 'ImportSpecifier' && specifier.imported && specifier.imported.name === NEW_BUTTON_VARIANTS['link']) {
+        var _specifier$local;
+        linkButtonDeclaration = newButtonImport;
+        linkButtonSpecifier = ((_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name) || '';
+      }
+    });
+  });
+  if (!linkButtonSpecifier) {
+    return source.toSource();
+  }
+  var hasLink = false;
+  var allLinkButtons = source.find(j.JSXElement).filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === linkButtonSpecifier;
+  });
+  allLinkButtons.filter(function (path) {
+    return findJSXAttributeWithValue(path.value.openingElement, 'appearance', 'link') || findJSXAttributeWithValue(path.value.openingElement, 'appearance', 'subtle-link');
+  }).forEach(function (path) {
+    var hasSpacingNone = findJSXAttributeWithValue(path.value.openingElement, 'spacing', 'none');
+    if (!hasSpacingNone) {
+      j(path).find(j.JSXAttribute).filter(function (path) {
+        var _path$node$value;
+        return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'subtle-link' || path.node.value.value === 'link');
+      }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+    }
+    if (hasSpacingNone) {
+      var attributes = path.node.openingElement.attributes;
+      modifyLinkAttributes(path.node, j);
+      j(path).find(j.JSXAttribute).filter(function (attribute) {
+        var _attribute$node$value;
+        var isIconAttribute = attribute.node.name.name === 'iconBefore' || attribute.node.name.name === 'iconAfter';
+        if (((_attribute$node$value = attribute.node.value) === null || _attribute$node$value === void 0 ? void 0 : _attribute$node$value.type) === 'JSXExpressionContainer' && isIconAttribute) {
+          moveIconValueFromLinkButtonPropsToLinkChildren(j, path, attribute.node.value, attribute.node.name.name);
+        }
+        return isIconAttribute;
+      }).remove();
+      hasLink = true;
+      j(path).replaceWith(j.jsxElement.from({
+        openingElement: j.jsxOpeningElement(j.jsxIdentifier('Link'), attributes, false),
+        closingElement: j.jsxClosingElement(j.jsxIdentifier('Link')),
+        children: path.node.children
+      }));
+    }
+  });
+
+  // add link import and remove link button import if no link button is found
+  if (hasLink && linkButtonDeclaration) {
+    var linkImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier('Link'))], j.stringLiteral('@atlaskit/link'));
+    j(linkButtonDeclaration).insertAfter(linkImport);
+    var remainingLinkButton = source.find(j.JSXElement).filter(function (path) {
+      return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === linkButtonSpecifier;
+    });
+    if (!remainingLinkButton.length) {
+      var _value$specifiers;
+      j(linkButtonDeclaration).find(j.ImportSpecifier).filter(function (path) {
+        return path.node.imported.name === NEW_BUTTON_VARIANTS['link'];
+      }).remove();
+      if (((_value$specifiers = linkButtonDeclaration.value.specifiers) === null || _value$specifiers === void 0 ? void 0 : _value$specifiers.length) === 0) {
+        j(linkButtonDeclaration).remove();
+      }
+    }
+  }
+  return source.toSource(PRINT_SETTINGS);
+}
+export default transformer;

package/dist/esm/presets/migrate-to-new-buttons/codemods/next-migrate-to-new-button-variants.js

@@ -5,6 +5,7 @@ import { PRINT_SETTINGS, OLD_BUTTON_VARIANTS, NEW_BUTTON_VARIANTS, entryPointsMa
 import getDefaultImports from '../utils/get-default-imports';
 import getSpecifierNames from '../utils/get-specifier-names';
 import { generateNewElement, handleIconAttributes } from '../utils/generate-new-button-element';
+import { generateLinkComponent } from '../utils/generate-link-element';
 import { ifHasUnsupportedProps } from '../utils/has-unsupported-props';
 import { checkIfVariantAlreadyImported } from '../utils/if-variant-already-imported';
 import { renameDefaultButtonToLegacyButtonImport } from '../utils/rename-default-button-to-legacy-button';
@@ -12,6 +13,7 @@ import { migrateFitContainerIconButton } from '../utils/migrate-fit-container-ic
 import { importTypesFromNewEntryPoint } from '../utils/import-types-from-new-entry-point';
 import { addCommentForCustomThemeButtons } from '../utils/add-comment-for-custom-theme-buttons';
 import { addCommentForOverlayProp } from '../utils/add-comment-for-overlay-prop';
+import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
 var transformer = function transformer(file, api) {
   var j = api.jscodeshift;
   var fileSource = j(file.source);
@@ -45,7 +47,8 @@ var transformer = function transformer(file, api) {
     defaultButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.default, NEW_BUTTON_ENTRY_POINT, fileSource, j, true),
     linkButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.link, NEW_BUTTON_ENTRY_POINT, fileSource, j),
     iconButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.icon, NEW_BUTTON_ENTRY_POINT, fileSource, j),
-    linkIconButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.linkIcon, NEW_BUTTON_ENTRY_POINT, fileSource, j)
+    linkIconButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.linkIcon, NEW_BUTTON_ENTRY_POINT, fileSource, j),
+    link: checkIfVariantAlreadyImported('link', '@atlaskit/link', fileSource, j)
   };
   var oldButtonElements = fileSource.find(j.JSXElement).filter(function (path) {
     return path.value.openingElement.name.type === 'JSXIdentifier' && ((oldDefaultImportSpecifiers === null || oldDefaultImportSpecifiers === void 0 ? void 0 : oldDefaultImportSpecifiers.includes(path.value.openingElement.name.name)) || Object.values(OLD_BUTTON_VARIANTS).includes(path.value.openingElement.name.name));
@@ -66,18 +69,24 @@ var transformer = function transformer(file, api) {
     var hasHref = buttonAttributes.includes('href');
     var hasIcon = buttonAttributes.includes('iconBefore') || buttonAttributes.includes('iconAfter');
     var hasNoChildren = ((_element$value$childr = element.value.children) === null || _element$value$childr === void 0 ? void 0 : _element$value$childr.length) === 0;
+    var hasSpacing = attributes.find(function (attr) {
+      var _attr$value;
+      return attr.type === 'JSXAttribute' && attr.name.name === 'spacing' && ((_attr$value = attr.value) === null || _attr$value === void 0 ? void 0 : _attr$value.type) === 'StringLiteral' && attr.value.value !== 'none';
+    }) || !buttonAttributes.includes('spacing');
+    var hasSpacingNone = findJSXAttributeWithValue(element.value.openingElement, 'spacing', 'none');
     var isFitContainerIconButton = hasIcon && hasNoChildren && buttonAttributes.includes('shouldFitContainer');
-    var isLinkIconButton = hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
-    var isLinkButton = hasHref && !isLinkIconButton;
-    var isIconButton = !hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
-    var isDefaultButton = !isLinkButton && !isLinkIconButton && !isIconButton && !isFitContainerIconButton;
-    var isDefaultVariantWithAnIcon = !isLinkIconButton && !isIconButton && !isFitContainerIconButton && hasIcon;
-    var isLoadingButton = element.value.openingElement.name.type === 'JSXIdentifier' && element.value.openingElement.name.name === loadingButtonDirectImportName;
     var linkAppearanceAttribute = attributes.find(function (node) {
       var _node$value, _node$name, _node$value2, _node$value3;
       return node.type === 'JSXAttribute' && ((_node$value = node.value) === null || _node$value === void 0 ? void 0 : _node$value.type) === 'StringLiteral' && (node === null || node === void 0 || (_node$name = node.name) === null || _node$name === void 0 ? void 0 : _node$name.name) === 'appearance' && ((node === null || node === void 0 || (_node$value2 = node.value) === null || _node$value2 === void 0 ? void 0 : _node$value2.value) === 'link' || (node === null || node === void 0 || (_node$value3 = node.value) === null || _node$value3 === void 0 ? void 0 : _node$value3.value) === 'subtle-link');
     });
-    if (isDefaultVariantWithAnIcon) {
+    var isLinkIconButton = hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
+    var isLinkButton = hasHref && !isLinkIconButton && !hasNoChildren && hasSpacing;
+    var isLink = hasHref && !isLinkIconButton && !hasNoChildren && hasSpacingNone && linkAppearanceAttribute;
+    var isIconButton = !hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton && !isLink;
+    var isDefaultButton = !isLinkButton && !isLinkIconButton && !isIconButton && !isFitContainerIconButton && !isLink;
+    var isDefaultVariantWithAnIcon = !isLinkIconButton && !isIconButton && !isFitContainerIconButton && hasIcon && !isLink;
+    var isLoadingButton = element.value.openingElement.name.type === 'JSXIdentifier' && element.value.openingElement.name.name === loadingButtonDirectImportName;
+    if (isDefaultVariantWithAnIcon && !isLink) {
       handleIconAttributes(element.value, j);
     }
     if (isFitContainerIconButton) {
@@ -98,6 +107,10 @@ var transformer = function transformer(file, api) {
       hasVariant.linkButton = true;
       j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.link, element.value, j));
     }
+    if (isLink && !isLoadingButton) {
+      hasVariant.link = true;
+      j(element).replaceWith(generateLinkComponent(element.node, j));
+    }
     if (isDefaultButton && !isLoadingButton) {
       hasVariant.defaultButton = true;
       j(element).replaceWith(generateNewElement(newDefaultImportSpecifiers !== null && newDefaultImportSpecifiers !== void 0 && newDefaultImportSpecifiers.length ?
@@ -209,6 +222,13 @@ var transformer = function transformer(file, api) {
       renameDefaultButtonToLegacyButtonImport(oldButtonImports, oldButtonsWithUnsupportedProps, j);
     }
   }
+  if (hasVariant.link) {
+    var linkImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier('Link'))], j.stringLiteral('@atlaskit/link'));
+    oldButtonImports.at(0).insertBefore(linkImport);
+    if (!remainingDefaultButtons && !oldButtonsWithUnsupportedProps.length) {
+      oldButtonImports.at(0).remove();
+    }
+  }
   if (specifiers.length) {
     var existingNewButtonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
       return path.node.source.value === NEW_BUTTON_ENTRY_POINT;

package/dist/esm/presets/migrate-to-new-buttons/codemods/next-remove-unsafe-size.js

@@ -1,6 +1,6 @@
 import { getImportDeclaration, hasJSXAttributes } from '@hypermod/utils';
 import { PRINT_SETTINGS, NEW_BUTTON_ENTRY_POINT, UNSAFE_SIZE_PROPS_MAP } from '../utils/constants';
-export default function (file, api) {
+function transformer(file, api) {
   var j = api.jscodeshift;
   var source = j(file.source);
 
@@ -112,4 +112,5 @@ export default function (file, api) {
     }
   });
   return source.toSource(PRINT_SETTINGS);
-}
+}
+export default transformer;

package/dist/esm/presets/migrate-to-new-buttons/migrate-to-new-buttons.js

@@ -6,6 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import splitImportsTransformer from './codemods/next-split-imports';
 import migrateToNewButtonVariantsTransformer from './codemods/next-migrate-to-new-button-variants';
 import removeUnsafeSizeTransformer from './codemods/next-remove-unsafe-size';
+import migrateLinkButtonToLinkTransformer from './codemods/next-migrate-link-button-to-link';
 export default function transformer(_x, _x2) {
   return _transformer.apply(this, arguments);
 }
@@ -15,7 +16,7 @@ function _transformer() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer, removeUnsafeSizeTransformer];
+          transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer, removeUnsafeSizeTransformer, migrateLinkButtonToLinkTransformer];
           src = file.source;
           transformers.forEach(function (transformer) {
             if (typeof src === 'undefined') {

package/dist/esm/presets/migrate-to-new-buttons/utils/find-attribute-with-value.js

@@ -0,0 +1,11 @@
+export var findJSXAttributeWithValue = function findJSXAttributeWithValue(path, attributeName, attributeValue) {
+  var _path$attributes;
+  if (!path || path.type === 'JSXSpreadAttribute') {
+    return false;
+  }
+  var attribute = path === null || path === void 0 || (_path$attributes = path.attributes) === null || _path$attributes === void 0 ? void 0 : _path$attributes.find(function (attribute) {
+    var _attribute$value;
+    return attribute.type === 'JSXAttribute' && attribute.name.name === attributeName && ((_attribute$value = attribute.value) === null || _attribute$value === void 0 ? void 0 : _attribute$value.type) === 'StringLiteral' && attribute.value.value === attributeValue;
+  });
+  return Boolean(attribute);
+};

package/dist/esm/presets/migrate-to-new-buttons/utils/generate-link-element.js

@@ -0,0 +1,34 @@
+export var modifyLinkAttributes = function modifyLinkAttributes(element, j) {
+  j(element).find(j.JSXAttribute).filter(function (path) {
+    var _path$node$value, _path$node$value2;
+    return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && path.node.value.value === 'link' || path.node.name.name === 'spacing' && ((_path$node$value2 = path.node.value) === null || _path$node$value2 === void 0 ? void 0 : _path$node$value2.type) === 'StringLiteral' && path.node.value.value === 'none';
+  }).remove();
+  j(element).find(j.JSXAttribute).filter(function (path) {
+    var _path$node$value3;
+    return path.node.name.name === 'appearance' && ((_path$node$value3 = path.node.value) === null || _path$node$value3 === void 0 ? void 0 : _path$node$value3.type) === 'StringLiteral' && path.node.value.value === 'subtle-link';
+  }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+};
+export var generateLinkComponent = function generateLinkComponent(element, j) {
+  var attributes = element.openingElement.attributes;
+  if (!element.children) {
+    return;
+  }
+  modifyLinkAttributes(element, j);
+  j(element).find(j.JSXAttribute).filter(function (attribute) {
+    var _attribute$node$value;
+    var isIconAttribute = attribute.node.name.name === 'iconBefore' || attribute.node.name.name === 'iconAfter';
+    if (((_attribute$node$value = attribute.node.value) === null || _attribute$node$value === void 0 ? void 0 : _attribute$node$value.type) === 'JSXExpressionContainer' && isIconAttribute) {
+      var iconNode = attribute.node.value;
+      if (iconNode && iconNode.type === 'JSXExpressionContainer' && iconNode.expression.type === 'JSXElement' && element.children) {
+        var icon = iconNode.expression;
+        attribute.node.name.name === 'iconBefore' ? element.children.unshift(icon) : element.children.push(icon);
+      }
+    }
+    return isIconAttribute;
+  }).remove();
+  return j.jsxElement.from({
+    openingElement: j.jsxOpeningElement(j.jsxIdentifier('Link'), attributes, false),
+    closingElement: j.jsxClosingElement(j.jsxIdentifier('Link')),
+    children: element.children
+  });
+};

package/dist/esm/presets/migrate-to-new-buttons/utils/generate-new-button-element.js

@@ -32,7 +32,6 @@ export var getIconElement = function getIconElement(iconAttr) {
 export var handleIconAttributes = function handleIconAttributes(element, j) {
   var iconRenamed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var buttonAttributes = element.openingElement.attributes;
-
   // Get iconBefore and iconAfter attributes
   var buttonIconAttributes = buttonAttributes && getIconAttributes(buttonAttributes);
   buttonIconAttributes === null || buttonIconAttributes === void 0 || buttonIconAttributes.forEach(function (iconAttribute) {
@@ -107,6 +106,12 @@ export var generateNewElement = function generateNewElement(variant, element, j)
   var attributes = element.openingElement.attributes;
   var iconAttrs = attributes && getIconAttributes(attributes);
   var isIconOrLinkIcon = variant === NEW_BUTTON_VARIANTS.icon || variant === NEW_BUTTON_VARIANTS.linkIcon;
+  if (variant === NEW_BUTTON_VARIANTS.link) {
+    j(element).find(j.JSXAttribute).filter(function (path) {
+      var _path$node$value;
+      return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'subtle-link' || path.node.value.value === 'link');
+    }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+  }
   if (isIconOrLinkIcon && iconAttrs !== null && iconAttrs !== void 0 && iconAttrs.length) {
     handleIconAttributes(element, j, true);
 

package/dist/esm/presets/migrate-to-new-buttons/utils/move-icon-value-from-link-button-to-link-children.js

@@ -0,0 +1,24 @@
+var moveIcon = function moveIcon(j, path, iconNode, beforeOrAfter) {
+  var element;
+  if (!iconNode) {
+    return;
+  }
+  if (iconNode.type === 'JSXExpressionContainer') {
+    // when iconBefore={(iconProps) => <AddIcon {...iconProps} />}
+    if (iconNode.expression.type === 'ArrowFunctionExpression' && iconNode.expression.body.type === 'JSXElement') {
+      // remove {...iconProps} spread attribute
+      element = iconNode.expression.body;
+      j(element).find(j.JSXSpreadAttribute).remove();
+      j(element).find(j.JSXAttribute).insertBefore(j.jsxAttribute(j.jsxIdentifier('label'), j.stringLiteral('')));
+    }
+
+    // when iconBefore={AddIcon}
+    if (iconNode.expression.type === 'Identifier') {
+      element = j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(iconNode.expression.name), [j.jsxAttribute(j.jsxIdentifier('label'), j.stringLiteral(''))], true));
+    }
+    if (element && path.node.children) {
+      beforeOrAfter === 'iconBefore' ? path.node.children.unshift(element) : path.node.children.push(element);
+    }
+  }
+};
+export default moveIcon;

package/dist/types/presets/migrate-to-new-buttons/codemods/next-migrate-link-button-to-link.d.ts

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

package/dist/types/presets/migrate-to-new-buttons/codemods/next-remove-unsafe-size.d.ts

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

package/dist/types/presets/migrate-to-new-buttons/utils/find-attribute-with-value.d.ts

@@ -0,0 +1,2 @@
+import { type JSXOpeningElement, type JSXSpreadAttribute } from 'jscodeshift';
+export declare const findJSXAttributeWithValue: (path: JSXOpeningElement | JSXSpreadAttribute | undefined, attributeName: string, attributeValue: string) => boolean;

package/dist/types/presets/migrate-to-new-buttons/utils/generate-link-element.d.ts

@@ -0,0 +1,3 @@
+import { type API, type JSXElement } from 'jscodeshift';
+export declare const modifyLinkAttributes: (element: JSXElement, j: API['jscodeshift']) => void;
+export declare const generateLinkComponent: (element: JSXElement, j: API['jscodeshift']) => JSXElement | undefined;

package/dist/types/presets/migrate-to-new-buttons/utils/move-icon-value-from-link-button-to-link-children.d.ts

@@ -0,0 +1,3 @@
+import { type JSXElement, type API, type JSXExpressionContainer, type ASTPath } from 'jscodeshift';
+declare const moveIcon: (j: API['jscodeshift'], path: ASTPath<JSXElement>, iconNode: JSXExpressionContainer | undefined | null, beforeOrAfter: 'iconBefore' | 'iconAfter') => void;
+export default moveIcon;

package/dist/types-ts4.5/presets/migrate-to-new-buttons/codemods/next-migrate-link-button-to-link.d.ts

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

package/dist/types-ts4.5/presets/migrate-to-new-buttons/codemods/next-remove-unsafe-size.d.ts

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

package/dist/types-ts4.5/presets/migrate-to-new-buttons/utils/find-attribute-with-value.d.ts

@@ -0,0 +1,2 @@
+import { type JSXOpeningElement, type JSXSpreadAttribute } from 'jscodeshift';
+export declare const findJSXAttributeWithValue: (path: JSXOpeningElement | JSXSpreadAttribute | undefined, attributeName: string, attributeValue: string) => boolean;

package/dist/types-ts4.5/presets/migrate-to-new-buttons/utils/generate-link-element.d.ts

@@ -0,0 +1,3 @@
+import { type API, type JSXElement } from 'jscodeshift';
+export declare const modifyLinkAttributes: (element: JSXElement, j: API['jscodeshift']) => void;
+export declare const generateLinkComponent: (element: JSXElement, j: API['jscodeshift']) => JSXElement | undefined;

package/dist/types-ts4.5/presets/migrate-to-new-buttons/utils/move-icon-value-from-link-button-to-link-children.d.ts

@@ -0,0 +1,3 @@
+import { type JSXElement, type API, type JSXExpressionContainer, type ASTPath } from 'jscodeshift';
+declare const moveIcon: (j: API['jscodeshift'], path: ASTPath<JSXElement>, iconNode: JSXExpressionContainer | undefined | null, beforeOrAfter: 'iconBefore' | 'iconAfter') => void;
+export default moveIcon;

package/package.json

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