npm - @atlaskit/codemod-cli - Versions diffs - 0.25.1 → 0.25.2 - Mend

@atlaskit/codemod-cli 0.25.1 → 0.25.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,13 @@
 # @atlaskit/codemod-cli
+## 0.25.2
+### Patch Changes
+- [#123131](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/123131)
+  [`862fb8cdd4b71`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/862fb8cdd4b71) -
+  Codemod includes new migration pathways for legacy button
 ## 0.25.1
 ### Patch Changes

package/dist/cjs/main.js CHANGED Viewed

@@ -305,7 +305,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context5.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.25.1", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.25.2", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
           logger.log(_chalk.default.bgBlue(_chalk.default.black("\uD83D\uDCDA Atlassian-Frontend codemod library @ ".concat(_PACKAGE_VERSION_, " \uD83D\uDCDA"))));
           if (packages && packages.length > 0) {
             logger.log(_chalk.default.gray("Searching for codemods for newer versions of the following packages: ".concat(packages.map(function (pkg) {

package/dist/cjs/presets/migrate-to-new-buttons/codemods/next-migrate-link-button-to-link.js CHANGED Viewed

@@ -6,10 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _utils = require("@hypermod/utils");
+var _codemodUtils = require("@atlaskit/codemod-utils");
 var _constants = require("../utils/constants");
-var _moveIconValueFromLinkButtonToLinkChildren = _interopRequireDefault(require("../utils/move-icon-value-from-link-button-to-link-children"));
 var _findAttributeWithValue = require("../utils/find-attribute-with-value");
 var _generateLinkElement = require("../utils/generate-link-element");
+var _moveIconValueFromLinkButtonToLinkChildren = _interopRequireDefault(require("../utils/move-icon-value-from-link-button-to-link-children"));
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
 function transformer(file, api) {
   var j = api.jscodeshift;
   var source = j(file.source);
@@ -47,10 +50,24 @@ function transformer(file, api) {
   }).forEach(function (path) {
     var hasSpacingNone = (0, _findAttributeWithValue.findJSXAttributeWithValue)(path.value.openingElement, 'spacing', 'none');
     if (!hasSpacingNone) {
+      var oldAppearanceValue;
       j(path).find(j.JSXAttribute).filter(function (path) {
         var _path$node$value;
-        return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'subtle-link' || path.node.value.value === 'link');
+        if (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')) {
+          oldAppearanceValue = path.node.value.value;
+          return true;
+        }
+        return false;
       }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+      if (oldAppearanceValue) {
+        var _path$value$openingEl;
+        var attribute = (_path$value$openingEl = path.value.openingElement.attributes) === null || _path$value$openingEl === void 0 ? void 0 : _path$value$openingEl.find(function (node) {
+          return node.type === 'JSXAttribute' && node.name.name === 'appearance';
+        });
+        if (attribute) {
+          (0, _codemodUtils.addCommentBefore)(j, j(attribute), oldAppearanceValue === 'link' ? _constants.migrateButtonToSubtleLinkButton : _constants.migrateSubtleButtonToSubtleLinkButton, 'line');
+        }
+      }
     }
     if (hasSpacingNone) {
       var attributes = path.node.openingElement.attributes;

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

@@ -6,21 +6,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _codemodUtils = require("@atlaskit/codemod-utils");
 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 _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 _getDefaultImports = _interopRequireDefault(require("../utils/get-default-imports"));
 var _getSpecifierNames = _interopRequireDefault(require("../utils/get-specifier-names"));
-var _generateNewButtonElement = require("../utils/generate-new-button-element");
-var _generateLinkElement = require("../utils/generate-link-element");
 var _hasUnsupportedProps = require("../utils/has-unsupported-props");
 var _ifVariantAlreadyImported = require("../utils/if-variant-already-imported");
-var _renameDefaultButtonToLegacyButton = require("../utils/rename-default-button-to-legacy-button");
-var _migrateFitContainerIconButton = require("../utils/migrate-fit-container-icon-button");
 var _importTypesFromNewEntryPoint = require("../utils/import-types-from-new-entry-point");
-var _addCommentForCustomThemeButtons = require("../utils/add-comment-for-custom-theme-buttons");
-var _addCommentForOverlayProp = require("../utils/add-comment-for-overlay-prop");
-var _findAttributeWithValue = require("../utils/find-attribute-with-value");
+var _migrateFitContainerIconButton = require("../utils/migrate-fit-container-icon-button");
+var _renameDefaultButtonToLegacyButton = require("../utils/rename-default-button-to-legacy-button");
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
 var transformer = function transformer(file, api) {
   var j = api.jscodeshift;
   var fileSource = j(file.source);
@@ -111,8 +113,22 @@ var transformer = function transformer(file, api) {
       j(element).replaceWith((0, _generateNewButtonElement.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));
+      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';
+      });
+      if (attribute) {
+        var _linkAppearanceAttrib;
+        if ((linkAppearanceAttribute === null || linkAppearanceAttribute === void 0 ? void 0 : linkAppearanceAttribute.type) === 'JSXAttribute' && ((_linkAppearanceAttrib = linkAppearanceAttribute.value) === null || _linkAppearanceAttrib === void 0 ? void 0 : _linkAppearanceAttrib.type) === 'StringLiteral') {
+          if (linkAppearanceAttribute.value.value === 'link') {
+            (0, _codemodUtils.addCommentBefore)(j, j(attribute), _constants.migrateButtonToSubtleLinkButton, 'line');
+          } else if (linkAppearanceAttribute.value.value === 'subtle-link') {
+            (0, _codemodUtils.addCommentBefore)(j, j(attribute), _constants.migrateSubtleButtonToSubtleLinkButton, 'line');
+          }
+        }
+      }
     }
     if (isLink && !isLoadingButton) {
       hasVariant.link = true;
@@ -166,7 +182,14 @@ var transformer = function transformer(file, api) {
         }), 'block');
       }
     } else if (!hasHref && linkAppearanceAttribute) {
-      (0, _codemodUtils.addCommentBefore)(j, j(linkAppearanceAttribute), _constants.linkButtonMissingHrefComment, 'line');
+      var _element$node$attribu2;
+      (0, _generateNewButtonElement.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';
+      });
+      if (_attribute) {
+        (0, _codemodUtils.addCommentBefore)(j, j(_attribute), hasSpacingNone ? _constants.noSpacinglinkButtonMissingHrefComment : _constants.linkButtonMissingHrefComment, 'line');
+      }
     }
   });

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

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unsupportedProps = exports.overlayPropComment = exports.migrateFitContainerButtonToIconButtonComment = exports.migrateFitContainerButtonToDefaultButtonComment = exports.loadingButtonComment = exports.linkButtonMissingHrefComment = exports.entryPointsMapping = exports.customThemeButtonComment = exports.buttonPropsNoLongerSupportedComment = exports.UNSAFE_SIZE_PROPS_MAP = exports.PRINT_SETTINGS = exports.OLD_BUTTON_VARIANTS = exports.OLD_BUTTON_ENTRY_POINT = exports.NEW_BUTTON_VARIANTS = exports.NEW_BUTTON_ENTRY_POINT = exports.BUTTON_TYPES = void 0;
+exports.unsupportedProps = exports.overlayPropComment = exports.noSpacinglinkButtonMissingHrefComment = exports.migrateSubtleButtonToSubtleLinkButton = exports.migrateFitContainerButtonToIconButtonComment = exports.migrateFitContainerButtonToDefaultButtonComment = exports.migrateButtonToSubtleLinkButton = exports.loadingButtonComment = exports.linkButtonMissingHrefComment = exports.entryPointsMapping = exports.customThemeButtonComment = exports.buttonPropsNoLongerSupportedComment = exports.UNSAFE_SIZE_PROPS_MAP = exports.PRINT_SETTINGS = exports.OLD_BUTTON_VARIANTS = exports.OLD_BUTTON_ENTRY_POINT = exports.NEW_BUTTON_VARIANTS = exports.NEW_BUTTON_ENTRY_POINT = exports.BUTTON_TYPES = void 0;
 var PRINT_SETTINGS = exports.PRINT_SETTINGS = {
   quote: 'single'
 };
-/** NEW button **/
+/**
+ * NEW button *
+ */
 var NEW_BUTTON_ENTRY_POINT = exports.NEW_BUTTON_ENTRY_POINT = '@atlaskit/button/new';
 var NEW_BUTTON_VARIANTS = exports.NEW_BUTTON_VARIANTS = {
   default: 'Button',
@@ -17,7 +19,9 @@ var NEW_BUTTON_VARIANTS = exports.NEW_BUTTON_VARIANTS = {
   linkIcon: 'LinkIconButton'
 };
-/** OLD button **/
+/**
+ * OLD button *
+ */
 var OLD_BUTTON_ENTRY_POINT = exports.OLD_BUTTON_ENTRY_POINT = '@atlaskit/button';
 var OLD_BUTTON_VARIANTS = exports.OLD_BUTTON_VARIANTS = {
   loading: 'LoadingButton'
@@ -35,7 +39,8 @@ var UNSAFE_SIZE_PROPS_MAP = exports.UNSAFE_SIZE_PROPS_MAP = {
   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 linkButtonMissingHrefComment = exports.linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\".";
+var noSpacinglinkButtonMissingHrefComment = exports.noSpacinglinkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\", or provide a href prop then migrate to Link.";
 var buttonPropsNoLongerSupportedComment = exports.buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"css\" or \"style\" prop can't be automatically migrated with codemods. Please migrate it manually.";
 var migrateFitContainerButtonToDefaultButtonComment = exports.migrateFitContainerButtonToDefaultButtonComment = "Migrated to a default button with text which is from the icon label.";
 var migrateFitContainerButtonToIconButtonComment = exports.migrateFitContainerButtonToIconButtonComment = "\"shouldFitContainer\" is not available in icon buttons, please consider using a default button with text.";
@@ -45,4 +50,6 @@ var loadingButtonComment = exports.loadingButtonComment = function loadingButton
   var hasLinkAppearance = _ref.hasLinkAppearance,
     hasHref = _ref.hasHref;
   return "This should be migrated to a new Button with a `isLoading` prop. ".concat(hasLinkAppearance ? "\"link\" and \"subtle-link\" appearances are not available for new loading buttons.\"" : '').concat(hasHref ? "The `href` attribute it not compatible with new loading buttons, because links should not need loading states." : '', " Please reconsider the design or change the appearance of the button.");
-};
+};
+var migrateButtonToSubtleLinkButton = exports.migrateButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"default\" appearance.";
+var migrateSubtleButtonToSubtleLinkButton = exports.migrateSubtleButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"subtle\" appearance.";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handleIconAttributes = exports.getIconElement = exports.getIconAttributes = exports.generateNewElement = void 0;
+exports.modifyButtonAttributes = exports.handleIconAttributes = exports.getIconElement = exports.getIconAttributes = exports.generateNewElement = void 0;
 var _constants = require("../utils/constants");
 var getIconAttributes = exports.getIconAttributes = function getIconAttributes(attributes) {
   var iconAttr = attributes === null || attributes === void 0 ? void 0 : attributes.filter(function (attribute) {
@@ -145,4 +145,16 @@ var generateNewElement = exports.generateNewElement = function generateNewElemen
     closingElement: isIconOrLinkIcon ? null : j.jsxClosingElement(j.jsxIdentifier(variant)),
     children: element.children
   });
+};
+var modifyButtonAttributes = exports.modifyButtonAttributes = function modifyButtonAttributes(element, j, hasSpacingNone) {
+  j(element).find(j.JSXAttribute).filter(function (path) {
+    var _path$node$value2;
+    return path.node.name.name === 'appearance' && ((_path$node$value2 = path.node.value) === null || _path$node$value2 === void 0 ? void 0 : _path$node$value2.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$value3;
+      return path.node.name.name === 'spacing' && ((_path$node$value3 = path.node.value) === null || _path$node$value3 === void 0 ? void 0 : _path$node$value3.type) === 'StringLiteral' && path.node.value.value === 'none';
+    }).remove();
+  }
 };

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

@@ -1,8 +1,10 @@
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
 import { getImportDeclaration } from '@hypermod/utils';
-import { PRINT_SETTINGS, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS } from '../utils/constants';
-import moveIconValueFromLinkButtonPropsToLinkChildren from '../utils/move-icon-value-from-link-button-to-link-children';
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+import { migrateButtonToSubtleLinkButton, migrateSubtleButtonToSubtleLinkButton, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS, PRINT_SETTINGS } from '../utils/constants';
 import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
 import { modifyLinkAttributes } from '../utils/generate-link-element';
+import moveIconValueFromLinkButtonPropsToLinkChildren from '../utils/move-icon-value-from-link-button-to-link-children';
 function transformer(file, api) {
   const j = api.jscodeshift;
   const source = j(file.source);
@@ -36,10 +38,22 @@ function transformer(file, api) {
   allLinkButtons.filter(path => findJSXAttributeWithValue(path.value.openingElement, 'appearance', 'link') || findJSXAttributeWithValue(path.value.openingElement, 'appearance', 'subtle-link')).forEach(path => {
     const hasSpacingNone = findJSXAttributeWithValue(path.value.openingElement, 'spacing', 'none');
     if (!hasSpacingNone) {
+      let oldAppearanceValue;
       j(path).find(j.JSXAttribute).filter(path => {
         var _path$node$value;
-        return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'subtle-link' || path.node.value.value === 'link');
+        if (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')) {
+          oldAppearanceValue = path.node.value.value;
+          return true;
+        }
+        return false;
       }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+      if (oldAppearanceValue) {
+        var _path$value$openingEl;
+        const attribute = (_path$value$openingEl = path.value.openingElement.attributes) === null || _path$value$openingEl === void 0 ? void 0 : _path$value$openingEl.find(node => node.type === 'JSXAttribute' && node.name.name === 'appearance');
+        if (attribute) {
+          addCommentBefore(j, j(attribute), oldAppearanceValue === 'link' ? migrateButtonToSubtleLinkButton : migrateSubtleButtonToSubtleLinkButton, 'line');
+        }
+      }
     }
     if (hasSpacingNone) {
       const {

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

@@ -1,18 +1,19 @@
-import { addCommentBefore } from '@atlaskit/codemod-utils';
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
 import { getDefaultImportSpecifierName } from '@hypermod/utils';
-import { PRINT_SETTINGS, OLD_BUTTON_VARIANTS, NEW_BUTTON_VARIANTS, entryPointsMapping, OLD_BUTTON_ENTRY_POINT, NEW_BUTTON_ENTRY_POINT, linkButtonMissingHrefComment, buttonPropsNoLongerSupportedComment, unsupportedProps, loadingButtonComment } from '../utils/constants';
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+import { addCommentForCustomThemeButtons } from '../utils/add-comment-for-custom-theme-buttons';
+import { addCommentForOverlayProp } from '../utils/add-comment-for-overlay-prop';
+import { buttonPropsNoLongerSupportedComment, entryPointsMapping, linkButtonMissingHrefComment, loadingButtonComment, migrateButtonToSubtleLinkButton, migrateSubtleButtonToSubtleLinkButton, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS, noSpacinglinkButtonMissingHrefComment, OLD_BUTTON_ENTRY_POINT, OLD_BUTTON_VARIANTS, PRINT_SETTINGS, unsupportedProps } from '../utils/constants';
+import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
+import { generateLinkComponent } from '../utils/generate-link-element';
+import { generateNewElement, handleIconAttributes, modifyButtonAttributes } from '../utils/generate-new-button-element';
 import getDefaultImports from '../utils/get-default-imports';
 import getSpecifierNames from '../utils/get-specifier-names';
-import { generateNewElement, handleIconAttributes } from '../utils/generate-new-button-element';
-import { generateLinkComponent } from '../utils/generate-link-element';
 import { ifHasUnsupportedProps } from '../utils/has-unsupported-props';
 import { checkIfVariantAlreadyImported } from '../utils/if-variant-already-imported';
-import { renameDefaultButtonToLegacyButtonImport } from '../utils/rename-default-button-to-legacy-button';
-import { migrateFitContainerIconButton } from '../utils/migrate-fit-container-icon-button';
 import { importTypesFromNewEntryPoint } from '../utils/import-types-from-new-entry-point';
-import { addCommentForCustomThemeButtons } from '../utils/add-comment-for-custom-theme-buttons';
-import { addCommentForOverlayProp } from '../utils/add-comment-for-overlay-prop';
-import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
+import { migrateFitContainerIconButton } from '../utils/migrate-fit-container-icon-button';
+import { renameDefaultButtonToLegacyButtonImport } from '../utils/rename-default-button-to-legacy-button';
 const transformer = (file, api) => {
   const j = api.jscodeshift;
   const fileSource = j(file.source);
@@ -97,8 +98,20 @@ const transformer = (file, api) => {
       j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.icon, element.value, j));
     }
     if (isLinkButton && !isLoadingButton) {
+      var _element$node$attribu;
       hasVariant.linkButton = true;
       j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.link, element.value, j));
+      const attribute = (_element$node$attribu = element.node.attributes) === null || _element$node$attribu === void 0 ? void 0 : _element$node$attribu.find(node => node.type === 'JSXAttribute' && node.name.name === 'appearance');
+      if (attribute) {
+        var _linkAppearanceAttrib;
+        if ((linkAppearanceAttribute === null || linkAppearanceAttribute === void 0 ? void 0 : linkAppearanceAttribute.type) === 'JSXAttribute' && ((_linkAppearanceAttrib = linkAppearanceAttribute.value) === null || _linkAppearanceAttrib === void 0 ? void 0 : _linkAppearanceAttrib.type) === 'StringLiteral') {
+          if (linkAppearanceAttribute.value.value === 'link') {
+            addCommentBefore(j, j(attribute), migrateButtonToSubtleLinkButton, 'line');
+          } else if (linkAppearanceAttribute.value.value === 'subtle-link') {
+            addCommentBefore(j, j(attribute), migrateSubtleButtonToSubtleLinkButton, 'line');
+          }
+        }
+      }
     }
     if (isLink && !isLoadingButton) {
       hasVariant.link = true;
@@ -148,7 +161,12 @@ const transformer = (file, api) => {
         }), 'block');
       }
     } else if (!hasHref && linkAppearanceAttribute) {
-      addCommentBefore(j, j(linkAppearanceAttribute), linkButtonMissingHrefComment, 'line');
+      var _element$node$attribu2;
+      modifyButtonAttributes(element.node, j, hasSpacingNone);
+      const attribute = (_element$node$attribu2 = element.node.attributes) === null || _element$node$attribu2 === void 0 ? void 0 : _element$node$attribu2.find(node => node.type === 'JSXAttribute' && node.name.name === 'appearance');
+      if (attribute) {
+        addCommentBefore(j, j(attribute), hasSpacingNone ? noSpacinglinkButtonMissingHrefComment : linkButtonMissingHrefComment, 'line');
+      }
     }
   });

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

@@ -2,7 +2,9 @@ export const PRINT_SETTINGS = {
   quote: 'single'
 };
-/** NEW button **/
+/**
+ * NEW button *
+ */
 export const NEW_BUTTON_ENTRY_POINT = '@atlaskit/button/new';
 export const NEW_BUTTON_VARIANTS = {
   default: 'Button',
@@ -11,7 +13,9 @@ export const NEW_BUTTON_VARIANTS = {
   linkIcon: 'LinkIconButton'
 };
-/** OLD button **/
+/**
+ * OLD button *
+ */
 export const OLD_BUTTON_ENTRY_POINT = '@atlaskit/button';
 export const OLD_BUTTON_VARIANTS = {
   loading: 'LoadingButton'
@@ -29,7 +33,8 @@ export const UNSAFE_SIZE_PROPS_MAP = {
   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 linkButtonMissingHrefComment = `"link" and "subtle-link" appearances are not available in the new Button, appearance should be "subtle" or "default".`;
+export const noSpacinglinkButtonMissingHrefComment = `"link" and "subtle-link" appearances are not available in the new Button, appearance should be "subtle" or "default", or provide a href prop then migrate to Link.`;
 export const buttonPropsNoLongerSupportedComment = `Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.`;
 export const migrateFitContainerButtonToDefaultButtonComment = `Migrated to a default button with text which is from the icon label.`;
 export const migrateFitContainerButtonToIconButtonComment = `"shouldFitContainer" is not available in icon buttons, please consider using a default button with text.`;
@@ -40,4 +45,6 @@ export const loadingButtonComment = ({
   hasHref
 }) => {
   return `This should be migrated to a new Button with a \`isLoading\` prop. ${hasLinkAppearance ? `"link" and "subtle-link" appearances are not available for new loading buttons."` : ''}${hasHref ? `The \`href\` attribute it not compatible with new loading buttons, because links should not need loading states.` : ''} Please reconsider the design or change the appearance of the button.`;
-};
+};
+export const migrateButtonToSubtleLinkButton = `"link" and "subtle-link" appearances are not available in the new Button. Appearance should be migrated to "subtle" or "default" for Link Button, or use Link with "default" appearance.`;
+export const migrateSubtleButtonToSubtleLinkButton = `"link" and "subtle-link" appearances are not available in the new Button. Appearance should be migrated to "subtle" or "default" for Link Button, or use Link with "subtle" appearance.`;

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

@@ -128,4 +128,16 @@ export const generateNewElement = (variant, element, j) => {
     closingElement: isIconOrLinkIcon ? null : j.jsxClosingElement(j.jsxIdentifier(variant)),
     children: element.children
   });
+};
+export const modifyButtonAttributes = (element, j, hasSpacingNone) => {
+  j(element).find(j.JSXAttribute).filter(path => {
+    var _path$node$value2;
+    return path.node.name.name === 'appearance' && ((_path$node$value2 = path.node.value) === null || _path$node$value2 === void 0 ? void 0 : _path$node$value2.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(path => {
+      var _path$node$value3;
+      return path.node.name.name === 'spacing' && ((_path$node$value3 = path.node.value) === null || _path$node$value3 === void 0 ? void 0 : _path$node$value3.type) === 'StringLiteral' && path.node.value.value === 'none';
+    }).remove();
+  }
 };

package/dist/esm/main.js CHANGED Viewed

@@ -298,7 +298,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context5.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.25.1", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.25.2", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
           logger.log(chalk.bgBlue(chalk.black("\uD83D\uDCDA Atlassian-Frontend codemod library @ ".concat(_PACKAGE_VERSION_, " \uD83D\uDCDA"))));
           if (packages && packages.length > 0) {
             logger.log(chalk.gray("Searching for codemods for newer versions of the following packages: ".concat(packages.map(function (pkg) {

package/dist/esm/presets/migrate-to-new-buttons/codemods/next-migrate-link-button-to-link.js CHANGED Viewed

@@ -1,8 +1,10 @@
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
 import { getImportDeclaration } from '@hypermod/utils';
-import { PRINT_SETTINGS, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS } from '../utils/constants';
-import moveIconValueFromLinkButtonPropsToLinkChildren from '../utils/move-icon-value-from-link-button-to-link-children';
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+import { migrateButtonToSubtleLinkButton, migrateSubtleButtonToSubtleLinkButton, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS, PRINT_SETTINGS } from '../utils/constants';
 import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
 import { modifyLinkAttributes } from '../utils/generate-link-element';
+import moveIconValueFromLinkButtonPropsToLinkChildren from '../utils/move-icon-value-from-link-button-to-link-children';
 function transformer(file, api) {
   var j = api.jscodeshift;
   var source = j(file.source);
@@ -40,10 +42,24 @@ function transformer(file, api) {
   }).forEach(function (path) {
     var hasSpacingNone = findJSXAttributeWithValue(path.value.openingElement, 'spacing', 'none');
     if (!hasSpacingNone) {
+      var oldAppearanceValue;
       j(path).find(j.JSXAttribute).filter(function (path) {
         var _path$node$value;
-        return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'subtle-link' || path.node.value.value === 'link');
+        if (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')) {
+          oldAppearanceValue = path.node.value.value;
+          return true;
+        }
+        return false;
       }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+      if (oldAppearanceValue) {
+        var _path$value$openingEl;
+        var attribute = (_path$value$openingEl = path.value.openingElement.attributes) === null || _path$value$openingEl === void 0 ? void 0 : _path$value$openingEl.find(function (node) {
+          return node.type === 'JSXAttribute' && node.name.name === 'appearance';
+        });
+        if (attribute) {
+          addCommentBefore(j, j(attribute), oldAppearanceValue === 'link' ? migrateButtonToSubtleLinkButton : migrateSubtleButtonToSubtleLinkButton, 'line');
+        }
+      }
     }
     if (hasSpacingNone) {
       var attributes = path.node.openingElement.attributes;

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

@@ -1,19 +1,20 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { addCommentBefore } from '@atlaskit/codemod-utils';
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
 import { getDefaultImportSpecifierName } from '@hypermod/utils';
-import { PRINT_SETTINGS, OLD_BUTTON_VARIANTS, NEW_BUTTON_VARIANTS, entryPointsMapping, OLD_BUTTON_ENTRY_POINT, NEW_BUTTON_ENTRY_POINT, linkButtonMissingHrefComment, buttonPropsNoLongerSupportedComment, unsupportedProps, loadingButtonComment } from '../utils/constants';
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+import { addCommentForCustomThemeButtons } from '../utils/add-comment-for-custom-theme-buttons';
+import { addCommentForOverlayProp } from '../utils/add-comment-for-overlay-prop';
+import { buttonPropsNoLongerSupportedComment, entryPointsMapping, linkButtonMissingHrefComment, loadingButtonComment, migrateButtonToSubtleLinkButton, migrateSubtleButtonToSubtleLinkButton, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS, noSpacinglinkButtonMissingHrefComment, OLD_BUTTON_ENTRY_POINT, OLD_BUTTON_VARIANTS, PRINT_SETTINGS, unsupportedProps } from '../utils/constants';
+import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
+import { generateLinkComponent } from '../utils/generate-link-element';
+import { generateNewElement, handleIconAttributes, modifyButtonAttributes } from '../utils/generate-new-button-element';
 import getDefaultImports from '../utils/get-default-imports';
 import getSpecifierNames from '../utils/get-specifier-names';
-import { generateNewElement, handleIconAttributes } from '../utils/generate-new-button-element';
-import { generateLinkComponent } from '../utils/generate-link-element';
 import { ifHasUnsupportedProps } from '../utils/has-unsupported-props';
 import { checkIfVariantAlreadyImported } from '../utils/if-variant-already-imported';
-import { renameDefaultButtonToLegacyButtonImport } from '../utils/rename-default-button-to-legacy-button';
-import { migrateFitContainerIconButton } from '../utils/migrate-fit-container-icon-button';
 import { importTypesFromNewEntryPoint } from '../utils/import-types-from-new-entry-point';
-import { addCommentForCustomThemeButtons } from '../utils/add-comment-for-custom-theme-buttons';
-import { addCommentForOverlayProp } from '../utils/add-comment-for-overlay-prop';
-import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
+import { migrateFitContainerIconButton } from '../utils/migrate-fit-container-icon-button';
+import { renameDefaultButtonToLegacyButtonImport } from '../utils/rename-default-button-to-legacy-button';
 var transformer = function transformer(file, api) {
   var j = api.jscodeshift;
   var fileSource = j(file.source);
@@ -104,8 +105,22 @@ var transformer = function transformer(file, api) {
       j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.icon, element.value, j));
     }
     if (isLinkButton && !isLoadingButton) {
+      var _element$node$attribu;
       hasVariant.linkButton = true;
       j(element).replaceWith(generateNewElement(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';
+      });
+      if (attribute) {
+        var _linkAppearanceAttrib;
+        if ((linkAppearanceAttribute === null || linkAppearanceAttribute === void 0 ? void 0 : linkAppearanceAttribute.type) === 'JSXAttribute' && ((_linkAppearanceAttrib = linkAppearanceAttribute.value) === null || _linkAppearanceAttrib === void 0 ? void 0 : _linkAppearanceAttrib.type) === 'StringLiteral') {
+          if (linkAppearanceAttribute.value.value === 'link') {
+            addCommentBefore(j, j(attribute), migrateButtonToSubtleLinkButton, 'line');
+          } else if (linkAppearanceAttribute.value.value === 'subtle-link') {
+            addCommentBefore(j, j(attribute), migrateSubtleButtonToSubtleLinkButton, 'line');
+          }
+        }
+      }
     }
     if (isLink && !isLoadingButton) {
       hasVariant.link = true;
@@ -159,7 +174,14 @@ var transformer = function transformer(file, api) {
         }), 'block');
       }
     } else if (!hasHref && linkAppearanceAttribute) {
-      addCommentBefore(j, j(linkAppearanceAttribute), linkButtonMissingHrefComment, 'line');
+      var _element$node$attribu2;
+      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';
+      });
+      if (_attribute) {
+        addCommentBefore(j, j(_attribute), hasSpacingNone ? noSpacinglinkButtonMissingHrefComment : linkButtonMissingHrefComment, 'line');
+      }
     }
   });

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

@@ -2,7 +2,9 @@ export var PRINT_SETTINGS = {
   quote: 'single'
 };
-/** NEW button **/
+/**
+ * NEW button *
+ */
 export var NEW_BUTTON_ENTRY_POINT = '@atlaskit/button/new';
 export var NEW_BUTTON_VARIANTS = {
   default: 'Button',
@@ -11,7 +13,9 @@ export var NEW_BUTTON_VARIANTS = {
   linkIcon: 'LinkIconButton'
 };
-/** OLD button **/
+/**
+ * OLD button *
+ */
 export var OLD_BUTTON_ENTRY_POINT = '@atlaskit/button';
 export var OLD_BUTTON_VARIANTS = {
   loading: 'LoadingButton'
@@ -29,7 +33,8 @@ export var UNSAFE_SIZE_PROPS_MAP = {
   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 linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\".";
+export var noSpacinglinkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\", or provide a href prop then migrate to Link.";
 export var buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"css\" or \"style\" prop can't be automatically migrated with codemods. Please migrate it manually.";
 export var migrateFitContainerButtonToDefaultButtonComment = "Migrated to a default button with text which is from the icon label.";
 export var migrateFitContainerButtonToIconButtonComment = "\"shouldFitContainer\" is not available in icon buttons, please consider using a default button with text.";
@@ -39,4 +44,6 @@ export var loadingButtonComment = function loadingButtonComment(_ref) {
   var hasLinkAppearance = _ref.hasLinkAppearance,
     hasHref = _ref.hasHref;
   return "This should be migrated to a new Button with a `isLoading` prop. ".concat(hasLinkAppearance ? "\"link\" and \"subtle-link\" appearances are not available for new loading buttons.\"" : '').concat(hasHref ? "The `href` attribute it not compatible with new loading buttons, because links should not need loading states." : '', " Please reconsider the design or change the appearance of the button.");
-};
+};
+export var migrateButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"default\" appearance.";
+export var migrateSubtleButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"subtle\" appearance.";

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

@@ -139,4 +139,16 @@ export var generateNewElement = function generateNewElement(variant, element, j)
     closingElement: isIconOrLinkIcon ? null : j.jsxClosingElement(j.jsxIdentifier(variant)),
     children: element.children
   });
+};
+export var modifyButtonAttributes = function modifyButtonAttributes(element, j, hasSpacingNone) {
+  j(element).find(j.JSXAttribute).filter(function (path) {
+    var _path$node$value2;
+    return path.node.name.name === 'appearance' && ((_path$node$value2 = path.node.value) === null || _path$node$value2 === void 0 ? void 0 : _path$node$value2.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$value3;
+      return path.node.name.name === 'spacing' && ((_path$node$value3 = path.node.value) === null || _path$node$value3 === void 0 ? void 0 : _path$node$value3.type) === 'StringLiteral' && path.node.value.value === 'none';
+    }).remove();
+  }
 };

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

@@ -1,12 +1,16 @@
 export declare const PRINT_SETTINGS: {
     quote: "single";
 };
-/** NEW button **/
+/**
+ * NEW button *
+ */
 export declare const NEW_BUTTON_ENTRY_POINT = "@atlaskit/button/new";
 export declare const NEW_BUTTON_VARIANTS: {
     [key: string]: string;
 };
-/** OLD button **/
+/**
+ * OLD button *
+ */
 export declare const OLD_BUTTON_ENTRY_POINT = "@atlaskit/button";
 export declare const OLD_BUTTON_VARIANTS: {
     [key: string]: string;
@@ -17,7 +21,8 @@ export declare const entryPointsMapping: {
 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 linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\".";
+export declare const noSpacinglinkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\", or provide a href prop then migrate to Link.";
 export declare const buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"css\" or \"style\" prop can't be automatically migrated with codemods. Please migrate it manually.";
 export declare const migrateFitContainerButtonToDefaultButtonComment = "Migrated to a default button with text which is from the icon label.";
 export declare const migrateFitContainerButtonToIconButtonComment = "\"shouldFitContainer\" is not available in icon buttons, please consider using a default button with text.";
@@ -27,3 +32,5 @@ export declare const loadingButtonComment: ({ hasLinkAppearance, hasHref, }: {
     hasLinkAppearance: boolean;
     hasHref: boolean;
 }) => string;
+export declare const migrateButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"default\" appearance.";
+export declare const migrateSubtleButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"subtle\" appearance.";

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

@@ -1,4 +1,4 @@
-import { type API, type JSXElement, type JSXAttribute, type JSXSpreadAttribute } from 'jscodeshift';
+import { type API, type JSXAttribute, type JSXElement, 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;
@@ -17,3 +17,4 @@ export declare const getIconElement: (iconAttr: JSXAttribute) => JSXElement | nu
  */
 export declare const handleIconAttributes: (element: JSXElement, j: API['jscodeshift'], iconRenamed?: boolean) => void;
 export declare const generateNewElement: (variant: (typeof NEW_BUTTON_VARIANTS)[keyof typeof NEW_BUTTON_VARIANTS], element: JSXElement, j: API['jscodeshift']) => JSXElement;
+export declare const modifyButtonAttributes: (element: JSXElement, j: API['jscodeshift'], hasSpacingNone: boolean) => void;

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

@@ -1,12 +1,16 @@
 export declare const PRINT_SETTINGS: {
     quote: "single";
 };
-/** NEW button **/
+/**
+ * NEW button *
+ */
 export declare const NEW_BUTTON_ENTRY_POINT = "@atlaskit/button/new";
 export declare const NEW_BUTTON_VARIANTS: {
     [key: string]: string;
 };
-/** OLD button **/
+/**
+ * OLD button *
+ */
 export declare const OLD_BUTTON_ENTRY_POINT = "@atlaskit/button";
 export declare const OLD_BUTTON_VARIANTS: {
     [key: string]: string;
@@ -17,7 +21,8 @@ export declare const entryPointsMapping: {
 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 linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\".";
+export declare const noSpacinglinkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\", or provide a href prop then migrate to Link.";
 export declare const buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"css\" or \"style\" prop can't be automatically migrated with codemods. Please migrate it manually.";
 export declare const migrateFitContainerButtonToDefaultButtonComment = "Migrated to a default button with text which is from the icon label.";
 export declare const migrateFitContainerButtonToIconButtonComment = "\"shouldFitContainer\" is not available in icon buttons, please consider using a default button with text.";
@@ -27,3 +32,5 @@ export declare const loadingButtonComment: ({ hasLinkAppearance, hasHref, }: {
     hasLinkAppearance: boolean;
     hasHref: boolean;
 }) => string;
+export declare const migrateButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"default\" appearance.";
+export declare const migrateSubtleButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"subtle\" appearance.";

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

@@ -1,4 +1,4 @@
-import { type API, type JSXElement, type JSXAttribute, type JSXSpreadAttribute } from 'jscodeshift';
+import { type API, type JSXAttribute, type JSXElement, 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;
@@ -17,3 +17,4 @@ export declare const getIconElement: (iconAttr: JSXAttribute) => JSXElement | nu
  */
 export declare const handleIconAttributes: (element: JSXElement, j: API['jscodeshift'], iconRenamed?: boolean) => void;
 export declare const generateNewElement: (variant: (typeof NEW_BUTTON_VARIANTS)[keyof typeof NEW_BUTTON_VARIANTS], element: JSXElement, j: API['jscodeshift']) => JSXElement;
+export declare const modifyButtonAttributes: (element: JSXElement, j: API['jscodeshift'], hasSpacingNone: boolean) => void;

package/package.json CHANGED Viewed

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