@atlaskit/codemod-cli 0.23.1 → 0.24.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/codemod-cli
 
+## 0.24.0
+
+### Minor Changes
+
+-   [#99062](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99062)
+    [`b8cd8340331d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b8cd8340331d) -
+    Add transform to move away for UNSAFE button APIs.
+
 ## 0.23.1
 
 ### Patch 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.23.1", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.24.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/migrate-to-new-buttons/codemods/next-remove-unsafe-size.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _utils = require("@hypermod/utils");
+var _constants = require("../utils/constants");
+function _default(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();
+  }
+
+  // Get all the specifyier names
+  // eg ['Button', 'IconButton', 'LinkButton', 'LinkIconButton']
+  var newButtonSpecifiers = [];
+  newButtonImportDeclarations.forEach(function (newButtonImport) {
+    if (!newButtonImport.value.specifiers) {
+      return;
+    }
+    newButtonImport.value.specifiers.map(function (specifier) {
+      if (specifier.local && specifier.local.name) {
+        newButtonSpecifiers.push(specifier.local.name);
+      }
+    });
+  });
+
+  // Find all new button JSX elements with an UNSAFE size prop
+  var newButtonJXSElements = source.find(j.JSXElement)
+  // is a new button?
+  .filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && newButtonSpecifiers.includes(path.value.openingElement.name.name);
+  })
+  // has an usafe size prop?
+  .filter(function (path) {
+    return Object.keys(_constants.UNSAFE_SIZE_PROPS_MAP).some(function (unsafeSizeProp) {
+      return (0, _utils.hasJSXAttributes)(j, path, unsafeSizeProp);
+    });
+  });
+  newButtonJXSElements.forEach(function (newButtonJXSElement) {
+    var _loop = function _loop(unsafeSizeProp) {
+        var _newButtonJXSElement$;
+        var iconProp = _constants.UNSAFE_SIZE_PROPS_MAP[unsafeSizeProp];
+
+        // Get all icon attributes
+        // eg. ['iconBefore', 'iconAfter', 'icon']
+        var iconAttributes = (_newButtonJXSElement$ = newButtonJXSElement.value.openingElement.attributes) === null || _newButtonJXSElement$ === void 0 ? void 0 : _newButtonJXSElement$.filter(function (attribute) {
+          return attribute.type === 'JSXAttribute' && attribute.name.name === iconProp;
+        });
+        if (!iconAttributes) {
+          return {
+            v: void 0
+          };
+        }
+
+        // Check if render prop or bounded API
+        iconAttributes.forEach(function (iconAttribute) {
+          var _newButtonJXSElement$2, _iconAttribute$value;
+          var unsafeSizeAttribute = (_newButtonJXSElement$2 = newButtonJXSElement.value.openingElement.attributes) === null || _newButtonJXSElement$2 === void 0 ? void 0 : _newButtonJXSElement$2.find(function (attribute) {
+            return attribute.type === 'JSXAttribute' && attribute.name.name === unsafeSizeProp;
+          });
+          if (iconAttribute.type !== 'JSXAttribute' || ((_iconAttribute$value = iconAttribute.value) === null || _iconAttribute$value === void 0 ? void 0 : _iconAttribute$value.type) !== 'JSXExpressionContainer' || !unsafeSizeAttribute || unsafeSizeAttribute.type !== 'JSXAttribute') {
+            return;
+          }
+          switch (iconAttribute.value.expression.type) {
+            // We have a render prop, move the UNSAFE prop to the render prop
+            case 'ArrowFunctionExpression':
+              // TODO: we have an existing render prop, move size to there
+              break;
+
+            // We have a bounded API, move to render prop
+            case 'Identifier':
+              var iconName = iconAttribute.value.expression.name;
+
+              // Create new arrow function (renderProp)
+              iconAttribute.value = j.jsxExpressionContainer(j.arrowFunctionExpression.from({
+                params: [j.identifier('iconProps')],
+                body: j.jsxElement.from({
+                  openingElement: j.jsxOpeningElement.from({
+                    name: j.jsxIdentifier(iconName),
+                    selfClosing: true,
+                    attributes: [j.jsxSpreadAttribute.from({
+                      argument: j.identifier('iconProps')
+                    }), j.jsxAttribute.from({
+                      name: j.jsxIdentifier('size'),
+                      value: unsafeSizeAttribute.value
+                    })]
+                  })
+                })
+              }));
+              break;
+          }
+
+          // Remove the UNSAFE icon attribute
+          j(newButtonJXSElement.value.openingElement).find(j.JSXAttribute).filter(function (attribute) {
+            return attribute.value.name.name === unsafeSizeProp;
+          }).remove();
+        });
+      },
+      _ret;
+    for (var unsafeSizeProp in _constants.UNSAFE_SIZE_PROPS_MAP) {
+      _ret = _loop(unsafeSizeProp);
+      if (_ret) return _ret.v;
+    }
+  });
+  return source.toSource(_constants.PRINT_SETTINGS);
+}

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

@@ -10,6 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 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"));
+var _nextRemoveUnsafeSize = _interopRequireDefault(require("./codemods/next-remove-unsafe-size"));
 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) {
@@ -21,7 +22,7 @@ function _transformer() {
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          transformers = [_nextSplitImports.default, _nextMigrateToNewButtonVariants.default];
+          transformers = [_nextSplitImports.default, _nextMigrateToNewButtonVariants.default, _nextRemoveUnsafeSize.default];
           src = file.source;
           transformers.forEach(function (transformer) {
             if (typeof src === 'undefined') {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unsupportedProps = exports.migrateFitContainerButtonToIconButtonComment = exports.migrateFitContainerButtonToDefaultButtonComment = exports.linkButtonMissingHrefComment = exports.entryPointsMapping = exports.buttonPropsNoLongerSupportedComment = exports.PRINT_SETTINGS = exports.NEW_BUTTON_VARIANTS = exports.NEW_BUTTON_ENTRY_POINT = exports.BUTTON_TYPES = void 0;
+exports.unsupportedProps = exports.migrateFitContainerButtonToIconButtonComment = exports.migrateFitContainerButtonToDefaultButtonComment = exports.linkButtonMissingHrefComment = exports.entryPointsMapping = exports.buttonPropsNoLongerSupportedComment = exports.UNSAFE_SIZE_PROPS_MAP = 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'
 };
@@ -21,6 +21,11 @@ var entryPointsMapping = exports.entryPointsMapping = {
   CustomThemeButton: '@atlaskit/button/custom-theme-button'
 };
 var BUTTON_TYPES = exports.BUTTON_TYPES = ['BaseOwnProps', 'BaseProps', 'ButtonProps', 'LoadingButtonProps', 'LoadingButtonOwnProps', 'ThemeTokens', 'ThemeProps', 'InteractionState', 'CustomThemeButtonProps', 'CustomThemeButtonOwnProps'];
+var UNSAFE_SIZE_PROPS_MAP = exports.UNSAFE_SIZE_PROPS_MAP = {
+  UNSAFE_size: 'icon',
+  UNSAFE_iconAfter_size: 'iconAfter',
+  UNSAFE_iconBefore_size: 'iconBefore'
+};
 var unsupportedProps = exports.unsupportedProps = ['component', 'css', 'style'];
 var linkButtonMissingHrefComment = exports.linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.";
 var buttonPropsNoLongerSupportedComment = exports.buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"css\" or \"style\" prop can't be automatically migrated with codemods. Please migrate it manually.";

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

@@ -0,0 +1,89 @@
+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) {
+  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();
+  }
+
+  // Get all the specifyier names
+  // eg ['Button', 'IconButton', 'LinkButton', 'LinkIconButton']
+  const newButtonSpecifiers = [];
+  newButtonImportDeclarations.forEach(newButtonImport => {
+    if (!newButtonImport.value.specifiers) {
+      return;
+    }
+    newButtonImport.value.specifiers.map(specifier => {
+      if (specifier.local && specifier.local.name) {
+        newButtonSpecifiers.push(specifier.local.name);
+      }
+    });
+  });
+
+  // Find all new button JSX elements with an UNSAFE size prop
+  const newButtonJXSElements = source.find(j.JSXElement)
+  // is a new button?
+  .filter(path => path.value.openingElement.name.type === 'JSXIdentifier' && newButtonSpecifiers.includes(path.value.openingElement.name.name))
+  // has an usafe size prop?
+  .filter(path => Object.keys(UNSAFE_SIZE_PROPS_MAP).some(unsafeSizeProp => hasJSXAttributes(j, path, unsafeSizeProp)));
+  newButtonJXSElements.forEach(newButtonJXSElement => {
+    for (const unsafeSizeProp in UNSAFE_SIZE_PROPS_MAP) {
+      var _newButtonJXSElement$;
+      const iconProp = UNSAFE_SIZE_PROPS_MAP[unsafeSizeProp];
+
+      // Get all icon attributes
+      // eg. ['iconBefore', 'iconAfter', 'icon']
+      const iconAttributes = (_newButtonJXSElement$ = newButtonJXSElement.value.openingElement.attributes) === null || _newButtonJXSElement$ === void 0 ? void 0 : _newButtonJXSElement$.filter(attribute => attribute.type === 'JSXAttribute' && attribute.name.name === iconProp);
+      if (!iconAttributes) {
+        return;
+      }
+
+      // Check if render prop or bounded API
+      iconAttributes.forEach(iconAttribute => {
+        var _newButtonJXSElement$2, _iconAttribute$value;
+        const unsafeSizeAttribute = (_newButtonJXSElement$2 = newButtonJXSElement.value.openingElement.attributes) === null || _newButtonJXSElement$2 === void 0 ? void 0 : _newButtonJXSElement$2.find(attribute => attribute.type === 'JSXAttribute' && attribute.name.name === unsafeSizeProp);
+        if (iconAttribute.type !== 'JSXAttribute' || ((_iconAttribute$value = iconAttribute.value) === null || _iconAttribute$value === void 0 ? void 0 : _iconAttribute$value.type) !== 'JSXExpressionContainer' || !unsafeSizeAttribute || unsafeSizeAttribute.type !== 'JSXAttribute') {
+          return;
+        }
+        switch (iconAttribute.value.expression.type) {
+          // We have a render prop, move the UNSAFE prop to the render prop
+          case 'ArrowFunctionExpression':
+            // TODO: we have an existing render prop, move size to there
+            break;
+
+          // We have a bounded API, move to render prop
+          case 'Identifier':
+            const iconName = iconAttribute.value.expression.name;
+
+            // Create new arrow function (renderProp)
+            iconAttribute.value = j.jsxExpressionContainer(j.arrowFunctionExpression.from({
+              params: [j.identifier('iconProps')],
+              body: j.jsxElement.from({
+                openingElement: j.jsxOpeningElement.from({
+                  name: j.jsxIdentifier(iconName),
+                  selfClosing: true,
+                  attributes: [j.jsxSpreadAttribute.from({
+                    argument: j.identifier('iconProps')
+                  }), j.jsxAttribute.from({
+                    name: j.jsxIdentifier('size'),
+                    value: unsafeSizeAttribute.value
+                  })]
+                })
+              })
+            }));
+            break;
+        }
+
+        // Remove the UNSAFE icon attribute
+        j(newButtonJXSElement.value.openingElement).find(j.JSXAttribute).filter(attribute => attribute.value.name.name === unsafeSizeProp).remove();
+      });
+    }
+  });
+  return source.toSource(PRINT_SETTINGS);
+}

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

@@ -1,7 +1,8 @@
 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';
 export default async function transformer(file, api) {
-  const transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer];
+  const transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer, removeUnsafeSizeTransformer];
   let src = file.source;
   transformers.forEach(transformer => {
     if (typeof src === 'undefined') {

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

@@ -15,6 +15,11 @@ export const entryPointsMapping = {
   CustomThemeButton: '@atlaskit/button/custom-theme-button'
 };
 export const BUTTON_TYPES = ['BaseOwnProps', 'BaseProps', 'ButtonProps', 'LoadingButtonProps', 'LoadingButtonOwnProps', 'ThemeTokens', 'ThemeProps', 'InteractionState', 'CustomThemeButtonProps', 'CustomThemeButtonOwnProps'];
+export const UNSAFE_SIZE_PROPS_MAP = {
+  UNSAFE_size: 'icon',
+  UNSAFE_iconAfter_size: 'iconAfter',
+  UNSAFE_iconBefore_size: 'iconBefore'
+};
 export const unsupportedProps = ['component', 'css', 'style'];
 export const linkButtonMissingHrefComment = `"link" and "subtle-link" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.`;
 export const buttonPropsNoLongerSupportedComment = `Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.`;

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.23.1", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.24.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/migrate-to-new-buttons/codemods/next-remove-unsafe-size.js

@@ -0,0 +1,108 @@
+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) {
+  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();
+  }
+
+  // Get all the specifyier names
+  // eg ['Button', 'IconButton', 'LinkButton', 'LinkIconButton']
+  var newButtonSpecifiers = [];
+  newButtonImportDeclarations.forEach(function (newButtonImport) {
+    if (!newButtonImport.value.specifiers) {
+      return;
+    }
+    newButtonImport.value.specifiers.map(function (specifier) {
+      if (specifier.local && specifier.local.name) {
+        newButtonSpecifiers.push(specifier.local.name);
+      }
+    });
+  });
+
+  // Find all new button JSX elements with an UNSAFE size prop
+  var newButtonJXSElements = source.find(j.JSXElement)
+  // is a new button?
+  .filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && newButtonSpecifiers.includes(path.value.openingElement.name.name);
+  })
+  // has an usafe size prop?
+  .filter(function (path) {
+    return Object.keys(UNSAFE_SIZE_PROPS_MAP).some(function (unsafeSizeProp) {
+      return hasJSXAttributes(j, path, unsafeSizeProp);
+    });
+  });
+  newButtonJXSElements.forEach(function (newButtonJXSElement) {
+    var _loop = function _loop(unsafeSizeProp) {
+        var _newButtonJXSElement$;
+        var iconProp = UNSAFE_SIZE_PROPS_MAP[unsafeSizeProp];
+
+        // Get all icon attributes
+        // eg. ['iconBefore', 'iconAfter', 'icon']
+        var iconAttributes = (_newButtonJXSElement$ = newButtonJXSElement.value.openingElement.attributes) === null || _newButtonJXSElement$ === void 0 ? void 0 : _newButtonJXSElement$.filter(function (attribute) {
+          return attribute.type === 'JSXAttribute' && attribute.name.name === iconProp;
+        });
+        if (!iconAttributes) {
+          return {
+            v: void 0
+          };
+        }
+
+        // Check if render prop or bounded API
+        iconAttributes.forEach(function (iconAttribute) {
+          var _newButtonJXSElement$2, _iconAttribute$value;
+          var unsafeSizeAttribute = (_newButtonJXSElement$2 = newButtonJXSElement.value.openingElement.attributes) === null || _newButtonJXSElement$2 === void 0 ? void 0 : _newButtonJXSElement$2.find(function (attribute) {
+            return attribute.type === 'JSXAttribute' && attribute.name.name === unsafeSizeProp;
+          });
+          if (iconAttribute.type !== 'JSXAttribute' || ((_iconAttribute$value = iconAttribute.value) === null || _iconAttribute$value === void 0 ? void 0 : _iconAttribute$value.type) !== 'JSXExpressionContainer' || !unsafeSizeAttribute || unsafeSizeAttribute.type !== 'JSXAttribute') {
+            return;
+          }
+          switch (iconAttribute.value.expression.type) {
+            // We have a render prop, move the UNSAFE prop to the render prop
+            case 'ArrowFunctionExpression':
+              // TODO: we have an existing render prop, move size to there
+              break;
+
+            // We have a bounded API, move to render prop
+            case 'Identifier':
+              var iconName = iconAttribute.value.expression.name;
+
+              // Create new arrow function (renderProp)
+              iconAttribute.value = j.jsxExpressionContainer(j.arrowFunctionExpression.from({
+                params: [j.identifier('iconProps')],
+                body: j.jsxElement.from({
+                  openingElement: j.jsxOpeningElement.from({
+                    name: j.jsxIdentifier(iconName),
+                    selfClosing: true,
+                    attributes: [j.jsxSpreadAttribute.from({
+                      argument: j.identifier('iconProps')
+                    }), j.jsxAttribute.from({
+                      name: j.jsxIdentifier('size'),
+                      value: unsafeSizeAttribute.value
+                    })]
+                  })
+                })
+              }));
+              break;
+          }
+
+          // Remove the UNSAFE icon attribute
+          j(newButtonJXSElement.value.openingElement).find(j.JSXAttribute).filter(function (attribute) {
+            return attribute.value.name.name === unsafeSizeProp;
+          }).remove();
+        });
+      },
+      _ret;
+    for (var unsafeSizeProp in UNSAFE_SIZE_PROPS_MAP) {
+      _ret = _loop(unsafeSizeProp);
+      if (_ret) return _ret.v;
+    }
+  });
+  return source.toSource(PRINT_SETTINGS);
+}

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

@@ -5,6 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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';
+import removeUnsafeSizeTransformer from './codemods/next-remove-unsafe-size';
 export default function transformer(_x, _x2) {
   return _transformer.apply(this, arguments);
 }
@@ -14,7 +15,7 @@ function _transformer() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer];
+          transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer, removeUnsafeSizeTransformer];
           src = file.source;
           transformers.forEach(function (transformer) {
             if (typeof src === 'undefined') {

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

@@ -15,6 +15,11 @@ export var entryPointsMapping = {
   CustomThemeButton: '@atlaskit/button/custom-theme-button'
 };
 export var BUTTON_TYPES = ['BaseOwnProps', 'BaseProps', 'ButtonProps', 'LoadingButtonProps', 'LoadingButtonOwnProps', 'ThemeTokens', 'ThemeProps', 'InteractionState', 'CustomThemeButtonProps', 'CustomThemeButtonOwnProps'];
+export var UNSAFE_SIZE_PROPS_MAP = {
+  UNSAFE_size: 'icon',
+  UNSAFE_iconAfter_size: 'iconAfter',
+  UNSAFE_iconBefore_size: 'iconBefore'
+};
 export var unsupportedProps = ['component', 'css', 'style'];
 export var linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.";
 export var buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"css\" or \"style\" prop can't be automatically migrated with codemods. Please migrate it manually.";

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

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

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

@@ -9,6 +9,7 @@ export declare const entryPointsMapping: {
     [key: string]: string;
 };
 export declare const BUTTON_TYPES: string[];
+export declare const UNSAFE_SIZE_PROPS_MAP: Record<string, string>;
 export declare const unsupportedProps: string[];
 export declare const linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.";
 export declare const buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"css\" or \"style\" prop can't be automatically migrated with codemods. Please migrate it manually.";

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

@@ -1,4 +1,4 @@
-import { API, JSXElement, JSXAttribute, JSXSpreadAttribute } from 'jscodeshift';
+import { type API, type JSXElement, type JSXAttribute, type JSXSpreadAttribute } from 'jscodeshift';
 import { NEW_BUTTON_VARIANTS } from '../utils/constants';
 export declare const getIconAttributes: (attributes: (JSXAttribute | JSXSpreadAttribute)[]) => JSXAttribute[] | null;
 export declare const getIconElement: (iconAttr: JSXAttribute) => JSXElement | null;

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

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

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

@@ -9,6 +9,7 @@ export declare const entryPointsMapping: {
     [key: string]: string;
 };
 export declare const BUTTON_TYPES: string[];
+export declare const UNSAFE_SIZE_PROPS_MAP: Record<string, string>;
 export declare const unsupportedProps: string[];
 export declare const linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.";
 export declare const buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"css\" or \"style\" prop can't be automatically migrated with codemods. Please migrate it manually.";

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

@@ -1,4 +1,4 @@
-import { API, JSXElement, JSXAttribute, JSXSpreadAttribute } from 'jscodeshift';
+import { type API, type JSXElement, type JSXAttribute, type JSXSpreadAttribute } from 'jscodeshift';
 import { NEW_BUTTON_VARIANTS } from '../utils/constants';
 export declare const getIconAttributes: (attributes: (JSXAttribute | JSXSpreadAttribute)[]) => JSXAttribute[] | null;
 export declare const getIconElement: (iconAttr: JSXAttribute) => JSXElement | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/codemod-cli",
-  "version": "0.23.1",
+  "version": "0.24.0",
   "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.45.0",
+    "@atlaskit/tokens": "^1.48.0",
     "@babel/runtime": "^7.0.0",
     "@codeshift/utils": "^0.2.4",
     "@hypermod/utils": "^0.4.2",