@atlaskit/codemod-cli 0.11.5 → 0.12.1

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

@@ -5,10 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = transformer;
-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");
@@ -18,14 +14,8 @@ var _legacyColors = require("./utils/legacy-colors");
 var _meta = require("./utils/meta");
 // @ts-ignore
 
-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);
+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);
 function isRule(node) {
   return node.type === 'rule';
 }
@@ -64,22 +54,17 @@ function getDeclarationMeta(decl) {
   return '';
 }
 function isDesignToken(tokenName) {
-  return Boolean(Object.entries(_tokenNames.default).find(function (_ref) {
-    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-      _ = _ref2[0],
-      value = _ref2[1];
-    return tokenName === value;
-  }));
+  return Boolean(Object.entries(_tokenNames.default).find(([_, value]) => tokenName === value));
 }
 function getMetaFromCssVar(tokenName) {
-  var meta = _legacyColors.knownVariables[tokenName];
+  const meta = _legacyColors.knownVariables[tokenName];
   if (!meta || meta.length === 0) {
     return tokenName.split('-');
   }
   return meta;
 }
 function getMetaFromRawColor(rawColor) {
-  var cleanColor = rawColor.toLowerCase();
+  let cleanColor = rawColor.toLowerCase();
   if (cleanColor.length === 4) {
     cleanColor = cleanColor + cleanColor.substring(cleanColor.indexOf('#') + 1);
   }
@@ -88,11 +73,11 @@ function getMetaFromRawColor(rawColor) {
 
 // https://github.com/postcss/postcss/blob/main/docs/writing-a-plugin.md
 // https://astexplorer.net/#/2uBU1BLuJ1
-var plugin = function plugin() {
-  var processed = Symbol('processed');
+const plugin = () => {
+  const processed = Symbol('processed');
   return {
     postcssPlugin: 'UsingTokens',
-    Declaration: function Declaration(decl) {
+    Declaration: decl => {
       // @ts-expect-error
       if (decl[processed]) {
         return;
@@ -100,61 +85,53 @@ var plugin = function plugin() {
       if (!isColorProperty(decl.prop)) {
         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;
+      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;
 
       // CSS variables
-      var cssVarMatch = decl.value.match(cssVarRe);
+      const cssVarMatch = decl.value.match(cssVarRe);
       if (cssVarMatch) {
-        var _getMetaFromCssVar;
         match = cssVarMatch[0];
         if (isDesignToken(stripVar(match))) {
           return;
         }
-        searchTerms.push.apply(searchTerms, (0, _toConsumableArray2.default)((_getMetaFromCssVar = getMetaFromCssVar(stripVar(match))) !== null && _getMetaFromCssVar !== void 0 ? _getMetaFromCssVar : []));
+        searchTerms.push(...(getMetaFromCssVar(stripVar(match)) ?? []));
       }
 
       // Less variables
-      var lassVarMatch = decl.value.match(lessVarRe);
+      const lassVarMatch = decl.value.match(lessVarRe);
       if (lassVarMatch) {
-        var _getMetaFromCssVar2;
         match = lassVarMatch[0];
-        searchTerms.push.apply(searchTerms, (0, _toConsumableArray2.default)((_getMetaFromCssVar2 = getMetaFromCssVar("--".concat(stripLessVar(match)))) !== null && _getMetaFromCssVar2 !== void 0 ? _getMetaFromCssVar2 : []));
+        searchTerms.push(...(getMetaFromCssVar(`--${stripLessVar(match)}`) ?? []));
       }
 
       // Raw colors
-      var rawColorMatch = decl.value.match(rawColorRe);
+      const rawColorMatch = decl.value.match(rawColorRe);
       if (rawColorMatch) {
-        var _getMetaFromRawColor;
         match = rawColorMatch[0];
-        searchTerms.push.apply(searchTerms, (0, _toConsumableArray2.default)((_getMetaFromRawColor = getMetaFromRawColor(match)) !== null && _getMetaFromRawColor !== void 0 ? _getMetaFromRawColor : []));
+        searchTerms.push(...(getMetaFromRawColor(match) ?? []));
       }
 
       // Named colors
       if (_legacyColors.knownColors.hasOwnProperty(decl.value)) {
-        var _knownColors$decl$val;
         match = decl.value;
-        searchTerms.push.apply(searchTerms, (0, _toConsumableArray2.default)((_knownColors$decl$val = _legacyColors.knownColors[decl.value.toLowerCase()]) !== null && _knownColors$decl$val !== void 0 ? _knownColors$decl$val : []));
+        searchTerms.push(...(_legacyColors.knownColors[decl.value.toLowerCase()] ?? []));
       }
       if (!match) {
-        console.warn("Unable to find match for declaration: ".concat(decl.prop, ": ").concat(decl.value));
+        console.warn(`Unable to find match for declaration: ${decl.prop}: ${decl.value}`);
         return;
       }
-      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';
+      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';
       if (decl.prop === 'box-shadow') {
-        decl.value = "var(".concat(replacement, ", ").concat(decl.value, ")");
+        decl.value = `var(${replacement}, ${decl.value})`;
       } else {
-        decl.value = decl.value.split(match).join("var(".concat(replacement, ", ").concat(match, ")"));
+        decl.value = decl.value.split(match).join(`var(${replacement}, ${match})`);
       }
 
       // @ts-expect-error
@@ -162,27 +139,8 @@ var plugin = function plugin() {
     }
   };
 };
-function transformer(_x) {
-  return _transformer.apply(this, arguments);
-}
-function _transformer() {
-  _transformer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file) {
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return (0, _postcss.default)([plugin()]).process(file.source, {
-              syntax: _postcssLess.default
-            }).css;
-          case 2:
-            return _context.abrupt("return", _context.sent);
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _transformer.apply(this, arguments);
+async function transformer(file) {
+  return await (0, _postcss.default)([plugin()]).process(file.source, {
+    syntax: _postcssLess.default
+  }).css;
 }

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;
-var knownVariables = {
+const knownVariables = {
   '--adg3-color-R50': ['danger'],
   '--adg3-color-R75': ['danger'],
   '--adg3-color-R100': ['danger'],
@@ -170,7 +170,7 @@ var knownVariables = {
   '--jpo-border-secondary-color': ['border', 'subtle']
 };
 exports.knownVariables = knownVariables;
-var knownColors = {
+const knownColors = {
   aliceblue: ['blue'],
   antiquewhite: [],
   aqua: ['teal'],
@@ -320,7 +320,7 @@ var knownColors = {
   yellowgreen: ['yellow']
 };
 exports.knownColors = knownColors;
-var knownRawColors = {
+const knownRawColors = {
   '#000000': ['text'],
   '#cccccc': ['border'],
   '#aaaaaa': ['border'],

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

@@ -5,24 +5,17 @@ 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"));
-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) {
+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) => {
   if (!accum.includes(val)) {
     accum.push(val);
   }
   return accum;
 }, []);
 function filterDuplciateFoundations(meta) {
-  var foundations = ['text', 'background', 'shadow', 'border'];
-  var hasFoundation = false;
-  return meta.filter(function (val) {
+  const foundations = ['text', 'background', 'shadow', 'border'];
+  let hasFoundation = false;
+  return meta.filter(val => {
     if (!hasFoundation && foundations.includes(val)) {
       hasFoundation = true;
       return true;
@@ -34,16 +27,10 @@ function filterDuplciateFoundations(meta) {
   });
 }
 function cleanMeta(meta) {
-  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) {
+  const cleanMeta = meta.reduce((accum, val) => [...accum, ...(typeof val === 'string' ? val.split(/(?=[A-Z])/g).map(e => e.toLowerCase()) : [])], []).reduce((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(function (val) {
-    return getUniqueWordsFromTokens.includes(val);
-  }).reduce(function (accum, val) {
+  }, []).filter(val => getUniqueWordsFromTokens.includes(val)).reduce((accum, val) => {
     if (!accum.includes(val)) {
       accum.push(val);
     }

package/dist/cjs/presets/index.js

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

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

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

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = transformer;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _ast = require("./utils/ast");
 var _astMeta = require("./utils/ast-meta");
 var _color = require("./utils/color");
@@ -14,16 +13,12 @@ var _legacyColors = require("./utils/legacy-colors");
 var _tokens = require("./utils/tokens");
 /* eslint-disable no-console */
 
-var search = (0, _fuzzySearch.default)(_tokens.tokens, false);
+const search = (0, _fuzzySearch.default)(_tokens.tokens, false);
 function hasImportDeclaration(j, source, sourcePath) {
-  return !!source.find(j.ImportDeclaration).filter(function (path) {
-    return path.node.source.value === sourcePath;
-  }).length;
+  return !!source.find(j.ImportDeclaration).filter(path => path.node.source.value === sourcePath).length;
 }
 function hasImportSpecifier(j, source, specifier, sourcePath) {
-  return !!source.find(j.ImportDeclaration).filter(function (path) {
-    return path.node.source.value === sourcePath;
-  }).find(j.ImportSpecifier, {
+  return !!source.find(j.ImportDeclaration).filter(path => path.node.source.value === sourcePath).find(j.ImportSpecifier, {
     local: {
       name: specifier
     }
@@ -33,89 +28,65 @@ function insertTokenImport(j, source) {
   if (hasImportDeclaration(j, source, '@atlaskit/tokens')) {
     return;
   }
-  var newImport = j.importDeclaration([j.importSpecifier(j.identifier('token'))], j.stringLiteral('@atlaskit/tokens'));
+  const newImport = j.importDeclaration([j.importSpecifier(j.identifier('token'))], j.stringLiteral('@atlaskit/tokens'));
   source.get().node.program.body.unshift(newImport);
 }
 function buildToken(j, tokenId, node) {
-  var callExpr = j.callExpression(j.identifier('token'), [j.stringLiteral(tokenId), node].filter(Boolean));
+  const callExpr = j.callExpression(j.identifier('token'), [j.stringLiteral(tokenId), node].filter(Boolean));
   return callExpr;
 }
-function getTokenFromNode(j, path) {
-  var baseMeta = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var foundMeta = (0, _astMeta.getMetaFromAncestors)(j, path);
-  var meta = (0, _astMeta.cleanMeta)([].concat((0, _toConsumableArray2.default)(foundMeta), (0, _toConsumableArray2.default)(baseMeta)));
-  var results = search.get(meta.join(' '));
-  var tokenId = ['MISSING_TOKEN'];
+function getTokenFromNode(j, path, baseMeta = []) {
+  const foundMeta = (0, _astMeta.getMetaFromAncestors)(j, path);
+  const meta = (0, _astMeta.cleanMeta)([...foundMeta, ...baseMeta]);
+  const results = search.get(meta.join(' '));
+  let tokenId = ['MISSING_TOKEN'];
   if (results) {
-    tokenId = results.map(function (result) {
-      return result[1];
-    });
+    tokenId = results.map(result => result[1]);
   }
   return tokenId[0];
 }
-function transformer(file, api) {
-  var debug = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var j = api.jscodeshift;
-  var source = j(file.source);
-  var transformed = false;
+function transformer(file, api, debug = false) {
+  const j = api.jscodeshift;
+  const source = j(file.source);
+  let transformed = false;
   source
   // Handle colors.N100
-  .find(j.MemberExpression).filter(function (path) {
+  .find(j.MemberExpression).filter(path => {
     return path.value.object.type === 'Identifier' && path.value.object.name === 'colors' && path.value.property.type === 'Identifier' && (0, _color.isLegacyColor)(path.value.property.name);
-  }).filter(function (path) {
-    return !(0, _ast.isDecendantOfToken)(j, path);
-  }).forEach(function (path) {
+  }).filter(path => !(0, _ast.isDecendantOfToken)(j, path)).forEach(path => {
     debug && console.log('file:', file.path);
     insertTokenImport(j, source);
-    var key = path.value.property.type === 'Identifier' ? path.value.property.name : undefined;
-    var colorMeta = _legacyColors.legacyColorMetaMap[key] || [];
-    var tokenId = getTokenFromNode(j, path, colorMeta);
+    const key = path.value.property.type === 'Identifier' ? path.value.property.name : undefined;
+    const colorMeta = _legacyColors.legacyColorMetaMap[key] || [];
+    const tokenId = getTokenFromNode(j, path, colorMeta);
     j(path).replaceWith(buildToken(j, tokenId, path.value));
     transformed = true;
   });
-  source.find(j.ObjectProperty).filter(function (path) {
-    return path.value.value.type === 'Identifier' && ((0, _color.isLegacyColor)(path.value.value.name) || (0, _color.isLegacyNamedColor)(path.value.value.name));
-  }).filter(function (path) {
-    return hasImportSpecifier(j, source, path.value.value.type === 'Identifier' ? path.value.value.name : '', '@atlaskit/theme') || hasImportSpecifier(j, source, path.value.value.type === 'Identifier' ? path.value.value.name : '', '@atlaskit/theme/colors');
-  }).filter(function (path) {
-    return !(0, _ast.isDecendantOfToken)(j, path.value.value);
-  }).forEach(function (path) {
-    var valuePath = path.get('value');
+  source.find(j.ObjectProperty).filter(path => path.value.value.type === 'Identifier' && ((0, _color.isLegacyColor)(path.value.value.name) || (0, _color.isLegacyNamedColor)(path.value.value.name))).filter(path => hasImportSpecifier(j, source, path.value.value.type === 'Identifier' ? path.value.value.name : '', '@atlaskit/theme') || hasImportSpecifier(j, source, path.value.value.type === 'Identifier' ? path.value.value.name : '', '@atlaskit/theme/colors')).filter(path => !(0, _ast.isDecendantOfToken)(j, path.value.value)).forEach(path => {
+    const valuePath = path.get('value');
     debug && console.log('file:', file.path);
     insertTokenImport(j, source);
-    var colorMeta = _legacyColors.legacyColorMetaMap[valuePath.name] || [];
-    var tokenId = getTokenFromNode(j, valuePath, colorMeta);
+    const colorMeta = _legacyColors.legacyColorMetaMap[valuePath.name] || [];
+    const tokenId = getTokenFromNode(j, valuePath, colorMeta);
     j(path).replaceWith(j.objectProperty(path.value.key, buildToken(j, tokenId, valuePath.value)));
     transformed = true;
   });
-  source.find(j.Identifier).filter(function (path) {
-    return (0, _color.isLegacyColor)(path.value.name) || (0, _color.isLegacyNamedColor)(path.value.name);
-  }).filter(function (path) {
-    return hasImportSpecifier(j, source, path.value.name, '@atlaskit/theme') || hasImportSpecifier(j, source, path.value.name, '@atlaskit/theme/colors');
-  }).filter(function (path) {
-    return !['ImportSpecifier', 'MemberExpression', 'ObjectProperty'].includes(path.parentPath.value.type);
-  }).filter(function (path) {
-    return !(0, _ast.isDecendantOfToken)(j, path);
-  }).forEach(function (path) {
+  source.find(j.Identifier).filter(path => (0, _color.isLegacyColor)(path.value.name) || (0, _color.isLegacyNamedColor)(path.value.name)).filter(path => hasImportSpecifier(j, source, path.value.name, '@atlaskit/theme') || hasImportSpecifier(j, source, path.value.name, '@atlaskit/theme/colors')).filter(path => !['ImportSpecifier', 'MemberExpression', 'ObjectProperty'].includes(path.parentPath.value.type)).filter(path => !(0, _ast.isDecendantOfToken)(j, path)).forEach(path => {
     debug && console.log('file:', file.path);
     insertTokenImport(j, source);
-    var colorMeta = _legacyColors.legacyColorMetaMap[path.value.name] || [];
-    var tokenId = getTokenFromNode(j, path, colorMeta);
+    const colorMeta = _legacyColors.legacyColorMetaMap[path.value.name] || [];
+    const tokenId = getTokenFromNode(j, path, colorMeta);
     j(path).replaceWith(buildToken(j, tokenId, path.value));
     transformed = true;
   });
-  source.find(j.Literal).filter(function (path) {
-    return typeof path.value.value === 'string' && ((0, _color.includesHardCodedColor)(path.value.value) || (0, _color.isHardCodedColor)(path.value.value));
-  }).filter(function (path) {
-    return !(0, _ast.isDecendantOfToken)(j, path);
-  }).forEach(function (path) {
+  source.find(j.Literal).filter(path => typeof path.value.value === 'string' && ((0, _color.includesHardCodedColor)(path.value.value) || (0, _color.isHardCodedColor)(path.value.value))).filter(path => !(0, _ast.isDecendantOfToken)(j, path)).forEach(path => {
     var _path$value, _path$value$value;
     debug && console.log('file:', file.path);
     insertTokenImport(j, source);
-    var value = path === null || path === void 0 ? void 0 : (_path$value = path.value) === null || _path$value === void 0 ? void 0 : (_path$value$value = _path$value.value) === null || _path$value$value === void 0 ? void 0 : _path$value$value.toString();
-    var colorMeta = _legacyColors.legacyColorMetaMap[value] || [];
-    var tokenId = getTokenFromNode(j, path, colorMeta);
-    var tokenNode = buildToken(j, tokenId, path.value);
+    const value = path === null || path === void 0 ? void 0 : (_path$value = path.value) === null || _path$value === void 0 ? void 0 : (_path$value$value = _path$value.value) === null || _path$value$value === void 0 ? void 0 : _path$value$value.toString();
+    const colorMeta = _legacyColors.legacyColorMetaMap[value] || [];
+    const tokenId = getTokenFromNode(j, path, colorMeta);
+    const tokenNode = buildToken(j, tokenId, path.value);
     j(path).replaceWith((0, _ast.isDecendantOfType)(j, path, j.JSXAttribute) ? j.jsxExpressionContainer(tokenNode) : tokenNode);
     transformed = true;
   });

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

@@ -1,19 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cleanMeta = cleanMeta;
 exports.getMetaFromAncestors = getMetaFromAncestors;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _tokens = require("./tokens");
-function getMetaFromAncestors(j, path) {
-  var meta = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var parent = path.parentPath;
-  var grandParent = parent && parent.parentPath;
+function getMetaFromAncestors(j, path, meta = []) {
+  const parent = path.parentPath;
+  const grandParent = parent && parent.parentPath;
   if (parent && parent.value.type === 'ObjectProperty') {
-    var value = '';
+    let value = '';
     if (parent.value.key.type === 'Literal' || parent.value.key.type === 'StringLiteral' || parent.value.key.type === 'NumericLiteral') {
       value = parent.value.key.value.toString();
     } else {
@@ -22,19 +19,13 @@ function getMetaFromAncestors(j, path) {
     meta.push(value);
   }
   if (parent && grandParent && grandParent.value.type === 'TemplateLiteral') {
-    var expressionIndex = grandParent.value.expressions.findIndex(function (exp) {
-      return exp.name === path.value.name;
-    });
-    var quasi = grandParent.value.quasis[expressionIndex];
-    var propertyName = (quasi.value.cooked || quasi.value.raw || '').replace(/\n/g, '').split(/;|{|}/).filter(function (el) {
-      return !el.match(/\.|\@|\(|\)/);
-    }).pop().split(/:/g)[0].trim();
-    grandParent.value.quasis.slice(0, expressionIndex + 1).map(function (q) {
-      return q.value.cooked;
-    })
+    const expressionIndex = grandParent.value.expressions.findIndex(exp => exp.name === path.value.name);
+    const quasi = grandParent.value.quasis[expressionIndex];
+    const propertyName = (quasi.value.cooked || quasi.value.raw || '').replace(/\n/g, '').split(/;|{|}/).filter(el => !el.match(/\.|\@|\(|\)/)).pop().split(/:/g)[0].trim();
+    grandParent.value.quasis.slice(0, expressionIndex + 1).map(q => q.value.cooked)
     // We reverse so the most nested one is first which we're more likely than not interested in
-    .reverse().some(function (str) {
-      var result = /(hover|active|disabled|focus)/.exec(str.toLowerCase());
+    .reverse().some(str => {
+      const result = /(hover|active|disabled|focus)/.exec(str.toLowerCase());
       if (result) {
         meta.push(result[0]);
         return true;
@@ -56,16 +47,12 @@ function getMetaFromAncestors(j, path) {
   return meta;
 }
 function cleanMeta(meta) {
-  return 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) {
+  return meta.reduce((accum, val) => [...accum, ...(typeof val === 'string' ? val.split(/(?=[A-Z])/g).map(e => e.toLowerCase()) : [])], []).reduce((accum, val) => {
     accum.push(val.replace(/:/g, '').replace(/,/g, '').replace('grey', 'neutral').replace('skeleton', '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('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(function (val) {
+  }, []).filter(val => {
     return _tokens.getUniqueWordsFromTokens.includes(val);
-  }).reduce(function (accum, val) {
+  }).reduce((accum, val) => {
     if (!accum.includes(val)) {
       accum.push(val);
     }

package/dist/cjs/presets/theme-to-design-tokens/utils/color.js

@@ -6,28 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.isLegacyNamedColor = exports.isLegacyColor = exports.isHardCodedColor = exports.includesHardCodedColor = void 0;
 var _legacyColors = require("./legacy-colors");
 var _namedColors = require("./named-colors");
-var isLegacyColor = function isLegacyColor(value) {
-  return _legacyColors.legacyColors.includes(value);
-};
+const isLegacyColor = value => _legacyColors.legacyColors.includes(value);
 exports.isLegacyColor = isLegacyColor;
-var isLegacyNamedColor = function isLegacyNamedColor(value) {
-  return _legacyColors.legacyColorMixins.includes(value);
-};
+const isLegacyNamedColor = value => _legacyColors.legacyColorMixins.includes(value);
 exports.isLegacyNamedColor = isLegacyNamedColor;
-var includesHardCodedColor = function includesHardCodedColor(raw) {
-  var value = raw.toLowerCase();
+const includesHardCodedColor = raw => {
+  const value = raw.toLowerCase();
   if (/#(?:[a-f0-9]{3}|[a-f0-9]{6}|[a-f0-9]{8})\b|(?:rgb|hsl)a?\([^\)]*\)/.exec(value.toLowerCase())) {
     return true;
   }
-  for (var i = 0; i < _namedColors.namedColors.length; i++) {
-    if (value.includes("".concat(_namedColors.namedColors[i], ";"))) {
+  for (let i = 0; i < _namedColors.namedColors.length; i++) {
+    if (value.includes(`${_namedColors.namedColors[i]};`)) {
       return true;
     }
   }
   return false;
 };
 exports.includesHardCodedColor = includesHardCodedColor;
-var isHardCodedColor = function isHardCodedColor(value) {
+const isHardCodedColor = value => {
   if (_namedColors.namedColors.includes(value.toLowerCase())) {
     return true;
   }