@atlaskit/codemod-cli 0.15.0 → 0.17.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/codemod-cli
 
+## 0.17.0
+
+### Minor Changes
+
+- [#43699](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43699) [`82e6819e04b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/82e6819e04b) - Update the codemod-cli to accept custom options, e.g. `npx @atlaskit/codemod-cli --foo bar /project/src/file.js`
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.16.0
+
+### Minor Changes
+
+- [#41699](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41699) [`436fa9358ae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/436fa9358ae) - Introduces new codemod “migrate-to-new-buttons” to automate the new button migration.
+
 ## 0.15.0
 
 ### Minor Changes

package/README.md

@@ -108,6 +108,14 @@ Print all help text to the command line
 
 - `@atlaskit/codemod-cli --help`
 
+### Custom options
+
+All options are passed to the transformer, which means you can supply custom options that are not listed here.
+
+**examples:**
+
+- `npx @atlaskit/codemod-cli --foo bar /project/src/file.js`
+
 ---
 
 ## Testing locally

package/dist/cjs/main.js

@@ -160,8 +160,15 @@ var runTransform = /*#__PURE__*/function () {
           }
         case 9:
           logger.log(_chalk.default.green("Transforming files matching these extensions '".concat(_chalk.default.bold(flags.extensions), "'...")));
-          transformPath = (0, _transforms.getTransformPath)(transform); // Limit CPUs to 8 to prevent issues when running on CI with a large amount of cpus
-          args = ["--transform=".concat(transformPath), "--ignore-pattern=".concat(flags.ignorePattern), "--parser=".concat(flags.parser), "--extensions=".concat(flags.extensions), '--cpus=8'].concat((0, _toConsumableArray2.default)(codemodDirs));
+          transformPath = (0, _transforms.getTransformPath)(transform);
+          args = Object.keys(flags).reduce(function (acc, key) {
+            if (!['transform', 'parser', 'extensions', 'ignorePattern', 'logger', 'packages', 'sinceRef', 'preset', 'failOnError'].includes(key)) {
+              acc.unshift("--".concat(key, "=").concat(flags[key]));
+            }
+            return acc;
+          }, ["--transform=".concat(transformPath), "--ignore-pattern=".concat(flags.ignorePattern), "--parser=".concat(flags.parser), "--extensions=".concat(flags.extensions),
+          // Limit CPUs to 8 to prevent issues when running on CI with a large amount of cpus
+          '--cpus=8'].concat((0, _toConsumableArray2.default)(codemodDirs)));
           if (flags.failOnError) {
             args.unshift('--fail-on-error');
           }
@@ -298,7 +305,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context5.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.15.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.17.0", _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

@@ -10,12 +10,13 @@ require("./styled-to-emotion/styled-to-emotion");
 require("./theme-to-design-tokens/theme-to-design-tokens");
 require("./theme-remove-deprecated-mixins/theme-remove-deprecated-mixins");
 require("./css-to-design-tokens/css-to-design-tokens");
+require("./migrate-to-new-buttons/migrate-to-new-buttons");
 /**
  * Manually import presets to make sure typescript includes them
  * in the final bundle
  */
 
-var presets = ['styled-to-emotion', 'theme-to-design-tokens', 'theme-remove-deprecated-mixins', 'css-to-design-tokens'].map(function (preset) {
+var presets = ['styled-to-emotion', 'theme-to-design-tokens', 'theme-remove-deprecated-mixins', 'css-to-design-tokens', 'migrate-to-new-buttons'].map(function (preset) {
   return _path.default.join(__dirname, preset, "".concat(preset, ".@(ts|js|tsx)"));
 });
 var _default = exports.default = presets;

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

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../utils/constants");
+var transformer = function transformer(file, api) {
+  var j = api.jscodeshift;
+  var fileSource = j(file.source);
+  var buttonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === _constants.entryPointsMapping.Button || path.node.source.value === _constants.NEW_BUTTON_ENTRY_POINT;
+  });
+  if (!buttonImports.length) {
+    return fileSource.toSource();
+  }
+  var defaultButtonImport = buttonImports.find(j.Specifier).filter(function (path) {
+    return path.node.type === 'ImportDefaultSpecifier';
+  });
+  if (defaultButtonImport.length === 0) {
+    return fileSource.toSource();
+  }
+  var specifierIdentifier = defaultButtonImport.get(0).node.local.name;
+  var attributes = fileSource.find(j.JSXElement).filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier;
+  }).find(j.JSXAttribute);
+  var hasCustomComponent = attributes.filter(function (attribute) {
+    return attribute.node.name.name === 'component';
+  }).length > 0;
+  var hasCssProp = attributes.filter(function (attribute) {
+    return attribute.node.name.name === 'css';
+  }).length > 0;
+  if (hasCustomComponent || hasCssProp) {
+    return fileSource.toSource(_constants.PRINT_SETTINGS);
+  }
+  var checkIfVariantAlreadyImported = function checkIfVariantAlreadyImported(variant) {
+    return fileSource.find(j.ImportDeclaration).filter(function (path) {
+      return path.node.source.value === _constants.NEW_BUTTON_ENTRY_POINT;
+    }).find(j.ImportSpecifier).filter(function (path) {
+      return path.node.imported.name === variant;
+    }).length > 0;
+  };
+  var generateNewElement = function generateNewElement(variant, element) {
+    var attributes = element.openingElement.attributes;
+    if (variant === _constants.NEW_BUTTON_VARIANTS.icon.as) {
+      var attr = attributes === null || attributes === void 0 ? void 0 : attributes.filter(function (attribute) {
+        return attribute.type === 'JSXAttribute' && (attribute.name.name === 'iconBefore' || attribute.name.name === 'iconAfter');
+      });
+      if (attr !== null && attr !== void 0 && attr.length && attr[0].type === 'JSXAttribute') {
+        attr[0].name.name = 'icon';
+      }
+    }
+    // self closing if it's an icon button or icon link button
+    var isSelfClosing = variant === _constants.NEW_BUTTON_VARIANTS.icon.as || variant === _constants.NEW_BUTTON_VARIANTS.linkIcon.as;
+    return j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(variant), attributes, isSelfClosing), isSelfClosing ? null : j.jsxClosingElement(j.jsxIdentifier(variant)), element.children);
+  };
+  var hasLinkIconButton = checkIfVariantAlreadyImported(_constants.NEW_BUTTON_VARIANTS.linkIcon.import);
+  var hasLinkButton = checkIfVariantAlreadyImported(_constants.NEW_BUTTON_VARIANTS.link.import);
+  var hasIconButton = checkIfVariantAlreadyImported(_constants.NEW_BUTTON_VARIANTS.icon.import);
+  var allButtons = fileSource.find(j.JSXElement).filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier;
+  });
+  allButtons.forEach(function (element) {
+    var _element$value$childr, _element$value$childr2;
+    var attributes = element.value.openingElement.attributes;
+    if (!attributes) {
+      return;
+    }
+    var buttonAttributes = attributes.map(function (node) {
+      return node.type === 'JSXAttribute' && node.name.name;
+    });
+    var hasHref = buttonAttributes.includes('href');
+    var hasIcon = buttonAttributes.includes('iconBefore') || buttonAttributes.includes('iconAfter');
+    var isLinkIconButton = hasHref && hasIcon && ((_element$value$childr = element.value.children) === null || _element$value$childr === void 0 ? void 0 : _element$value$childr.length) === 0;
+    var isLinkButton = hasHref && !isLinkIconButton;
+    var isIconButton = !hasHref && hasIcon && ((_element$value$childr2 = element.value.children) === null || _element$value$childr2 === void 0 ? void 0 : _element$value$childr2.length) === 0;
+    if (isLinkIconButton) {
+      hasLinkIconButton = true;
+      j(element).replaceWith(generateNewElement(_constants.NEW_BUTTON_VARIANTS.linkIcon.as, element.value));
+    }
+    if (isIconButton) {
+      hasIconButton = true;
+      j(element).replaceWith(generateNewElement(_constants.NEW_BUTTON_VARIANTS.icon.as, element.value));
+    }
+    if (isLinkButton) {
+      hasLinkButton = true;
+      j(element).replaceWith(generateNewElement(_constants.NEW_BUTTON_VARIANTS.link.as, element.value));
+    }
+  });
+  var specifiers = [];
+  if (hasLinkButton) {
+    specifiers.push(j.importSpecifier(j.identifier(_constants.NEW_BUTTON_VARIANTS.link.import), j.identifier(_constants.NEW_BUTTON_VARIANTS.link.as)));
+  }
+  if (hasIconButton) {
+    specifiers.push(j.importSpecifier(j.identifier(_constants.NEW_BUTTON_VARIANTS.icon.import), j.identifier(_constants.NEW_BUTTON_VARIANTS.icon.as)));
+  }
+  if (hasLinkIconButton) {
+    specifiers.push(j.importSpecifier(j.identifier(_constants.NEW_BUTTON_VARIANTS.linkIcon.import), j.identifier(_constants.NEW_BUTTON_VARIANTS.linkIcon.as)));
+  }
+  var oldButtonImport = fileSource.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === _constants.NEW_BUTTON_ENTRY_POINT || path.node.source.value === _constants.entryPointsMapping.Button;
+  });
+  var leftButtons = fileSource.find(j.JSXElement).filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier;
+  }).length > 0 || fileSource.find(j.CallExpression).filter(function (path) {
+    return path.node.arguments.map(function (argument) {
+      return argument.type === 'Identifier' && (argument === null || argument === void 0 ? void 0 : argument.name);
+    }).includes(specifierIdentifier);
+  }).length > 0;
+  if (specifiers.length || leftButtons) {
+    if (leftButtons) {
+      specifiers.push(j.importSpecifier(j.identifier(_constants.NEW_BUTTON_VARIANTS.default.import), j.identifier(specifierIdentifier)));
+    }
+    oldButtonImport.replaceWith(j.importDeclaration(specifiers, j.stringLiteral(_constants.NEW_BUTTON_ENTRY_POINT)));
+  }
+  return fileSource.toSource(_constants.PRINT_SETTINGS);
+};
+var _default = exports.default = transformer;

