@atlaskit/codemod-cli 0.34.9 → 1.0.0

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

@@ -10,16 +10,18 @@ var _utils = require("@hypermod/utils");
 var _codemodUtils = require("@atlaskit/codemod-utils");
 var _addCommentForCustomThemeButtons = require("../utils/add-comment-for-custom-theme-buttons");
 var _addCommentForOverlayProp = require("../utils/add-comment-for-overlay-prop");
+var _checkIfVariantAlreadyImported = require("../utils/check-if-variant-already-imported");
 var _constants = require("../utils/constants");
 var _findAttributeWithValue = require("../utils/find-attribute-with-value");
-var _generateLinkElement = require("../utils/generate-link-element");
-var _generateNewButtonElement = require("../utils/generate-new-button-element");
+var _generateLinkComponent = require("../utils/generate-link-component");
+var _generateNewElement = require("../utils/generate-new-element");
 var _getDefaultImports = _interopRequireDefault(require("../utils/get-default-imports"));
 var _getSpecifierNames = _interopRequireDefault(require("../utils/get-specifier-names"));
+var _handleIconAttributes = require("../utils/handle-icon-attributes");
 var _hasUnsupportedProps = require("../utils/has-unsupported-props");
-var _ifVariantAlreadyImported = require("../utils/if-variant-already-imported");
 var _importTypesFromNewEntryPoint = require("../utils/import-types-from-new-entry-point");
 var _migrateFitContainerIconButton = require("../utils/migrate-fit-container-icon-button");
+var _modifyButtonAttributes = require("../utils/modify-button-attributes");
 var _renameDefaultButtonToLegacyButton = require("../utils/rename-default-button-to-legacy-button");
 /* eslint-disable @repo/internal/fs/filename-pattern-match */
 
@@ -53,11 +55,11 @@ var transformer = function transformer(file, api) {
    * Initial values check if the variant is already imported in the file.
    */
   var hasVariant = {
-    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),
-    link: (0, _ifVariantAlreadyImported.checkIfVariantAlreadyImported)('link', '@atlaskit/link', fileSource, j)
+    defaultButton: (0, _checkIfVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.default, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j, true),
+    linkButton: (0, _checkIfVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.link, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j),
+    iconButton: (0, _checkIfVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.icon, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j),
+    linkIconButton: (0, _checkIfVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.linkIcon, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j),
+    link: (0, _checkIfVariantAlreadyImported.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));
@@ -96,7 +98,7 @@ var transformer = function transformer(file, api) {
     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);
