@atlaskit/codemod-cli 0.13.3 → 0.14.0

package/dist/cjs/presets/css-to-design-tokens/css-to-design-tokens.js

@@ -5,6 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = transformer;
+exports.isColorProperty = isColorProperty;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _postcss = _interopRequireDefault(require("postcss"));
 var _postcssLess = _interopRequireDefault(require("postcss-less"));
 var _tokensRaw = require("@atlaskit/tokens/tokens-raw");
@@ -14,8 +19,18 @@ var _legacyColors = require("./utils/legacy-colors");
 var _meta = require("./utils/meta");
 // @ts-ignore
 
-const tokens = _tokensRaw.light.filter(t => t.attributes.state === 'active').map(t => t.name.replace(/\.\[default\]/g, '')).filter(t => !t.includes('UNSAFE') && !t.includes('interaction'));
-const search = (0, _fuzzySearch.default)(tokens, false);
+var options = {
+  syntax: _postcssLess.default,
+  from: undefined
+};
+var tokens = _tokensRaw.light.filter(function (t) {
+  return t.attributes.state === 'active';
+}).map(function (t) {
+  return t.name.replace(/\.\[default\]/g, '');
+}).filter(function (t) {
+  return !t.includes('UNSAFE') && !t.includes('interaction');
+});
+var search = (0, _fuzzySearch.default)(tokens, false);
 function isRule(node) {
   return node.type === 'rule';
 }