package/dist/cjs/presets/migrate-to-new-buttons/codemods/next-split-imports.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("../utils/constants");
+var transformer = function transformer(file, api) {
+  var j = api.jscodeshift;
+  var fileSource = j(file.source);
+  var buttonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
+    var _path$node$source$val;
+    return (_path$node$source$val = path.node.source.value) === null || _path$node$source$val === void 0 ? void 0 : _path$node$source$val.includes('@atlaskit/button');
+  });
+  if (!buttonImports.length || buttonImports.every(function (node) {
+    return node.node.source.value !== '@atlaskit/button';
+  })) {
+    return fileSource.toSource(_constants.PRINT_SETTINGS);
+  }
+  buttonImports.forEach(function (node) {
+    var specifiers = node.node.specifiers;
+    var defaultSpecifier = specifiers === null || specifiers === void 0 ? void 0 : specifiers.find(function (specifier) {
+      return specifier.type === 'ImportDefaultSpecifier';
+    });
+    if (defaultSpecifier && defaultSpecifier.local) {
+      var defaultButtonImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier(defaultSpecifier.local.name))], j.stringLiteral(_constants.entryPointsMapping.Button));
+      j(node).insertAfter(defaultButtonImport);
+    }
+    var defaultTypeSpecifiers = specifiers === null || specifiers === void 0 ? void 0 : specifiers.filter(function (specifier) {
+      return specifier.importKind === 'type';
+    });
+    if (defaultTypeSpecifiers !== null && defaultTypeSpecifiers !== void 0 && defaultTypeSpecifiers.length) {
+      var typeImport = j.importDeclaration(defaultTypeSpecifiers, j.stringLiteral('@atlaskit/button/types'));
+      j(node).insertAfter(typeImport);
+    }
+    var valueSpecifiers = specifiers === null || specifiers === void 0 ? void 0 : specifiers.filter(function (specifier) {
+      return specifier.type === 'ImportSpecifier';
+    });
+    var otherTypeSpecifiers = valueSpecifiers === null || valueSpecifiers === void 0 ? void 0 : valueSpecifiers.filter(function (specifier) {
+      return _constants.BUTTON_TYPES.includes(specifier.imported.name);
+    });
+    if (otherTypeSpecifiers !== null && otherTypeSpecifiers !== void 0 && otherTypeSpecifiers.length) {
+      var _typeImport = j.importDeclaration(otherTypeSpecifiers, j.stringLiteral('@atlaskit/button'));
+      j(node).insertAfter(_typeImport);
+    }
+    if (valueSpecifiers !== null && valueSpecifiers !== void 0 && valueSpecifiers.length) {
+      valueSpecifiers.forEach(function (specifier) {
+        if (specifier.local && specifier.type === 'ImportSpecifier' && specifier.local.name && _constants.entryPointsMapping[specifier.imported.name]) {
+          var newImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier(specifier.local.name))], j.stringLiteral(_constants.entryPointsMapping[specifier.imported.name]));
+          j(node).insertAfter(newImport);
+        }
+      });
+    }
+    j(node).remove();
+  });
+  return fileSource.toSource(_constants.PRINT_SETTINGS);
+};
+var _default = exports.default = transformer;

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