+      (0, _handleIconAttributes.handleIconAttributes)(element.value, j);
     }
     if (isFitContainerIconButton) {
       var migratedToIconButton = (0, _migrateFitContainerIconButton.migrateFitContainerIconButton)(element, j);
@@ -106,16 +108,16 @@ var transformer = function transformer(file, api) {
     }
     if (isLinkIconButton && !isLoadingButton) {
       hasVariant.linkIconButton = true;
-      j(element).replaceWith((0, _generateNewButtonElement.generateNewElement)(_constants.NEW_BUTTON_VARIANTS.linkIcon, element.value, j));
+      j(element).replaceWith((0, _generateNewElement.generateNewElement)(_constants.NEW_BUTTON_VARIANTS.linkIcon, element.value, j));
     }
     if (isIconButton && !isLoadingButton) {
       hasVariant.iconButton = true;
-      j(element).replaceWith((0, _generateNewButtonElement.generateNewElement)(_constants.NEW_BUTTON_VARIANTS.icon, element.value, j));
+      j(element).replaceWith((0, _generateNewElement.generateNewElement)(_constants.NEW_BUTTON_VARIANTS.icon, element.value, j));
     }
     if (isLinkButton && !isLoadingButton) {
       var _element$node$attribu;
       hasVariant.linkButton = true;
-      j(element).replaceWith((0, _generateNewButtonElement.generateNewElement)(_constants.NEW_BUTTON_VARIANTS.link, element.value, j));
+      j(element).replaceWith((0, _generateNewElement.generateNewElement)(_constants.NEW_BUTTON_VARIANTS.link, element.value, j));
       var attribute = (_element$node$attribu = element.node.attributes) === null || _element$node$attribu === void 0 ? void 0 : _element$node$attribu.find(function (node) {
         return node.type === 'JSXAttribute' && node.name.name === 'appearance';
       });
@@ -132,16 +134,16 @@ var transformer = function transformer(file, api) {
     }
     if (isLink && !isLoadingButton) {
       hasVariant.link = true;
-      j(element).replaceWith((0, _generateLinkElement.generateLinkComponent)(element.node, j));
+      j(element).replaceWith((0, _generateLinkComponent.generateLinkComponent)(element.node, j));
     }
     if (isDefaultButton && !isLoadingButton) {
       hasVariant.defaultButton = true;
-      j(element).replaceWith((0, _generateNewButtonElement.generateNewElement)(newDefaultImportSpecifiers !== null && newDefaultImportSpecifiers !== void 0 && newDefaultImportSpecifiers.length ?
+      j(element).replaceWith((0, _generateNewElement.generateNewElement)(newDefaultImportSpecifiers !== null && newDefaultImportSpecifiers !== void 0 && newDefaultImportSpecifiers.length ?
       // If new button already has a default import, use that incase it's aliased
       newDefaultImportSpecifiers[0] : _constants.NEW_BUTTON_VARIANTS.default, element.value, j));
     }
     if (isLoadingButton) {
-      var newElement = (0, _generateNewButtonElement.generateNewElement)(_constants.NEW_BUTTON_VARIANTS[isIconButton || isLinkIconButton ? 'icon' : 'default'], element.value, j);
+      var newElement = (0, _generateNewElement.generateNewElement)(_constants.NEW_BUTTON_VARIANTS[isIconButton || isLinkIconButton ? 'icon' : 'default'], element.value, j);
       if (isIconButton || isLinkIconButton) {
         hasVariant.iconButton = true;
       } else {
@@ -183,7 +185,7 @@ var transformer = function transformer(file, api) {
       }
     } else if (!hasHref && linkAppearanceAttribute) {
       var _element$node$attribu2;
-      (0, _generateNewButtonElement.modifyButtonAttributes)(element.node, j, hasSpacingNone);
+      (0, _modifyButtonAttributes.modifyButtonAttributes)(element.node, j, hasSpacingNone);
       var _attribute = (_element$node$attribu2 = element.node.attributes) === null || _element$node$attribu2 === void 0 ? void 0 : _element$node$attribu2.find(function (node) {
         return node.type === 'JSXAttribute' && node.name.name === 'appearance';
       });

package/dist/cjs/presets/migrate-to-new-buttons/utils/check-if-variant-already-imported.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkIfVariantAlreadyImported = void 0;
+var _findVariantAlreadyImported = require("./find-variant-already-imported");
+var checkIfVariantAlreadyImported = exports.checkIfVariantAlreadyImported = function checkIfVariantAlreadyImported(variant, entryPoint, fileSource, j) {
+  var isDefaultSpecifier = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  return (0, _findVariantAlreadyImported.findVariantAlreadyImported)(variant, entryPoint, fileSource, j, isDefaultSpecifier).length > 0;
+};

package/dist/cjs/presets/migrate-to-new-buttons/utils/{if-variant-already-imported.js → find-variant-already-imported.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.findVariantAlreadyImported = exports.checkIfVariantAlreadyImported = void 0;
+exports.findVariantAlreadyImported = void 0;
 var findVariantAlreadyImported = exports.findVariantAlreadyImported = function findVariantAlreadyImported(variant, entryPoint, fileSource, j) {
   var isDefaultSpecifier = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   var imports = fileSource.find(j.ImportDeclaration).filter(function (path) {
@@ -15,8 +15,4 @@ var findVariantAlreadyImported = exports.findVariantAlreadyImported = function f
   return imports.find(j.ImportSpecifier).filter(function (path) {
     return path.node.imported.name === variant;
   });
-};
-var checkIfVariantAlreadyImported = exports.checkIfVariantAlreadyImported = function checkIfVariantAlreadyImported(variant, entryPoint, fileSource, j) {
-  var isDefaultSpecifier = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  return findVariantAlreadyImported(variant, entryPoint, fileSource, j, isDefaultSpecifier).length > 0;
 };

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

@@ -3,23 +3,14 @@
 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')));
-};
+exports.generateLinkComponent = void 0;
+var _modifyLinkAttributes = require("./modify-link-attributes");
 var generateLinkComponent = exports.generateLinkComponent = function generateLinkComponent(element, j) {
   var attributes = element.openingElement.attributes;
   if (!element.children) {
     return;
   }
-  modifyLinkAttributes(element, j);
+  (0, _modifyLinkAttributes.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';

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateNewElement = void 0;
+var _constants = require("./constants");
+var _getIconAttributes = require("./get-icon-attributes");
+var _handleIconAttributes = require("./handle-icon-attributes");
+var generateNewElement = exports.generateNewElement = function generateNewElement(variant, element, j) {
+  var attributes = element.openingElement.attributes;
+  var iconAttrs = attributes && (0, _getIconAttributes.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) {
+    (0, _handleIconAttributes.handleIconAttributes)(element, j, true);
+
+    // rename iconBefore/iconAfter to icon
+    iconAttrs[0].name.name = 'icon';
+    var ariaLabelAttr = j(element.openingElement).find(j.JSXAttribute).filter(function (attribute) {
+      return attribute.node.name.name === 'aria-label';
+    });
+    if (ariaLabelAttr.length) {
+      var hasNoLabelProp = !(attributes !== null && attributes !== void 0 && attributes.find(function (attribute) {
+        return attribute.type === 'JSXAttribute' && attribute.name.name === 'label';
+      }));
+      if (hasNoLabelProp && attributes) {
+        attributes.unshift(j.jsxAttribute.from({
+          name: j.jsxIdentifier('label'),
+          value: j.literal(ariaLabelAttr.get().value.value.value)
+        }));
+      }
+      ariaLabelAttr.remove();
+    }
+  }
+  return j.jsxElement.from({
+    openingElement: j.jsxOpeningElement(j.jsxIdentifier(variant), attributes, isIconOrLinkIcon),
+    // self closing if it's an icon button or icon link button
+    closingElement: isIconOrLinkIcon ? null : j.jsxClosingElement(j.jsxIdentifier(variant)),
+    children: element.children
+  });
+};

package/dist/cjs/presets/migrate-to-new-buttons/utils/get-icon-attributes.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIconAttributes = void 0;
+var getIconAttributes = exports.getIconAttributes = function getIconAttributes(attributes) {
+  var iconAttr = attributes === null || attributes === void 0 ? void 0 : attributes.filter(function (attribute) {
+    return attribute.type === 'JSXAttribute' && (attribute.name.name === 'iconBefore' || attribute.name.name === 'iconAfter');
+  });
+  if (iconAttr !== null && iconAttr !== void 0 && iconAttr.length) {
+    return iconAttr;
+  }
+  return null;
+};

package/dist/cjs/presets/migrate-to-new-buttons/utils/get-icon-element.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIconElement = void 0;
+var getIconElement = exports.getIconElement = function getIconElement(iconAttr) {
+  var _iconAttr$value;
+  if (iconAttr && ((_iconAttr$value = iconAttr.value) === null || _iconAttr$value === void 0 ? void 0 : _iconAttr$value.type) === 'JSXExpressionContainer' && iconAttr.value.expression.type === 'JSXElement') {
+    return iconAttr.value.expression;
+  }
+  return null;
+};

package/dist/cjs/presets/migrate-to-new-buttons/utils/handle-icon-attributes.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleIconAttributes = void 0;
+var _getIconAttributes = require("./get-icon-attributes");
+var _getIconElement = require("./get-icon-element");
+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 && (0, _getIconAttributes.getIconAttributes)(buttonAttributes);
+  buttonIconAttributes === null || buttonIconAttributes === void 0 || buttonIconAttributes.forEach(function (iconAttribute) {
+    var iconElement = (0, _getIconElement.getIconElement)(iconAttribute);
+    if (!iconElement) {
+      return;
+    }
+    var iconAttributes = iconElement.openingElement.attributes;
+    if (!Array.isArray(iconAttributes)) {
+      return;
+    }
+
+    // 1. Move label to root button element, only if label doesn't exist already. Button label
+    // takes precedence over icon label.
+
+    var buttonAlreadyHasLabelProp = buttonAttributes === null || buttonAttributes === void 0 ? void 0 : buttonAttributes.find(function (buttonAttribute) {
+      return buttonAttribute.type === 'JSXAttribute' && buttonAttribute.name.name === 'label';
+    });
+    var buttonAlreadyHasAriaLabelProp = buttonAttributes === null || buttonAttributes === void 0 ? void 0 : buttonAttributes.find(function (buttonAttribute) {
+      return buttonAttribute.type === 'JSXAttribute' && buttonAttribute.name.name === 'aria-label';
+    });
+    if (!buttonAlreadyHasLabelProp && !buttonAlreadyHasAriaLabelProp) {
+      var labelAttribute = iconAttributes.find(function (attribute) {
+        return attribute.type === 'JSXAttribute' && attribute.name.name === 'label';
+      });
+      if (labelAttribute && labelAttribute.type === 'JSXAttribute' && iconRenamed) {
+        buttonAttributes === null || buttonAttributes === void 0 || buttonAttributes.unshift(labelAttribute);
+      }
+    }
+
+    // 2. If there are any other props on icon, move to render prop
+    var attributesOtherThanLabelOrMediumSize = iconAttributes.filter(function (iconAttribute) {
+      var _iconAttribute$value, _iconAttribute$value2;
+      // Exclude size="medium"
+      if (iconAttribute.type === 'JSXAttribute' && iconAttribute.name.name === 'size' && ((_iconAttribute$value = iconAttribute.value) === null || _iconAttribute$value === void 0 ? void 0 : _iconAttribute$value.type) === 'StringLiteral' && ((_iconAttribute$value2 = iconAttribute.value) === null || _iconAttribute$value2 === void 0 ? void 0 : _iconAttribute$value2.value) === 'medium') {
+        return false;
+      }
+
+      // Exclude label
+      if (iconAttribute.type === 'JSXAttribute' && iconAttribute.name.name === 'label') {
+        return false;
+      }
+      return true;
+    });
+    if (attributesOtherThanLabelOrMediumSize.length > 0) {
+      // Move to render prop: `<MoreIcon primaryColor />` -> `(props) => <MoreIcon {...props} primaryColor />`
+
+      // Remove label and size="medium" attributes
+      j(iconElement.openingElement).find(j.JSXAttribute).filter(function (attribute) {
+        return attribute.value.name.name === 'label' || attribute.value.type === 'JSXAttribute' && attribute.value.name.name === 'size' && attribute.value.value && attribute.value.value.type === 'StringLiteral' && attribute.value.value.value === 'medium' || false;
+      }).remove();
+
+      // Add spread props
+      iconAttributes.unshift(j.jsxSpreadAttribute(j.identifier('iconProps')));
+
+      // Create new arrow function (renderProp)
+      iconAttribute.value = j.jsxExpressionContainer(j.arrowFunctionExpression.from({
+        params: [j.identifier('iconProps')],
+        body: iconElement,
+        expression: true
+      }));
+    } else {
+      var _iconAttribute$value3;
+      // Move to bounded API: {<MoreIcon />} => {MoreIcon}
+      if (iconElement.openingElement.name.type === 'JSXIdentifier' && ((_iconAttribute$value3 = iconAttribute.value) === null || _iconAttribute$value3 === void 0 ? void 0 : _iconAttribute$value3.type) === 'JSXExpressionContainer') {
+        iconAttribute.value.expression = j.identifier(iconElement.openingElement.name.name);
+      }
+    }
+  });
+};

package/dist/cjs/presets/migrate-to-new-buttons/utils/migrate-fit-container-icon-button.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.migrateFitContainerIconButton = void 0;
 var _codemodUtils = require("@atlaskit/codemod-utils");
-var _generateNewButtonElement = require("../utils/generate-new-button-element");
 var _constants = require("./constants");
+var _getIconAttributes = require("./get-icon-attributes");
+var _getIconElement = require("./get-icon-element");
 var migrateFitContainerIconButton = exports.migrateFitContainerIconButton = function migrateFitContainerIconButton(element, j) {
   var _iconElement$openingE, _labelAttribute$value;
   var attributes = element.value.openingElement.attributes;
-  var iconAttrs = attributes && (0, _generateNewButtonElement.getIconAttributes)(attributes);
-  var iconElement = iconAttrs && iconAttrs[0] && (0, _generateNewButtonElement.getIconElement)(iconAttrs[0]);
+  var iconAttrs = attributes && (0, _getIconAttributes.getIconAttributes)(attributes);
+  var iconElement = iconAttrs && iconAttrs[0] && (0, _getIconElement.getIconElement)(iconAttrs[0]);
   var labelAttribute = iconElement && Array.isArray(iconElement.openingElement.attributes) && ((_iconElement$openingE = iconElement.openingElement) === null || _iconElement$openingE === void 0 ? void 0 : _iconElement$openingE.attributes.find(function (path) {
     return path.type === 'JSXAttribute' && (path.name.name === 'label' || path.name.name === 'aria-label' || path.name.name === 'aria-labelledby');
   }));

package/dist/cjs/presets/migrate-to-new-buttons/utils/modify-button-attributes.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.modifyButtonAttributes = void 0;
+var modifyButtonAttributes = exports.modifyButtonAttributes = function modifyButtonAttributes(element, j, hasSpacingNone) {
+  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 === 'link' || path.node.value.value === 'subtle-link');
+  }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+  if (hasSpacingNone) {
+    j(element).find(j.JSXAttribute).filter(function (path) {
+      var _path$node$value2;
+      return 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();
+  }
+};

package/dist/cjs/presets/migrate-to-new-buttons/utils/modify-link-attributes.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.modifyLinkAttributes = 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')));
+};