@@ -36,7 +51,7 @@ function stripLessVar(prop) {
   return prop.substring(1);
 }
 function isColorProperty(prop) {
-  return prop === 'color' || prop === 'background' || prop === 'background-color' || prop === 'box-shadow' || prop === 'border' || prop === 'border-left' || prop === 'border-right' || prop === 'border-top' || prop === 'border-bottom' || prop === 'border-color';
+  return prop === 'color' || prop === 'background' || prop === 'background-color' || prop === 'box-shadow' || prop === 'border' || prop === 'border-left' || prop === 'border-right' || prop === 'border-top' || prop === 'border-bottom' || prop === 'border-color' || prop === 'outline';
 }
 function getDeclarationMeta(decl) {
   if (decl.prop === 'color') {
@@ -54,17 +69,22 @@ function getDeclarationMeta(decl) {
   return '';
 }
 function isDesignToken(tokenName) {
-  return Boolean(Object.entries(_tokenNames.default).find(([_, value]) => tokenName === value));
+  return Boolean(Object.entries(_tokenNames.default).find(function (_ref) {
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+      _ = _ref2[0],
+      value = _ref2[1];
+    return tokenName === value;
+  }));
 }
 function getMetaFromCssVar(tokenName) {
-  const meta = _legacyColors.knownVariables[tokenName];
+  var meta = _legacyColors.knownVariables[tokenName];
   if (!meta || meta.length === 0) {
     return tokenName.split('-');
   }
   return meta;
 }
 function getMetaFromRawColor(rawColor) {
-  let cleanColor = rawColor.toLowerCase();
+  var cleanColor = rawColor.toLowerCase();
   if (cleanColor.length === 4) {
     cleanColor = cleanColor + cleanColor.substring(cleanColor.indexOf('#') + 1);
   }
@@ -73,11 +93,11 @@ function getMetaFromRawColor(rawColor) {
 
 // https://github.com/postcss/postcss/blob/main/docs/writing-a-plugin.md
 // https://astexplorer.net/#/2uBU1BLuJ1
-const plugin = () => {
-  const processed = Symbol('processed');
+var plugin = function plugin() {
+  var processed = Symbol('processed');
   return {
     postcssPlugin: 'UsingTokens',
-    Declaration: decl => {
+    Declaration: function Declaration(decl) {
       // @ts-expect-error
       if (decl[processed]) {
         return;
@@ -85,53 +105,65 @@ const plugin = () => {
       if (!isColorProperty(decl.prop)) {
         return;
       }
-      const searchTerms = [getDeclarationMeta(decl), ...getParentSelectors(decl).split(/\-|\.|\,|\ |\:|\&/).filter(el => !!el)];
-      let match;
-      const cssVarRe = /var\([^\)]+\)/g;
-      const lessVarRe = /@[a-zA-Z0-9-]+/g;
-      const rawColorRe = /(#([0-9a-f]{3}){1,2}|(rgba|hsla)\(\d{1,3}%?(,\s?\d{1,3}%?){2},\s?(1|0|0?\.\d+)\)|(rgb|hsl)\(\d{1,3}%?(,\s?\d{1,3}%?){2}\))/i;
+      if (decl.value === 'none') {
+        return;
+      }
+      var searchTerms = [getDeclarationMeta(decl)].concat((0, _toConsumableArray2.default)(getParentSelectors(decl).split(/\-|\.|\,|\ |\:|\&/).filter(function (el) {
+        return !!el;
+      })));
+      var match;
+      var cssVarRe = /var\([^\)]+\)/g;
+      var lessVarRe = /@[a-zA-Z0-9-]+/g;
+      var rawColorRe = /(#([0-9a-f]{3}){1,2}|(rgba|hsla)\(\d{1,3}%?(,\s?\d{1,3}%?){2},\s?(1|0|0?\.\d+)\)|(rgb|hsl)\(\d{1,3}%?(,\s?\d{1,3}%?){2}\))/i;
 
       // CSS variables
-      const cssVarMatch = decl.value.match(cssVarRe);
+      var cssVarMatch = decl.value.match(cssVarRe);
       if (cssVarMatch) {
+        var _getMetaFromCssVar;
         match = cssVarMatch[0];
         if (isDesignToken(stripVar(match))) {
           return;
         }
-        searchTerms.push(...(getMetaFromCssVar(stripVar(match)) ?? []));
+        searchTerms.push.apply(searchTerms, (0, _toConsumableArray2.default)((_getMetaFromCssVar = getMetaFromCssVar(stripVar(match))) !== null && _getMetaFromCssVar !== void 0 ? _getMetaFromCssVar : []));
       }
 
       // Less variables
-      const lassVarMatch = decl.value.match(lessVarRe);
-      if (lassVarMatch) {
-        match = lassVarMatch[0];
-        searchTerms.push(...(getMetaFromCssVar(`--${stripLessVar(match)}`) ?? []));
+      var lessVarMatch = decl.value.match(lessVarRe);
+      if (lessVarMatch) {
+        var _getMetaFromCssVar2;
+        match = lessVarMatch[0];
+        searchTerms.push.apply(searchTerms, (0, _toConsumableArray2.default)((_getMetaFromCssVar2 = getMetaFromCssVar("--".concat(stripLessVar(match)))) !== null && _getMetaFromCssVar2 !== void 0 ? _getMetaFromCssVar2 : []));
       }
 
       // Raw colors
-      const rawColorMatch = decl.value.match(rawColorRe);
+      var rawColorMatch = decl.value.match(rawColorRe);
       if (rawColorMatch) {
+        var _getMetaFromRawColor;
         match = rawColorMatch[0];
-        searchTerms.push(...(getMetaFromRawColor(match) ?? []));
+        searchTerms.push.apply(searchTerms, (0, _toConsumableArray2.default)((_getMetaFromRawColor = getMetaFromRawColor(match)) !== null && _getMetaFromRawColor !== void 0 ? _getMetaFromRawColor : []));
       }
 
       // Named colors
       if (_legacyColors.knownColors.hasOwnProperty(decl.value)) {
+        var _knownColors$decl$val;
         match = decl.value;
-        searchTerms.push(...(_legacyColors.knownColors[decl.value.toLowerCase()] ?? []));
+        searchTerms.push.apply(searchTerms, (0, _toConsumableArray2.default)((_knownColors$decl$val = _legacyColors.knownColors[decl.value.toLowerCase()]) !== null && _knownColors$decl$val !== void 0 ? _knownColors$decl$val : []));
       }
       if (!match) {
-        console.warn(`Unable to find match for declaration: ${decl.prop}: ${decl.value}`);
+        // eslint-disable-next-line no-console
+        console.warn("Unable to find match for declaration: ".concat(decl.prop, ": ").concat(decl.value));
         return;
       }
-      const cleanSearchTerms = (0, _meta.cleanMeta)(searchTerms).join(' ');
-      const results = search.get(cleanSearchTerms);
-      const candidates = results.map(result => result[1]);
-      const replacement = candidates.length ? _tokenNames.default[candidates[0]] : 'MISSING_TOKEN';
+      var cleanSearchTerms = (0, _meta.cleanMeta)(searchTerms).join(' ');
+      var results = search.get(cleanSearchTerms);
+      var candidates = results.map(function (result) {
+        return result[1];
+      });
+      var replacement = candidates.length ? _tokenNames.default[candidates[0]] : 'MISSING_TOKEN';
       if (decl.prop === 'box-shadow') {
-        decl.value = `var(${replacement}, ${decl.value})`;
+        decl.value = "var(".concat(replacement, ", ").concat(decl.value, ")");
       } else {
-        decl.value = decl.value.split(match).join(`var(${replacement}, ${match})`);
+        decl.value = decl.value.split(match).join("var(".concat(replacement, ", ").concat(match, ")"));
       }
 
       // @ts-expect-error
@@ -139,8 +171,28 @@ const plugin = () => {
     }
   };
 };
-async function transformer(file) {
-  return await (0, _postcss.default)([plugin()]).process(file.source, {
-    syntax: _postcssLess.default
-  }).css;
+function transformer(_x) {
+  return _transformer.apply(this, arguments);
+}
+function _transformer() {
+  _transformer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file) {
+    var processor, src, _yield$processor$proc, css;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          processor = (0, _postcss.default)([plugin()]);
+          src = typeof file === 'string' ? file : file.source;
+          _context.next = 4;
+          return processor.process(src, options);
+        case 4:
+          _yield$processor$proc = _context.sent;
+          css = _yield$processor$proc.css;
+          return _context.abrupt("return", css);
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _transformer.apply(this, arguments);
 }

package/dist/cjs/presets/css-to-design-tokens/utils/legacy-colors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.knownVariables = exports.knownRawColors = exports.knownColors = void 0;
-const knownVariables = {
+var knownVariables = {
   '--adg3-color-R50': ['danger'],
   '--adg3-color-R75': ['danger'],
   '--adg3-color-R100': ['danger'],
@@ -170,7 +170,7 @@ const knownVariables = {
   '--jpo-border-secondary-color': ['border', 'subtle']
 };
 exports.knownVariables = knownVariables;
-const knownColors = {
+var knownColors = {
   aliceblue: ['blue'],
   antiquewhite: [],
   aqua: ['teal'],
@@ -320,7 +320,7 @@ const knownColors = {
   yellowgreen: ['yellow']
 };
 exports.knownColors = knownColors;
-const knownRawColors = {
+var knownRawColors = {
   '#000000': ['text'],
   '#cccccc': ['border'],
   '#aaaaaa': ['border'],

package/dist/cjs/presets/css-to-design-tokens/utils/meta.js

@@ -5,17 +5,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cleanMeta = cleanMeta;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _tokenNames = _interopRequireDefault(require("@atlaskit/tokens/token-names"));
-const getUniqueWordsFromTokens = Object.keys(_tokenNames.default).reduce((accum, val) => [...accum, ...val.split('.')], []).reduce((accum, val) => [...accum, ...val.split(/(?=[A-Z])/g).map(e => e.toLowerCase())], []).reduce((accum, val) => {
+var getUniqueWordsFromTokens = Object.keys(_tokenNames.default).reduce(function (accum, val) {
+  return [].concat((0, _toConsumableArray2.default)(accum), (0, _toConsumableArray2.default)(val.split('.')));
+}, []).reduce(function (accum, val) {
+  return [].concat((0, _toConsumableArray2.default)(accum), (0, _toConsumableArray2.default)(val.split(/(?=[A-Z])/g).map(function (e) {
+    return e.toLowerCase();
+  })));
+}, []).reduce(function (accum, val) {
   if (!accum.includes(val)) {
     accum.push(val);
   }
   return accum;
 }, []);
 function filterDuplciateFoundations(meta) {
-  const foundations = ['text', 'background', 'shadow', 'border'];
-  let hasFoundation = false;
-  return meta.filter(val => {
+  var foundations = ['text', 'background', 'shadow', 'border'];
+  var hasFoundation = false;
+  return meta.filter(function (val) {
     if (!hasFoundation && foundations.includes(val)) {
       hasFoundation = true;
       return true;
@@ -27,10 +34,16 @@ function filterDuplciateFoundations(meta) {
   });
 }
 function cleanMeta(meta) {
-  const cleanMeta = meta.reduce((accum, val) => [...accum, ...(typeof val === 'string' ? val.split(/(?=[A-Z])/g).map(e => e.toLowerCase()) : [])], []).reduce((accum, val) => {
+  var cleanMeta = meta.reduce(function (accum, val) {
+    return [].concat((0, _toConsumableArray2.default)(accum), (0, _toConsumableArray2.default)(typeof val === 'string' ? val.split(/(?=[A-Z])/g).map(function (e) {
+      return e.toLowerCase();
+    }) : []));
+  }, []).reduce(function (accum, val) {
     accum.push(val.replace(/:/g, '').replace(/,/g, '').replace('grey', 'neutral').replace('texts', 'text').replace('red', 'danger').replace('error', 'danger').replace('invalid', 'danger').replace('removed', 'danger').replace('removal', 'danger').replace('remove', 'danger').replace('focus', 'focused').replace('valid', 'success').replace('successful', 'success').replace('risk', 'warning').replace('caution', 'warning').replace('warn', 'warning').replace('primary', 'bold').replace('info', 'bold').replace('secondary', 'subtle').replace('hyperlink', 'link').replace('anchor', 'link').replace('active', 'pressed').replace('hover', 'hovered').replace('dragged', 'overlay').replace('dragging', 'overlay').replace('drag', 'overlay').replace('background-color', 'background').replace('color', 'text').replace('icons', 'icon').replace('arrow', 'icon').replace('glyph', 'icon').replace('stroke', 'border').replace('border-left', 'border').replace('border-right', 'border').replace('border-top', 'border').replace('border-bottom', 'border').replace('box-shadow', 'shadow'));
     return accum;
-  }, []).filter(val => getUniqueWordsFromTokens.includes(val)).reduce((accum, val) => {
+  }, []).filter(function (val) {
+    return getUniqueWordsFromTokens.includes(val);
+  }).reduce(function (accum, val) {
     if (!accum.includes(val)) {
       accum.push(val);
     }

package/dist/cjs/presets/index.js

@@ -15,6 +15,8 @@ require("./css-to-design-tokens/css-to-design-tokens");
  * in the final bundle
  */
 
-const presets = ['styled-to-emotion', 'theme-to-design-tokens', 'theme-remove-deprecated-mixins', 'css-to-design-tokens'].map(preset => _path.default.join(__dirname, preset, `${preset}.@(ts|js|tsx)`));
+var presets = ['styled-to-emotion', 'theme-to-design-tokens', 'theme-remove-deprecated-mixins', 'css-to-design-tokens'].map(function (preset) {
+  return _path.default.join(__dirname, preset, "".concat(preset, ".@(ts|js|tsx)"));
+});
 var _default = presets;
 exports.default = _default;

package/dist/cjs/presets/styled-to-emotion/styled-to-emotion.js

@@ -6,21 +6,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = transformer;
 exports.parser = void 0;
 function buildCoreImportDeclaration(j, path) {
-  const coreExports = ['css', 'keyframes'];
-  const specifiers = [];
-  j(path).find(j.ImportSpecifier).filter(specifier => coreExports.includes(specifier.value.imported.name)).forEach(specifier => {
+  var coreExports = ['css', 'keyframes'];
+  var specifiers = [];
+  j(path).find(j.ImportSpecifier).filter(function (specifier) {
+    return coreExports.includes(specifier.value.imported.name);
+  }).forEach(function (specifier) {
     specifiers.push(j.importSpecifier(j.identifier(specifier.value.imported.name)));
   });
   return specifiers.length ? j.importDeclaration(specifiers, j.literal('@emotion/core')) : null;
 }
 function buildStyledImportDeclaration(j, path) {
-  const specifier = j(path).find(j.ImportDefaultSpecifier).filter(specifier => specifier.value.local.name === 'styled');
+  var specifier = j(path).find(j.ImportDefaultSpecifier).filter(function (specifier) {
+    return specifier.value.local.name === 'styled';
+  });
   return specifier && specifier.length ? j.importDeclaration([j.importDefaultSpecifier(j.identifier(specifier.get(0).node.local.name))], j.literal('@emotion/styled')) : null;
 }
 function buildThemingImportDeclaration(j, path) {
-  const themingExports = ['ThemeProvider', 'withTheme'];
-  const specifiers = [];
-  j(path).find(j.ImportSpecifier).filter(specifier => themingExports.includes(specifier.value.imported.name)).forEach(specifier => {
+  var themingExports = ['ThemeProvider', 'withTheme'];
+  var specifiers = [];
+  j(path).find(j.ImportSpecifier).filter(function (specifier) {
+    return themingExports.includes(specifier.value.imported.name);
+  }).forEach(function (specifier) {
     specifiers.push(j.importSpecifier(j.identifier(specifier.value.imported.name)));
   });
   return specifiers && specifiers.length ? j.importDeclaration(specifiers, j.literal('emotion-theming')) : null;
@@ -29,15 +35,16 @@ function buildThemingImportDeclaration(j, path) {
 /**
  * Converts all imports of `styled-components` to `@emotion/styled`
  */
-function transformer(fileInfo, {
-  jscodeshift: j
-}, options) {
-  const source = j(fileInfo.source).find(j.ImportDeclaration).filter(path => path.node.source.value === 'styled-components').forEach(path => {
+function transformer(fileInfo, _ref, options) {
+  var j = _ref.jscodeshift;
+  var source = j(fileInfo.source).find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === 'styled-components';
+  }).forEach(function (path) {
     j(path).replaceWith([buildCoreImportDeclaration(j, path), buildStyledImportDeclaration(j, path), buildThemingImportDeclaration(j, path)]);
   }).toSource(options.printOptions || {
     quote: 'single'
   });
   return source;
 }
-const parser = 'tsx';
+var parser = 'tsx';
 exports.parser = parser;

package/dist/cjs/presets/theme-remove-deprecated-mixins/theme-remove-deprecated-mixins.js

@@ -13,18 +13,18 @@ function insertTokenImport(j, source) {
   if ((0, _utils.hasImportDeclaration)(j, source, '@atlaskit/tokens')) {
     return;
   }
-  const newImport = j.importDeclaration([j.importSpecifier(j.identifier('token'))], j.stringLiteral('@atlaskit/tokens'));
+  var newImport = j.importDeclaration([j.importSpecifier(j.identifier('token'))], j.stringLiteral('@atlaskit/tokens'));
   source.get().node.program.body.unshift(newImport);
 }
 function insertThemedImport(j, source) {
   if ((0, _utils.hasImportSpecifier)(j, source, 'themed', '@atlaskit/theme/components')) {
     return;
   }
-  const newImport = j.importDeclaration([j.importSpecifier(j.identifier('themed'))], j.stringLiteral('@atlaskit/theme/components'));
+  var newImport = j.importDeclaration([j.importSpecifier(j.identifier('themed'))], j.stringLiteral('@atlaskit/theme/components'));
   source.get().node.program.body.unshift(newImport);
 }
 function buildToken(j, tokenId, node) {
-  const callExpr = j.callExpression(j.identifier('token'), [j.stringLiteral(tokenId), node].filter(Boolean));
+  var callExpr = j.callExpression(j.identifier('token'), [j.stringLiteral(tokenId), node].filter(Boolean));
   return callExpr;
 }
 function isDecendantOfTokenMethod(j, path) {
@@ -34,36 +34,47 @@ function isDecendantOfTokenMethod(j, path) {
     }
   }).length > 0;
 }
-const isDeprecatedApi = identifierName => Object.keys(_replacements.colorReplacements).includes(identifierName);
-function buildThemedNode(j, tokenId = '', fallbackLight, fallbackDark) {
+var isDeprecatedApi = function isDeprecatedApi(identifierName) {
+  return Object.keys(_replacements.colorReplacements).includes(identifierName);
+};
+function buildThemedNode(j) {
+  var tokenId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var fallbackLight = arguments.length > 2 ? arguments[2] : undefined;
+  var fallbackDark = arguments.length > 3 ? arguments[3] : undefined;
   return j.callExpression(j.identifier('themed'), [j.objectExpression([j.objectProperty(j.identifier('light'), tokenId ? buildToken(j, tokenId, fallbackLight) : fallbackLight), j.objectProperty(j.identifier('dark'), tokenId ? buildToken(j, tokenId, fallbackDark) : fallbackDark)])]);
 }
 function replaceIdentifiers(j, source, specifier) {
-  const importSpecifierLocal = specifier.value.local.name;
-  const importSpecifierImported = specifier.value.imported.name;
+  var importSpecifierLocal = specifier.value.local.name;
+  var importSpecifierImported = specifier.value.imported.name;
   source.find(j.Identifier, {
     name: importSpecifierLocal
-  }).filter(identifier => !isDecendantOfType(j, identifier, j.ImportDeclaration)).filter(identifier => identifier.parent.value.type !== 'MemberExpression').filter(identifier => !['ArrowFunctionExpression', 'FunctionDeclaration', 'JSXAttribute', 'JSXOpeningElement', 'LogicalExpression', 'ObjectProperty', 'TSFunctionType', 'TSPropertySignature', 'VariableDeclarator'].includes(identifier.parent.value.type)).forEach(identifier => {
-    const replacement = _replacements.colorReplacements[importSpecifierImported];
-    const isDecendantOfToken = isDecendantOfTokenMethod(j, identifier);
-    const isDecendantOfCallExpression = identifier.parent.value.type === 'CallExpression';
-    const isDynamicReplacement = !isDecendantOfCallExpression || isDecendantOfCallExpression && identifier.parent.value.arguments.length > 0;
-    const tokenParentNode = isDecendantOfToken && j(identifier).closest(j.CallExpression, {
+  }).filter(function (identifier) {
+    return !isDecendantOfType(j, identifier, j.ImportDeclaration);
+  }).filter(function (identifier) {
+    return identifier.parent.value.type !== 'MemberExpression';
+  }).filter(function (identifier) {
+    return !['ArrowFunctionExpression', 'FunctionDeclaration', 'JSXAttribute', 'JSXOpeningElement', 'LogicalExpression', 'ObjectProperty', 'TSFunctionType', 'TSPropertySignature', 'VariableDeclarator'].includes(identifier.parent.value.type);
+  }).forEach(function (identifier) {
+    var replacement = _replacements.colorReplacements[importSpecifierImported];
+    var isDecendantOfToken = isDecendantOfTokenMethod(j, identifier);
+    var isDecendantOfCallExpression = identifier.parent.value.type === 'CallExpression';
+    var isDynamicReplacement = !isDecendantOfCallExpression || isDecendantOfCallExpression && identifier.parent.value.arguments.length > 0;
+    var tokenParentNode = isDecendantOfToken && j(identifier).closest(j.CallExpression, {
       callee: {
         name: 'token'
       }
     }).get();
-    const tokenId = isDecendantOfToken ? tokenParentNode.value.arguments[0].value : replacement.tokenId;
+    var tokenId = isDecendantOfToken ? tokenParentNode.value.arguments[0].value : replacement.tokenId;
     insertTokenImport(j, source);
     (0, _utils.insertImportSpecifier)(j, source, j.importSpecifier(j.identifier(replacement.importSpecifiers[0])), '@atlaskit/theme/colors');
 
     // Requires themed function
     if (isDynamicReplacement) {
-      const themedNode = buildThemedNode(j, tokenId, j.identifier(replacement.importSpecifiers[0]), j.identifier(replacement.importSpecifiers[1]));
+      var themedNode = buildThemedNode(j, tokenId, j.identifier(replacement.importSpecifiers[0]), j.identifier(replacement.importSpecifiers[1]));
       insertThemedImport(j, source);
       (0, _utils.insertImportSpecifier)(j, source, j.importSpecifier(j.identifier(replacement.importSpecifiers[1])), '@atlaskit/theme/colors');
       if (isDecendantOfToken && isDecendantOfCallExpression) {
-        const callExpression = identifier.parent;
+        var callExpression = identifier.parent;
         tokenParentNode.replace(j.callExpression(themedNode, callExpression.value.arguments));
         return;
       }
@@ -89,26 +100,28 @@ function replaceMemberExpressions(j, source, specifier) {
     object: {
       name: specifier.value.local.name
     }
-  }).find(j.Identifier).filter(identifier => isDeprecatedApi(identifier.value.name)).forEach(identifier => {
-    const memberExpression = identifier.parent;
-    const replacement = _replacements.colorReplacements[identifier.value.name];
-    const isDecendantOfToken = isDecendantOfTokenMethod(j, identifier);
-    const isDecendantOfCallExpression = identifier.parent.parent.value.type === 'CallExpression';
-    const isDynamicReplacement = !isDecendantOfCallExpression || isDecendantOfCallExpression && identifier.parent.parent.value.arguments.length > 0;
-    const tokenParentNode = isDecendantOfToken && j(identifier).closest(j.CallExpression, {
+  }).find(j.Identifier).filter(function (identifier) {
+    return isDeprecatedApi(identifier.value.name);
+  }).forEach(function (identifier) {
+    var memberExpression = identifier.parent;
+    var replacement = _replacements.colorReplacements[identifier.value.name];
+    var isDecendantOfToken = isDecendantOfTokenMethod(j, identifier);
+    var isDecendantOfCallExpression = identifier.parent.parent.value.type === 'CallExpression';
+    var isDynamicReplacement = !isDecendantOfCallExpression || isDecendantOfCallExpression && identifier.parent.parent.value.arguments.length > 0;
+    var tokenParentNode = isDecendantOfToken && j(identifier).closest(j.CallExpression, {
       callee: {
         name: 'token'
       }
     }).get();
-    const tokenId = isDecendantOfToken ? tokenParentNode.value.arguments[0].value : replacement.tokenId;
+    var tokenId = isDecendantOfToken ? tokenParentNode.value.arguments[0].value : replacement.tokenId;
     insertTokenImport(j, source);
 
     // Requires themed function
     if (isDynamicReplacement) {
-      const themedNode = buildThemedNode(j, tokenId, j.memberExpression(j.identifier(memberExpression.value.object.name), j.identifier(replacement.importSpecifiers[0])), j.memberExpression(j.identifier(memberExpression.value.object.name), j.identifier(replacement.importSpecifiers[1])));
+      var themedNode = buildThemedNode(j, tokenId, j.memberExpression(j.identifier(memberExpression.value.object.name), j.identifier(replacement.importSpecifiers[0])), j.memberExpression(j.identifier(memberExpression.value.object.name), j.identifier(replacement.importSpecifiers[1])));
       insertThemedImport(j, source);
       if (isDecendantOfToken && isDecendantOfCallExpression) {
-        const callExpression = identifier.parent.parent;
+        var callExpression = identifier.parent.parent;
         tokenParentNode.replace(j.callExpression(themedNode, callExpression.value.arguments));
         return;
       }
@@ -130,32 +143,34 @@ function replaceMemberExpressions(j, source, specifier) {
   });
 }
 function transformer(file, api) {
-  const j = api.jscodeshift;
-  const source = j(file.source);
-  const hasThemeImport = (0, _utils.hasImportDeclaration)(j, source, '@atlaskit/theme');
-  const hasThemeColorsImport = (0, _utils.hasImportDeclaration)(j, source, '@atlaskit/theme/colors');
+  var j = api.jscodeshift;
+  var source = j(file.source);
+  var hasThemeImport = (0, _utils.hasImportDeclaration)(j, source, '@atlaskit/theme');
+  var hasThemeColorsImport = (0, _utils.hasImportDeclaration)(j, source, '@atlaskit/theme/colors');
   if (!hasThemeImport && !hasThemeColorsImport) {
     return file.source;
   }
-  (0, _utils.getImportDeclaration)(j, source, '@atlaskit/theme').find(j.ImportNamespaceSpecifier).forEach(specifier => {
+  (0, _utils.getImportDeclaration)(j, source, '@atlaskit/theme').find(j.ImportNamespaceSpecifier).forEach(function (specifier) {
     replaceMemberExpressions(j, source, specifier);
   });
-  (0, _utils.getImportDeclaration)(j, source, '@atlaskit/theme').find(j.ImportSpecifier).forEach(specifier => {
+  (0, _utils.getImportDeclaration)(j, source, '@atlaskit/theme').find(j.ImportSpecifier).forEach(function (specifier) {
     replaceMemberExpressions(j, source, specifier);
   });
-  (0, _utils.getImportDeclaration)(j, source, '@atlaskit/theme/colors').find(j.ImportNamespaceSpecifier).forEach(specifier => {
+  (0, _utils.getImportDeclaration)(j, source, '@atlaskit/theme/colors').find(j.ImportNamespaceSpecifier).forEach(function (specifier) {
     replaceMemberExpressions(j, source, specifier);
   });
-  (0, _utils.getImportDeclaration)(j, source, '@atlaskit/theme/colors').find(j.ImportSpecifier).filter(specifier => isDeprecatedApi(specifier.value.imported.name)).forEach(specifier => {
+  (0, _utils.getImportDeclaration)(j, source, '@atlaskit/theme/colors').find(j.ImportSpecifier).filter(function (specifier) {
+    return isDeprecatedApi(specifier.value.imported.name);
+  }).forEach(function (specifier) {
     replaceIdentifiers(j, source, specifier);
   }).remove();
 
   // Clean-up empty imports
-  (0, _utils.getImportDeclaration)(j, source, '@atlaskit/theme/colors').filter(importDec => {
+  (0, _utils.getImportDeclaration)(j, source, '@atlaskit/theme/colors').filter(function (importDec) {
     var _importDec$value$spec;
     return !((_importDec$value$spec = importDec.value.specifiers) !== null && _importDec$value$spec !== void 0 && _importDec$value$spec.length);
   }).remove();
-  (0, _utils.getImportDeclaration)(j, source, '@atlaskit/theme').filter(importDec => {
+  (0, _utils.getImportDeclaration)(j, source, '@atlaskit/theme').filter(function (importDec) {
     var _importDec$value$spec2;
     return !((_importDec$value$spec2 = importDec.value.specifiers) !== null && _importDec$value$spec2 !== void 0 && _importDec$value$spec2.length);
   }).remove();