@@ -0,0 +1,45 @@
+"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 _nextSplitImports = _interopRequireDefault(require("./codemods/next-split-imports"));
+var _nextMigrateToNewButtonVariants = _interopRequireDefault(require("./codemods/next-migrate-to-new-button-variants"));
+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 = [_nextSplitImports.default, _nextMigrateToNewButtonVariants.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/cjs/presets/migrate-to-new-buttons/utils/constants.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.entryPointsMapping = exports.PRINT_SETTINGS = exports.NEW_BUTTON_VARIANTS = exports.NEW_BUTTON_ENTRY_POINT = exports.BUTTON_TYPES = void 0;
+var PRINT_SETTINGS = exports.PRINT_SETTINGS = {
+  quote: 'single'
+};
+var NEW_BUTTON_VARIANTS = exports.NEW_BUTTON_VARIANTS = {
+  default: {
+    import: 'UNSAFE_BUTTON',
+    as: 'Button'
+  },
+  link: {
+    import: 'UNSAFE_LINK_BUTTON',
+    as: 'LinkButton'
+  },
+  icon: {
+    import: 'UNSAFE_ICON_BUTTON',
+    as: 'IconButton'
+  },
+  linkIcon: {
+    import: 'UNSAFE_LINK_ICON_BUTTON',
+    as: 'LinkIconButton'
+  }
+};
+var NEW_BUTTON_ENTRY_POINT = exports.NEW_BUTTON_ENTRY_POINT = '@atlaskit/button/unsafe';
+var entryPointsMapping = exports.entryPointsMapping = {
+  Button: '@atlaskit/button/standard-button',
+  LoadingButton: '@atlaskit/button/loading-button',
+  ButtonGroup: '@atlaskit/button/button-group',
+  CustomThemeButton: '@atlaskit/button/custom-theme-button'
+};
+var BUTTON_TYPES = exports.BUTTON_TYPES = ['Appearance', 'Spacing', 'BaseOwnProps', 'BaseProps', 'ButtonProps', 'LoadingButtonProps', 'LoadingButtonOwnProps', 'ThemeTokens', 'ThemeProps', 'InteractionState', 'CustomThemeButtonProps', 'CustomThemeButtonOwnProps'];

package/dist/es2019/main.js

@@ -89,9 +89,14 @@ const runTransform = async (filePaths, transform, flags) => {
   }
   logger.log(chalk.green(`Transforming files matching these extensions '${chalk.bold(flags.extensions)}'...`));
   const transformPath = getTransformPath(transform);
-
+  const args = Object.keys(flags).reduce((acc, key) => {
+    if (!['transform', 'parser', 'extensions', 'ignorePattern', 'logger', 'packages', 'sinceRef', 'preset', 'failOnError'].includes(key)) {
+      acc.unshift(`--${key}=${flags[key]}`);
+    }
+    return acc;
+  }, [`--transform=${transformPath}`, `--ignore-pattern=${flags.ignorePattern}`, `--parser=${flags.parser}`, `--extensions=${flags.extensions}`,
   // Limit CPUs to 8 to prevent issues when running on CI with a large amount of cpus
-  const args = [`--transform=${transformPath}`, `--ignore-pattern=${flags.ignorePattern}`, `--parser=${flags.parser}`, `--extensions=${flags.extensions}`, '--cpus=8', ...codemodDirs];
+  '--cpus=8', ...codemodDirs]);
   if (flags.failOnError) {
     args.unshift('--fail-on-error');
   }

package/dist/es2019/presets/index.js

@@ -8,5 +8,6 @@ import './styled-to-emotion/styled-to-emotion';
 import './theme-to-design-tokens/theme-to-design-tokens';
 import './theme-remove-deprecated-mixins/theme-remove-deprecated-mixins';
 import './css-to-design-tokens/css-to-design-tokens';
-const presets = ['styled-to-emotion', 'theme-to-design-tokens', 'theme-remove-deprecated-mixins', 'css-to-design-tokens'].map(preset => path.join(__dirname, preset, `${preset}.@(ts|js|tsx)`));
+import './migrate-to-new-buttons/migrate-to-new-buttons';
+const presets = ['styled-to-emotion', 'theme-to-design-tokens', 'theme-remove-deprecated-mixins', 'css-to-design-tokens', 'migrate-to-new-buttons'].map(preset => path.join(__dirname, preset, `${preset}.@(ts|js|tsx)`));
 export default presets;

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

@@ -0,0 +1,86 @@
+import { PRINT_SETTINGS, NEW_BUTTON_VARIANTS, entryPointsMapping, NEW_BUTTON_ENTRY_POINT } from '../utils/constants';
+const transformer = (file, api) => {
+  const j = api.jscodeshift;
+  const fileSource = j(file.source);
+  const buttonImports = fileSource.find(j.ImportDeclaration).filter(path => path.node.source.value === entryPointsMapping.Button || path.node.source.value === NEW_BUTTON_ENTRY_POINT);
+  if (!buttonImports.length) {
+    return fileSource.toSource();
+  }
+  const defaultButtonImport = buttonImports.find(j.Specifier).filter(path => path.node.type === 'ImportDefaultSpecifier');
+  if (defaultButtonImport.length === 0) {
+    return fileSource.toSource();
+  }
+  const specifierIdentifier = defaultButtonImport.get(0).node.local.name;
+  const attributes = fileSource.find(j.JSXElement).filter(path => path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier).find(j.JSXAttribute);
+  const hasCustomComponent = attributes.filter(attribute => attribute.node.name.name === 'component').length > 0;
+  const hasCssProp = attributes.filter(attribute => attribute.node.name.name === 'css').length > 0;
+  if (hasCustomComponent || hasCssProp) {
+    return fileSource.toSource(PRINT_SETTINGS);
+  }
+  const checkIfVariantAlreadyImported = variant => fileSource.find(j.ImportDeclaration).filter(path => path.node.source.value === NEW_BUTTON_ENTRY_POINT).find(j.ImportSpecifier).filter(path => path.node.imported.name === variant).length > 0;
+  const generateNewElement = (variant, element) => {
+    const {
+      attributes
+    } = element.openingElement;
+    if (variant === NEW_BUTTON_VARIANTS.icon.as) {
+      const attr = attributes === null || attributes === void 0 ? void 0 : attributes.filter(attribute => attribute.type === 'JSXAttribute' && (attribute.name.name === 'iconBefore' || attribute.name.name === 'iconAfter'));
+      if (attr !== null && attr !== void 0 && attr.length && attr[0].type === 'JSXAttribute') {
+        attr[0].name.name = 'icon';
+      }
+    }
+    // self closing if it's an icon button or icon link button
+    const isSelfClosing = variant === NEW_BUTTON_VARIANTS.icon.as || variant === NEW_BUTTON_VARIANTS.linkIcon.as;
+    return j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(variant), attributes, isSelfClosing), isSelfClosing ? null : j.jsxClosingElement(j.jsxIdentifier(variant)), element.children);
+  };
+  let hasLinkIconButton = checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.linkIcon.import);
+  let hasLinkButton = checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.link.import);
+  let hasIconButton = checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.icon.import);
+  const allButtons = fileSource.find(j.JSXElement).filter(path => path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier);
+  allButtons.forEach(element => {
+    var _element$value$childr, _element$value$childr2;
+    const {
+      attributes
+    } = element.value.openingElement;
+    if (!attributes) {
+      return;
+    }
+    const buttonAttributes = attributes.map(node => node.type === 'JSXAttribute' && node.name.name);
+    const hasHref = buttonAttributes.includes('href');
+    const hasIcon = buttonAttributes.includes('iconBefore') || buttonAttributes.includes('iconAfter');
+    const isLinkIconButton = hasHref && hasIcon && ((_element$value$childr = element.value.children) === null || _element$value$childr === void 0 ? void 0 : _element$value$childr.length) === 0;
+    const isLinkButton = hasHref && !isLinkIconButton;
+    const isIconButton = !hasHref && hasIcon && ((_element$value$childr2 = element.value.children) === null || _element$value$childr2 === void 0 ? void 0 : _element$value$childr2.length) === 0;
+    if (isLinkIconButton) {
+      hasLinkIconButton = true;
+      j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.linkIcon.as, element.value));
+    }
+    if (isIconButton) {
+      hasIconButton = true;
+      j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.icon.as, element.value));
+    }
+    if (isLinkButton) {
+      hasLinkButton = true;
+      j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.link.as, element.value));
+    }
+  });
+  const specifiers = [];
+  if (hasLinkButton) {
+    specifiers.push(j.importSpecifier(j.identifier(NEW_BUTTON_VARIANTS.link.import), j.identifier(NEW_BUTTON_VARIANTS.link.as)));
+  }
+  if (hasIconButton) {
+    specifiers.push(j.importSpecifier(j.identifier(NEW_BUTTON_VARIANTS.icon.import), j.identifier(NEW_BUTTON_VARIANTS.icon.as)));
+  }
+  if (hasLinkIconButton) {
+    specifiers.push(j.importSpecifier(j.identifier(NEW_BUTTON_VARIANTS.linkIcon.import), j.identifier(NEW_BUTTON_VARIANTS.linkIcon.as)));
+  }
+  const oldButtonImport = fileSource.find(j.ImportDeclaration).filter(path => path.node.source.value === NEW_BUTTON_ENTRY_POINT || path.node.source.value === entryPointsMapping.Button);
+  const leftButtons = fileSource.find(j.JSXElement).filter(path => path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier).length > 0 || fileSource.find(j.CallExpression).filter(path => path.node.arguments.map(argument => argument.type === 'Identifier' && (argument === null || argument === void 0 ? void 0 : argument.name)).includes(specifierIdentifier)).length > 0;
+  if (specifiers.length || leftButtons) {
+    if (leftButtons) {
+      specifiers.push(j.importSpecifier(j.identifier(NEW_BUTTON_VARIANTS.default.import), j.identifier(specifierIdentifier)));
+    }
+    oldButtonImport.replaceWith(j.importDeclaration(specifiers, j.stringLiteral(NEW_BUTTON_ENTRY_POINT)));
+  }
+  return fileSource.toSource(PRINT_SETTINGS);
+};
+export default transformer;

package/dist/es2019/presets/migrate-to-new-buttons/codemods/next-split-imports.js

@@ -0,0 +1,44 @@
+import { PRINT_SETTINGS, entryPointsMapping, BUTTON_TYPES } from '../utils/constants';
+const transformer = (file, api) => {
+  const j = api.jscodeshift;
+  const fileSource = j(file.source);
+  const buttonImports = fileSource.find(j.ImportDeclaration).filter(path => {
+    var _path$node$source$val;
+    return (_path$node$source$val = path.node.source.value) === null || _path$node$source$val === void 0 ? void 0 : _path$node$source$val.includes('@atlaskit/button');
+  });
+  if (!buttonImports.length || buttonImports.every(node => node.node.source.value !== '@atlaskit/button')) {
+    return fileSource.toSource(PRINT_SETTINGS);
+  }
+  buttonImports.forEach(node => {
+    const {
+      specifiers
+    } = node.node;
+    const defaultSpecifier = specifiers === null || specifiers === void 0 ? void 0 : specifiers.find(specifier => specifier.type === 'ImportDefaultSpecifier');
+    if (defaultSpecifier && defaultSpecifier.local) {
+      const defaultButtonImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier(defaultSpecifier.local.name))], j.stringLiteral(entryPointsMapping.Button));
+      j(node).insertAfter(defaultButtonImport);
+    }
+    const defaultTypeSpecifiers = specifiers === null || specifiers === void 0 ? void 0 : specifiers.filter(specifier => specifier.importKind === 'type');
+    if (defaultTypeSpecifiers !== null && defaultTypeSpecifiers !== void 0 && defaultTypeSpecifiers.length) {
+      const typeImport = j.importDeclaration(defaultTypeSpecifiers, j.stringLiteral('@atlaskit/button/types'));
+      j(node).insertAfter(typeImport);
+    }
+    const valueSpecifiers = specifiers === null || specifiers === void 0 ? void 0 : specifiers.filter(specifier => specifier.type === 'ImportSpecifier');
+    const otherTypeSpecifiers = valueSpecifiers === null || valueSpecifiers === void 0 ? void 0 : valueSpecifiers.filter(specifier => BUTTON_TYPES.includes(specifier.imported.name));
+    if (otherTypeSpecifiers !== null && otherTypeSpecifiers !== void 0 && otherTypeSpecifiers.length) {
+      const typeImport = j.importDeclaration(otherTypeSpecifiers, j.stringLiteral('@atlaskit/button'));
+      j(node).insertAfter(typeImport);
+    }
+    if (valueSpecifiers !== null && valueSpecifiers !== void 0 && valueSpecifiers.length) {
+      valueSpecifiers.forEach(specifier => {
+        if (specifier.local && specifier.type === 'ImportSpecifier' && specifier.local.name && entryPointsMapping[specifier.imported.name]) {
+          const newImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier(specifier.local.name))], j.stringLiteral(entryPointsMapping[specifier.imported.name]));
+          j(node).insertAfter(newImport);
+        }
+      });
+    }
+    j(node).remove();
+  });
+  return fileSource.toSource(PRINT_SETTINGS);
+};
+export default transformer;

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

@@ -0,0 +1,19 @@
+import splitImportsTransformer from './codemods/next-split-imports';
+import migrateToNewButtonVariantsTransformer from './codemods/next-migrate-to-new-button-variants';
+export default async function transformer(file, api) {
+  const transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer];
+  let src = file.source;
+  transformers.forEach(transformer => {
+    if (typeof src === 'undefined') {
+      return;
+    }
+    const nextSrc = transformer({
+      ...file,
+      source: src
+    }, api);
+    if (nextSrc) {
+      src = nextSrc;
+    }
+  });
+  return src;
+}

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

@@ -0,0 +1,29 @@
+export const PRINT_SETTINGS = {
+  quote: 'single'
+};
+export const NEW_BUTTON_VARIANTS = {
+  default: {
+    import: 'UNSAFE_BUTTON',
+    as: 'Button'
+  },
+  link: {
+    import: 'UNSAFE_LINK_BUTTON',
+    as: 'LinkButton'
+  },
+  icon: {
+    import: 'UNSAFE_ICON_BUTTON',
+    as: 'IconButton'
+  },
+  linkIcon: {
+    import: 'UNSAFE_LINK_ICON_BUTTON',
+    as: 'LinkIconButton'
+  }
+};
+export const NEW_BUTTON_ENTRY_POINT = '@atlaskit/button/unsafe';
+export const entryPointsMapping = {
+  Button: '@atlaskit/button/standard-button',
+  LoadingButton: '@atlaskit/button/loading-button',
+  ButtonGroup: '@atlaskit/button/button-group',
+  CustomThemeButton: '@atlaskit/button/custom-theme-button'
+};
+export const BUTTON_TYPES = ['Appearance', 'Spacing', 'BaseOwnProps', 'BaseProps', 'ButtonProps', 'LoadingButtonProps', 'LoadingButtonOwnProps', 'ThemeTokens', 'ThemeProps', 'InteractionState', 'CustomThemeButtonProps', 'CustomThemeButtonOwnProps'];

package/dist/esm/main.js

@@ -153,8 +153,15 @@ var runTransform = /*#__PURE__*/function () {
           }
         case 9:
           logger.log(chalk.green("Transforming files matching these extensions '".concat(chalk.bold(flags.extensions), "'...")));
-          transformPath = getTransformPath(transform); // Limit CPUs to 8 to prevent issues when running on CI with a large amount of cpus
-          args = ["--transform=".concat(transformPath), "--ignore-pattern=".concat(flags.ignorePattern), "--parser=".concat(flags.parser), "--extensions=".concat(flags.extensions), '--cpus=8'].concat(_toConsumableArray(codemodDirs));
+          transformPath = getTransformPath(transform);
+          args = Object.keys(flags).reduce(function (acc, key) {
+            if (!['transform', 'parser', 'extensions', 'ignorePattern', 'logger', 'packages', 'sinceRef', 'preset', 'failOnError'].includes(key)) {
+              acc.unshift("--".concat(key, "=").concat(flags[key]));
+            }
+            return acc;
+          }, ["--transform=".concat(transformPath), "--ignore-pattern=".concat(flags.ignorePattern), "--parser=".concat(flags.parser), "--extensions=".concat(flags.extensions),
+          // Limit CPUs to 8 to prevent issues when running on CI with a large amount of cpus
+          '--cpus=8'].concat(_toConsumableArray(codemodDirs)));
           if (flags.failOnError) {
             args.unshift('--fail-on-error');
           }
@@ -291,7 +298,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context5.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.15.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.17.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
           logger.log(chalk.bgBlue(chalk.black("\uD83D\uDCDA Atlassian-Frontend codemod library @ ".concat(_PACKAGE_VERSION_, " \uD83D\uDCDA"))));
           if (packages && packages.length > 0) {
             logger.log(chalk.gray("Searching for codemods for newer versions of the following packages: ".concat(packages.map(function (pkg) {

package/dist/esm/presets/index.js

@@ -8,7 +8,8 @@ import './styled-to-emotion/styled-to-emotion';
 import './theme-to-design-tokens/theme-to-design-tokens';
 import './theme-remove-deprecated-mixins/theme-remove-deprecated-mixins';
 import './css-to-design-tokens/css-to-design-tokens';
-var presets = ['styled-to-emotion', 'theme-to-design-tokens', 'theme-remove-deprecated-mixins', 'css-to-design-tokens'].map(function (preset) {
+import './migrate-to-new-buttons/migrate-to-new-buttons';
+var presets = ['styled-to-emotion', 'theme-to-design-tokens', 'theme-remove-deprecated-mixins', 'css-to-design-tokens', 'migrate-to-new-buttons'].map(function (preset) {
   return path.join(__dirname, preset, "".concat(preset, ".@(ts|js|tsx)"));
 });
 export default presets;

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

@@ -0,0 +1,112 @@
+import { PRINT_SETTINGS, NEW_BUTTON_VARIANTS, entryPointsMapping, NEW_BUTTON_ENTRY_POINT } from '../utils/constants';
+var transformer = function transformer(file, api) {
+  var j = api.jscodeshift;
+  var fileSource = j(file.source);
+  var buttonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === entryPointsMapping.Button || path.node.source.value === NEW_BUTTON_ENTRY_POINT;
+  });
+  if (!buttonImports.length) {
+    return fileSource.toSource();
+  }
+  var defaultButtonImport = buttonImports.find(j.Specifier).filter(function (path) {
+    return path.node.type === 'ImportDefaultSpecifier';
+  });
+  if (defaultButtonImport.length === 0) {
+    return fileSource.toSource();
+  }
+  var specifierIdentifier = defaultButtonImport.get(0).node.local.name;
+  var attributes = fileSource.find(j.JSXElement).filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier;
+  }).find(j.JSXAttribute);
+  var hasCustomComponent = attributes.filter(function (attribute) {
+    return attribute.node.name.name === 'component';
+  }).length > 0;
+  var hasCssProp = attributes.filter(function (attribute) {
+    return attribute.node.name.name === 'css';
+  }).length > 0;
+  if (hasCustomComponent || hasCssProp) {
+    return fileSource.toSource(PRINT_SETTINGS);
+  }
+  var checkIfVariantAlreadyImported = function checkIfVariantAlreadyImported(variant) {
+    return fileSource.find(j.ImportDeclaration).filter(function (path) {
+      return path.node.source.value === NEW_BUTTON_ENTRY_POINT;
+    }).find(j.ImportSpecifier).filter(function (path) {
+      return path.node.imported.name === variant;
+    }).length > 0;
+  };
+  var generateNewElement = function generateNewElement(variant, element) {
+    var attributes = element.openingElement.attributes;
+    if (variant === NEW_BUTTON_VARIANTS.icon.as) {
+      var attr = attributes === null || attributes === void 0 ? void 0 : attributes.filter(function (attribute) {
+        return attribute.type === 'JSXAttribute' && (attribute.name.name === 'iconBefore' || attribute.name.name === 'iconAfter');
+      });
+      if (attr !== null && attr !== void 0 && attr.length && attr[0].type === 'JSXAttribute') {
+        attr[0].name.name = 'icon';
+      }
+    }
+    // self closing if it's an icon button or icon link button
+    var isSelfClosing = variant === NEW_BUTTON_VARIANTS.icon.as || variant === NEW_BUTTON_VARIANTS.linkIcon.as;
+    return j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(variant), attributes, isSelfClosing), isSelfClosing ? null : j.jsxClosingElement(j.jsxIdentifier(variant)), element.children);
+  };
+  var hasLinkIconButton = checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.linkIcon.import);
+  var hasLinkButton = checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.link.import);
+  var hasIconButton = checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.icon.import);
+  var allButtons = fileSource.find(j.JSXElement).filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier;
+  });
+  allButtons.forEach(function (element) {
+    var _element$value$childr, _element$value$childr2;
+    var attributes = element.value.openingElement.attributes;
+    if (!attributes) {
+      return;
+    }
+    var buttonAttributes = attributes.map(function (node) {
+      return node.type === 'JSXAttribute' && node.name.name;
+    });
+    var hasHref = buttonAttributes.includes('href');
+    var hasIcon = buttonAttributes.includes('iconBefore') || buttonAttributes.includes('iconAfter');
+    var isLinkIconButton = hasHref && hasIcon && ((_element$value$childr = element.value.children) === null || _element$value$childr === void 0 ? void 0 : _element$value$childr.length) === 0;
+    var isLinkButton = hasHref && !isLinkIconButton;
+    var isIconButton = !hasHref && hasIcon && ((_element$value$childr2 = element.value.children) === null || _element$value$childr2 === void 0 ? void 0 : _element$value$childr2.length) === 0;
+    if (isLinkIconButton) {
+      hasLinkIconButton = true;
+      j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.linkIcon.as, element.value));
+    }
+    if (isIconButton) {
+      hasIconButton = true;
+      j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.icon.as, element.value));
+    }
+    if (isLinkButton) {
+      hasLinkButton = true;
+      j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.link.as, element.value));
+    }
+  });
+  var specifiers = [];
+  if (hasLinkButton) {
+    specifiers.push(j.importSpecifier(j.identifier(NEW_BUTTON_VARIANTS.link.import), j.identifier(NEW_BUTTON_VARIANTS.link.as)));
+  }
+  if (hasIconButton) {
+    specifiers.push(j.importSpecifier(j.identifier(NEW_BUTTON_VARIANTS.icon.import), j.identifier(NEW_BUTTON_VARIANTS.icon.as)));
+  }
+  if (hasLinkIconButton) {
+    specifiers.push(j.importSpecifier(j.identifier(NEW_BUTTON_VARIANTS.linkIcon.import), j.identifier(NEW_BUTTON_VARIANTS.linkIcon.as)));
+  }
+  var oldButtonImport = fileSource.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === NEW_BUTTON_ENTRY_POINT || path.node.source.value === entryPointsMapping.Button;
+  });
+  var leftButtons = fileSource.find(j.JSXElement).filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier;
+  }).length > 0 || fileSource.find(j.CallExpression).filter(function (path) {
+    return path.node.arguments.map(function (argument) {
+      return argument.type === 'Identifier' && (argument === null || argument === void 0 ? void 0 : argument.name);
+    }).includes(specifierIdentifier);
+  }).length > 0;
+  if (specifiers.length || leftButtons) {
+    if (leftButtons) {
+      specifiers.push(j.importSpecifier(j.identifier(NEW_BUTTON_VARIANTS.default.import), j.identifier(specifierIdentifier)));
+    }
+    oldButtonImport.replaceWith(j.importDeclaration(specifiers, j.stringLiteral(NEW_BUTTON_ENTRY_POINT)));
+  }
+  return fileSource.toSource(PRINT_SETTINGS);
+};
+export default transformer;

package/dist/esm/presets/migrate-to-new-buttons/codemods/next-split-imports.js

@@ -0,0 +1,52 @@
+import { PRINT_SETTINGS, entryPointsMapping, BUTTON_TYPES } from '../utils/constants';
+var transformer = function transformer(file, api) {
+  var j = api.jscodeshift;
+  var fileSource = j(file.source);
+  var buttonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
+    var _path$node$source$val;
+    return (_path$node$source$val = path.node.source.value) === null || _path$node$source$val === void 0 ? void 0 : _path$node$source$val.includes('@atlaskit/button');
+  });
+  if (!buttonImports.length || buttonImports.every(function (node) {
+    return node.node.source.value !== '@atlaskit/button';
+  })) {
+    return fileSource.toSource(PRINT_SETTINGS);
+  }
+  buttonImports.forEach(function (node) {
+    var specifiers = node.node.specifiers;
+    var defaultSpecifier = specifiers === null || specifiers === void 0 ? void 0 : specifiers.find(function (specifier) {
+      return specifier.type === 'ImportDefaultSpecifier';
+    });
+    if (defaultSpecifier && defaultSpecifier.local) {
+      var defaultButtonImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier(defaultSpecifier.local.name))], j.stringLiteral(entryPointsMapping.Button));
+      j(node).insertAfter(defaultButtonImport);
+    }
+    var defaultTypeSpecifiers = specifiers === null || specifiers === void 0 ? void 0 : specifiers.filter(function (specifier) {
+      return specifier.importKind === 'type';
+    });
+    if (defaultTypeSpecifiers !== null && defaultTypeSpecifiers !== void 0 && defaultTypeSpecifiers.length) {
+      var typeImport = j.importDeclaration(defaultTypeSpecifiers, j.stringLiteral('@atlaskit/button/types'));
+      j(node).insertAfter(typeImport);
+    }
+    var valueSpecifiers = specifiers === null || specifiers === void 0 ? void 0 : specifiers.filter(function (specifier) {
+      return specifier.type === 'ImportSpecifier';
+    });
+    var otherTypeSpecifiers = valueSpecifiers === null || valueSpecifiers === void 0 ? void 0 : valueSpecifiers.filter(function (specifier) {
+      return BUTTON_TYPES.includes(specifier.imported.name);
+    });
+    if (otherTypeSpecifiers !== null && otherTypeSpecifiers !== void 0 && otherTypeSpecifiers.length) {
+      var _typeImport = j.importDeclaration(otherTypeSpecifiers, j.stringLiteral('@atlaskit/button'));
+      j(node).insertAfter(_typeImport);
+    }
+    if (valueSpecifiers !== null && valueSpecifiers !== void 0 && valueSpecifiers.length) {
+      valueSpecifiers.forEach(function (specifier) {
+        if (specifier.local && specifier.type === 'ImportSpecifier' && specifier.local.name && entryPointsMapping[specifier.imported.name]) {
+          var newImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier(specifier.local.name))], j.stringLiteral(entryPointsMapping[specifier.imported.name]));
+          j(node).insertAfter(newImport);
+        }
+      });
+    }
+    j(node).remove();
+  });
+  return fileSource.toSource(PRINT_SETTINGS);
+};
+export default transformer;

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

@@ -0,0 +1,38 @@
+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 splitImportsTransformer from './codemods/next-split-imports';
+import migrateToNewButtonVariantsTransformer from './codemods/next-migrate-to-new-button-variants';
+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 = [splitImportsTransformer, migrateToNewButtonVariantsTransformer];
+          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/esm/presets/migrate-to-new-buttons/utils/constants.js

@@ -0,0 +1,29 @@
+export var PRINT_SETTINGS = {
+  quote: 'single'
+};
+export var NEW_BUTTON_VARIANTS = {
+  default: {
+    import: 'UNSAFE_BUTTON',
+    as: 'Button'
+  },
+  link: {
+    import: 'UNSAFE_LINK_BUTTON',
+    as: 'LinkButton'
+  },
+  icon: {
+    import: 'UNSAFE_ICON_BUTTON',
+    as: 'IconButton'
+  },
+  linkIcon: {
+    import: 'UNSAFE_LINK_ICON_BUTTON',
+    as: 'LinkIconButton'
+  }
+};
+export var NEW_BUTTON_ENTRY_POINT = '@atlaskit/button/unsafe';
+export var entryPointsMapping = {
+  Button: '@atlaskit/button/standard-button',
+  LoadingButton: '@atlaskit/button/loading-button',
+  ButtonGroup: '@atlaskit/button/button-group',
+  CustomThemeButton: '@atlaskit/button/custom-theme-button'
+};
+export var BUTTON_TYPES = ['Appearance', 'Spacing', 'BaseOwnProps', 'BaseProps', 'ButtonProps', 'LoadingButtonProps', 'LoadingButtonOwnProps', 'ThemeTokens', 'ThemeProps', 'InteractionState', 'CustomThemeButtonProps', 'CustomThemeButtonOwnProps'];

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

@@ -6,5 +6,6 @@ import './styled-to-emotion/styled-to-emotion';
 import './theme-to-design-tokens/theme-to-design-tokens';
 import './theme-remove-deprecated-mixins/theme-remove-deprecated-mixins';
 import './css-to-design-tokens/css-to-design-tokens';
+import './migrate-to-new-buttons/migrate-to-new-buttons';
 declare const presets: string[];
 export default presets;

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

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

package/dist/types/presets/migrate-to-new-buttons/codemods/next-split-imports.d.ts

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

package/dist/types/presets/migrate-to-new-buttons/migrate-to-new-buttons.d.ts

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

package/dist/types/presets/migrate-to-new-buttons/utils/constants.d.ts

@@ -0,0 +1,14 @@
+export declare const PRINT_SETTINGS: {
+    quote: "single";
+};
+export declare const NEW_BUTTON_VARIANTS: {
+    [key: string]: {
+        import: string;
+        as: string;
+    };
+};
+export declare const NEW_BUTTON_ENTRY_POINT = "@atlaskit/button/unsafe";
+export declare const entryPointsMapping: {
+    [key: string]: string;
+};
+export declare const BUTTON_TYPES: string[];

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

@@ -6,5 +6,6 @@ import './styled-to-emotion/styled-to-emotion';
 import './theme-to-design-tokens/theme-to-design-tokens';
 import './theme-remove-deprecated-mixins/theme-remove-deprecated-mixins';
 import './css-to-design-tokens/css-to-design-tokens';
+import './migrate-to-new-buttons/migrate-to-new-buttons';
 declare const presets: string[];
 export default presets;

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

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

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

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

package/dist/types-ts4.5/presets/migrate-to-new-buttons/migrate-to-new-buttons.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/migrate-to-new-buttons/utils/constants.d.ts

@@ -0,0 +1,14 @@
+export declare const PRINT_SETTINGS: {
+    quote: "single";
+};
+export declare const NEW_BUTTON_VARIANTS: {
+    [key: string]: {
+        import: string;
+        as: string;
+    };
+};
+export declare const NEW_BUTTON_ENTRY_POINT = "@atlaskit/button/unsafe";
+export declare const entryPointsMapping: {
+    [key: string]: string;
+};
+export declare const BUTTON_TYPES: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/codemod-cli",
-  "version": "0.15.0",
+  "version": "0.17.0",
   "description": "A cli for distributing codemods for atlassian-frontend components and services",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,7 +32,7 @@
     "codemod-cli": "./bin/codemod-cli.js"
   },
   "dependencies": {
-    "@atlaskit/tokens": "^1.25.0",
+    "@atlaskit/tokens": "^1.29.0",
     "@babel/runtime": "^7.0.0",
     "@codeshift/utils": "^0.2.4",
     "@types/jscodeshift": "^0.11.0",
@@ -49,6 +49,7 @@
   },
   "devDependencies": {
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@types/glob": "^7.1.3",
     "ts-node": "^10.9.1",
     "typescript": "~4.9.5"
   },