@atlaskit/codemod-cli 0.13.3 → 0.13.4

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

@@ -4,140 +4,140 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.colorReplacements = void 0;
-const colorReplacements = {
+var colorReplacements = {
   background: {
-    fullReplacement: `themed({ light: token('elevation.surface', N0), dark: token('elevation.surface', DN30) })`,
+    fullReplacement: "themed({ light: token('elevation.surface', N0), dark: token('elevation.surface', DN30) })",
     staticReplacement: 'N0',
     tokenId: 'elevation.surface',
     importSpecifiers: ['N0', 'DN30']
   },
   backgroundActive: {
-    fullReplacement: `themed({ light: token('color.background.selected', B50), dark: token('color.background.selected', B75) })`,
+    fullReplacement: "themed({ light: token('color.background.selected', B50), dark: token('color.background.selected', B75) })",
     staticReplacement: 'B50',
     tokenId: 'color.background.selected',
     importSpecifiers: ['B50', 'B75']
   },
   backgroundHover: {
-    fullReplacement: `themed({ light: token('color.background.neutral.hovered', N30), dark: token('color.background.neutral.hovered', DN70) })`,
+    fullReplacement: "themed({ light: token('color.background.neutral.hovered', N30), dark: token('color.background.neutral.hovered', DN70) })",
     staticReplacement: 'N30',
     tokenId: 'color.background.neutral.hovered',
     importSpecifiers: ['N30', 'DN70']
   },
   backgroundOnLayer: {
-    fullReplacement: `themed({ light: token('elevation.surface.overlay', N0), dark: token('elevation.surface.overlay', DN50) })`,
+    fullReplacement: "themed({ light: token('elevation.surface.overlay', N0), dark: token('elevation.surface.overlay', DN50) })",
     staticReplacement: 'N0',
     tokenId: 'elevation.surface.overlay',
     importSpecifiers: ['N0', 'DN50']
   },
   text: {
-    fullReplacement: `themed({ light: token('color.text', N900), dark: token('color.text', DN600) })`,
+    fullReplacement: "themed({ light: token('color.text', N900), dark: token('color.text', DN600) })",
     staticReplacement: 'N900',
     tokenId: 'color.text',
     importSpecifiers: ['N900', 'DN600']
   },
   textHover: {
-    fullReplacement: `themed({ light: token('color.text', N800), dark: token('color.text', DN600) })`,
+    fullReplacement: "themed({ light: token('color.text', N800), dark: token('color.text', DN600) })",
     staticReplacement: 'N800',
     tokenId: 'color.text',
     importSpecifiers: ['N800', 'DN600']
   },
   textActive: {
-    fullReplacement: `themed({ light: token('color.text.selected', B400), dark: token('color.text.selected', B400) })`,
+    fullReplacement: "themed({ light: token('color.text.selected', B400), dark: token('color.text.selected', B400) })",
     staticReplacement: 'B400',
     tokenId: 'color.text.selected',
     importSpecifiers: ['B400', 'B400']
   },
   subtleText: {
-    fullReplacement: `themed({ light: token('color.text.subtlest', N200), dark: token('color.text.subtlest', DN300) })`,
+    fullReplacement: "themed({ light: token('color.text.subtlest', N200), dark: token('color.text.subtlest', DN300) })",
     staticReplacement: 'N200',
     tokenId: 'color.text.subtlest',
     importSpecifiers: ['N200', 'DN300']
   },
   placeholderText: {
-    fullReplacement: `themed({ light: token('color.text.subtlest', N100), dark: token('color.text.subtlest', DN200) })`,
+    fullReplacement: "themed({ light: token('color.text.subtlest', N100), dark: token('color.text.subtlest', DN200) })",
     staticReplacement: 'N100',
     tokenId: 'color.text.subtlest',
     importSpecifiers: ['N100', 'DN200']
   },
   heading: {
-    fullReplacement: `themed({ light: token('color.text', N800), dark: token('color.text', DN600) })`,
+    fullReplacement: "themed({ light: token('color.text', N800), dark: token('color.text', DN600) })",
     staticReplacement: 'N800',
     tokenId: 'color.text',
     importSpecifiers: ['N800', 'DN600']
   },
   subtleHeading: {
-    fullReplacement: `themed({ light: token('color.text.subtlest', N200), dark: token('color.text.subtlest', DN300) })`,
+    fullReplacement: "themed({ light: token('color.text.subtlest', N200), dark: token('color.text.subtlest', DN300) })",
     staticReplacement: 'N200',
     tokenId: 'color.text.subtlest',
     importSpecifiers: ['N200', 'DN300']
   },
   codeBlock: {
-    fullReplacement: `themed({ light: N20, dark: DN50 });`,
+    fullReplacement: "themed({ light: N20, dark: DN50 });",
     staticReplacement: 'N20',
     importSpecifiers: ['N20', 'DN50']
   },
   link: {
-    fullReplacement: `themed({ light: token('color.link', B400), dark: token('color.link', B100) })`,
+    fullReplacement: "themed({ light: token('color.link', B400), dark: token('color.link', B100) })",
     staticReplacement: 'B400',
     tokenId: 'color.link',
     importSpecifiers: ['B400', 'B100']
   },
   linkHover: {
-    fullReplacement: `themed({ light: token('color.link.pressed', B300), dark: token('color.link.pressed', B200) })`,
+    fullReplacement: "themed({ light: token('color.link.pressed', B300), dark: token('color.link.pressed', B200) })",
     staticReplacement: 'B300',
     tokenId: 'color.link.pressed',
     importSpecifiers: ['B300', 'B200']
   },
   linkActive: {
-    fullReplacement: `themed({ light: token('color.link.pressed', B500), dark: token('color.link.pressed', B100) })`,
+    fullReplacement: "themed({ light: token('color.link.pressed', B500), dark: token('color.link.pressed', B100) })",
     staticReplacement: 'B500',
     tokenId: 'color.link.pressed',
     importSpecifiers: ['B500', 'B100']
   },
   linkOutline: {
-    fullReplacement: `themed({ light: token('color.border.focused', B100), dark: token('color.border.focused', B200) })`,
+    fullReplacement: "themed({ light: token('color.border.focused', B100), dark: token('color.border.focused', B200) })",
     staticReplacement: 'B100',
     tokenId: 'color.border.focused',
     importSpecifiers: ['B100', 'B200']
   },
   primary: {
-    fullReplacement: `themed({ light: token('color.background.brand.bold', B400), dark: token('color.background.brand.bold', B100) })`,
+    fullReplacement: "themed({ light: token('color.background.brand.bold', B400), dark: token('color.background.brand.bold', B100) })",
     staticReplacement: 'B400',
     tokenId: 'color.background.brand.bold',
     importSpecifiers: ['B400', 'B100']
   },
   blue: {
-    fullReplacement: `themed({ light: B400, dark: B100, })`,
+    fullReplacement: "themed({ light: B400, dark: B100, })",
     staticReplacement: 'B400',
     importSpecifiers: ['B400', 'B100']
   },
   teal: {
-    fullReplacement: `themed({ light: T300, dark: T200 })`,
+    fullReplacement: "themed({ light: T300, dark: T200 })",
     staticReplacement: 'T300',
     importSpecifiers: ['T300', 'T200']
   },
   purple: {
-    fullReplacement: `themed({ light: P300, dark: P100 })`,
+    fullReplacement: "themed({ light: P300, dark: P100 })",
     staticReplacement: 'P300',
     importSpecifiers: ['P300', 'P100']
   },
   red: {
-    fullReplacement: `R300`,
+    fullReplacement: "R300",
     staticReplacement: 'R300',
     importSpecifiers: ['R300']
   },
   yellow: {
-    fullReplacement: `Y300`,
+    fullReplacement: "Y300",
     staticReplacement: 'Y300',
     importSpecifiers: ['Y300']
   },
   green: {
-    fullReplacement: `G300`,
+    fullReplacement: "G300",
     staticReplacement: 'G300',
     importSpecifiers: ['G300']
   },
   skeleton: {
-    fullReplacement: `token('color.skeleton', N20A)`,
+    fullReplacement: "token('color.skeleton', N20A)",
     staticReplacement: 'N20A',
     tokenId: 'color.skeleton',
     importSpecifiers: ['N20A']

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = transformer;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _utils = require("@codeshift/utils");
 var _ast = require("./utils/ast");
 var _astMeta = require("./utils/ast-meta");
@@ -14,24 +15,28 @@ var _legacyColors = require("./utils/legacy-colors");
 var _tokens = require("./utils/tokens");
 /* eslint-disable no-console */
 
-const kebabize = str => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());
+var kebabize = function kebabize(str) {
+  return str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, function ($, ofs) {
+    return (ofs ? '-' : '') + $.toLowerCase();
+  });
+};
 function isBoldColor(color) {
-  const number = parseInt(color.replace(/^./, ''), 10);
+  var number = parseInt(color.replace(/^./, ''), 10);
   return number > 300;
 }
 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 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 getColorFromIdentifier(expression) {
-  let value = '';
+  var value = '';
   if (expression.type === 'Identifier') {
     value = expression.name;
   }
@@ -44,9 +49,9 @@ function getColorFromIdentifier(expression) {
   return value;
 }
 function getTokenFromNode(j, path, value, propertyName) {
-  const valueMeta = (0, _astMeta.cleanMeta)(_legacyColors.legacyColorMetaMap[value] || []);
-  const ancestorMeta = (0, _astMeta.cleanMeta)([...(0, _astMeta.getMetaFromAncestors)(j, path), ...kebabize(propertyName).split('-')] || []);
-  let property = (0, _astMeta.cleanMeta)([kebabize(propertyName)])[0];
+  var valueMeta = (0, _astMeta.cleanMeta)(_legacyColors.legacyColorMetaMap[value] || []);
+  var ancestorMeta = (0, _astMeta.cleanMeta)([].concat((0, _toConsumableArray2.default)((0, _astMeta.getMetaFromAncestors)(j, path)), (0, _toConsumableArray2.default)(kebabize(propertyName).split('-'))) || []);
+  var property = (0, _astMeta.cleanMeta)([kebabize(propertyName)])[0];
 
   // Attempt to find a property from ancestors if one is not found
   if (!property || !['border', 'icon', 'background', 'text'].includes(property)) {
@@ -63,10 +68,12 @@ function getTokenFromNode(j, path, value, propertyName) {
       property = 'text';
     }
   }
-  let meta = [];
-  let possibleTokens = _tokens.tokens;
+  var meta = [];
+  var possibleTokens = _tokens.tokens;
   if (property === 'text') {
-    possibleTokens = _tokens.tokens.filter(token => token.includes('.text'));
+    possibleTokens = _tokens.tokens.filter(function (token) {
+      return token.includes('.text');
+    });
     if (valueMeta.includes('neutral')) {
       meta.push('color', 'text');
     }
@@ -79,17 +86,17 @@ function getTokenFromNode(j, path, value, propertyName) {
 
     // handle non-neutrals
     if (!valueMeta.includes('neutral')) {
-      meta.push('color', ...ancestorMeta, ...valueMeta);
+      meta.push.apply(meta, ['color'].concat((0, _toConsumableArray2.default)(ancestorMeta), (0, _toConsumableArray2.default)(valueMeta)));
     }
   }
   if (property === 'background' || property === 'background-color') {
     if (ancestorMeta.includes('disabled')) {
       // disabled backgrounds
-      meta.push(property, ...ancestorMeta);
+      meta.push.apply(meta, [property].concat((0, _toConsumableArray2.default)(ancestorMeta)));
     } else if (
     // Surfaces
     valueMeta.includes('neutral') && value !== 'N100' && value !== 'N200' && value !== 'N300' && value !== 'N400' && value !== 'N500' && value !== 'N600' && value !== 'N700' && value !== 'N800') {
-      meta.push('surface', ...ancestorMeta);
+      meta.push.apply(meta, ['surface'].concat((0, _toConsumableArray2.default)(ancestorMeta)));
     } else if (value.includes('N0')) {
       // default surface
       meta.push('elevation', 'surface');
@@ -102,47 +109,54 @@ function getTokenFromNode(j, path, value, propertyName) {
     }
   }
   if (property === 'border' || property === 'border-color' || property === 'border-left' || property === 'border-right' || property === 'border-top' || property === 'border-bottom' || property === 'outline' || property === 'outline-color') {
-    possibleTokens = _tokens.tokens.filter(token => token.includes('.border') || token.includes('.focus'));
+    possibleTokens = _tokens.tokens.filter(function (token) {
+      return token.includes('.border') || token.includes('.focus');
+    });
     if (valueMeta.includes('neutral')) {
       // standard netural boarder
-      meta.push('color', 'border', ...ancestorMeta);
+      meta.push.apply(meta, ['color', 'border'].concat((0, _toConsumableArray2.default)(ancestorMeta)));
     } else {
-      meta.push('border', ...valueMeta, ...ancestorMeta);
+      meta.push.apply(meta, ['border'].concat((0, _toConsumableArray2.default)(valueMeta), (0, _toConsumableArray2.default)(ancestorMeta)));
     }
   }
   if (ancestorMeta.includes('icon')) {
-    possibleTokens = _tokens.tokens.filter(token => token.includes('.icon'));
+    possibleTokens = _tokens.tokens.filter(function (token) {
+      return token.includes('.icon');
+    });
     if (ancestorMeta.includes('disabled')) {
       // disabled backgrounds
       meta.push('disabled');
     }
-    meta.push('color', 'icon', ...valueMeta);
+    meta.push.apply(meta, ['color', 'icon'].concat((0, _toConsumableArray2.default)(valueMeta)));
   }
 
   // Fallback if guided behavior yields nothing
   if (meta.length === 0) {
-    meta.push(property, ...valueMeta, ...ancestorMeta);
+    meta.push.apply(meta, [property].concat((0, _toConsumableArray2.default)(valueMeta), (0, _toConsumableArray2.default)(ancestorMeta)));
   }
-  const search = (0, _fuzzySearch.default)(possibleTokens, false);
-  const results = search.get(meta.join(' '));
-  let tokenId = ['MISSING_TOKEN'];
+  var search = (0, _fuzzySearch.default)(possibleTokens, false);
+  var results = search.get(meta.join(' '));
+  var tokenId = ['MISSING_TOKEN'];
   if (results) {
-    tokenId = results.map(result => result[1]);
+    tokenId = results.map(function (result) {
+      return result[1];
+    });
   }
   return tokenId[0];
 }
 function parseCSSPropertyName(cssString) {
-  const lastColonIndex = cssString.lastIndexOf(':');
-  const propertyNameEndIndex = Math.max(cssString.lastIndexOf(';', lastColonIndex), cssString.lastIndexOf(' ', lastColonIndex));
+  var lastColonIndex = cssString.lastIndexOf(':');
+  var propertyNameEndIndex = Math.max(cssString.lastIndexOf(';', lastColonIndex), cssString.lastIndexOf(' ', lastColonIndex));
   return cssString.slice(propertyNameEndIndex + 1, lastColonIndex).trim();
 }
-function transformer(file, api, debug = false) {
-  const j = api.jscodeshift;
-  const source = j(file.source);
-  let transformed = false;
+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;
 
   // Objects
-  source.find(j.ObjectProperty).forEach(path => {
+  source.find(j.ObjectProperty).forEach(function (path) {
     if (path.value.value.type === 'ObjectExpression') {
       return;
     }
@@ -154,11 +168,11 @@ function transformer(file, api, debug = false) {
     if ((0, _ast.isParentOfToken)(j, path.value.value)) {
       return;
     }
-    const value = getColorFromIdentifier(path.value.value);
+    var value = getColorFromIdentifier(path.value.value);
     if (!value || !(0, _color.includesHardCodedColor)(value) && !(0, _color.isHardCodedColor)(value) && !(0, _color.isLegacyColor)(value) && !(0, _color.isLegacyNamedColor)(value)) {
       return;
     }
-    let key;
+    var key;
     if (path.value.key.type === 'NumericLiteral' || path.value.key.type === 'StringLiteral') {
       key = path.value.key.value.toString();
     }
@@ -170,14 +184,14 @@ function transformer(file, api, debug = false) {
     if (!key) {
       return;
     }
-    const tokenId = getTokenFromNode(j, path, value, key);
+    var tokenId = getTokenFromNode(j, path, value, key);
     insertTokenImport(j, source);
     j(path).replaceWith(j.objectProperty(path.value.key, buildToken(j, tokenId, path.value.value)));
     transformed = true;
   });
 
   // Template literals
-  source.find(j.TemplateLiteral).forEach(path => {
+  source.find(j.TemplateLiteral).forEach(function (path) {
     function replaceTemplateLiteralExpressions(j, expression, index) {
       if ((0, _ast.isDecendantOfToken)(j, expression)) {
         return;
@@ -185,22 +199,28 @@ function transformer(file, api, debug = false) {
       if (index >= path.value.quasis.length) {
         return;
       }
-      const quasi = path.value.quasis[index];
-      const value = getColorFromIdentifier(expression.value);
+      var quasi = path.value.quasis[index];
+      var value = getColorFromIdentifier(expression.value);
       if (!value || !(0, _color.includesHardCodedColor)(value) && !(0, _color.isHardCodedColor)(value) && !(0, _color.isLegacyColor)(value) && !(0, _color.isLegacyNamedColor)(value)) {
         return;
       }
-      const tokenId = getTokenFromNode(j, expression, value, parseCSSPropertyName(quasi.value.cooked || ''));
+      var tokenId = getTokenFromNode(j, expression, value, parseCSSPropertyName(quasi.value.cooked || ''));
       insertTokenImport(j, source);
       expression.replace(buildToken(j, tokenId, expression.value));
     }
-    j(path).find(j.Identifier).filter(expression => !(0, _utils.isDecendantOfType)(j, expression, j.MemberExpression)).forEach((expression, i) => replaceTemplateLiteralExpressions(j, expression, i));
-    j(path).find(j.MemberExpression).forEach((expression, i) => replaceTemplateLiteralExpressions(j, expression, i));
+    j(path).find(j.Identifier).filter(function (expression) {
+      return !(0, _utils.isDecendantOfType)(j, expression, j.MemberExpression);
+    }).forEach(function (expression, i) {
+      return replaceTemplateLiteralExpressions(j, expression, i);
+    });
+    j(path).find(j.MemberExpression).forEach(function (expression, i) {
+      return replaceTemplateLiteralExpressions(j, expression, i);
+    });
     transformed = true;
   });
 
   // JSX props
-  source.find(j.JSXAttribute).forEach(path => {
+  source.find(j.JSXAttribute).forEach(function (path) {
     var _path$value, _path$value$value;
     if (((_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.type) !== 'JSXExpressionContainer') {
       return;
@@ -208,15 +228,15 @@ function transformer(file, api, debug = false) {
     if ((0, _ast.isParentOfToken)(j, path)) {
       return;
     }
-    const expression = path.value.value.expression;
-    const value = getColorFromIdentifier(expression);
+    var expression = path.value.value.expression;
+    var value = getColorFromIdentifier(expression);
     if (!value || !(0, _color.includesHardCodedColor)(value) && !(0, _color.isHardCodedColor)(value) && !(0, _color.isLegacyColor)(value) && !(0, _color.isLegacyNamedColor)(value)) {
       return;
     }
-    const tokenId = getTokenFromNode(j, path, value, path.value.name.name);
+    var tokenId = getTokenFromNode(j, path, value, path.value.name.name);
     insertTokenImport(j, source);
-    j(path).find(j.JSXExpressionContainer).forEach(path => {
-      const tokenNode = buildToken(j, tokenId, path.value.expression);
+    j(path).find(j.JSXExpressionContainer).forEach(function (path) {
+      var tokenNode = buildToken(j, tokenId, path.value.expression);
       j(path).replaceWith(j.jsxExpressionContainer(tokenNode));
     });
     transformed = true;

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

@@ -1,17 +1,20 @@
 "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 _ast = require("./ast");
 var _tokens = require("./tokens");
-function getMetaFromAncestors(j, path, meta = []) {
-  const parent = path.parentPath;
-  const grandParent = parent && parent.parentPath;
+function getMetaFromAncestors(j, path) {
+  var meta = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var parent = path.parentPath;
+  var grandParent = parent && parent.parentPath;
   if (parent && parent.value.type === 'ObjectProperty') {
-    let value = '';
+    var value = '';
     if (parent.value.key.type === 'Literal' || parent.value.key.type === 'StringLiteral' || parent.value.key.type === 'NumericLiteral') {
       value = parent.value.key.value.toString();
     } else {
@@ -20,13 +23,19 @@ function getMetaFromAncestors(j, path, meta = []) {
     meta.push(value);
   }
   if (parent && grandParent && grandParent.value.type === 'TemplateLiteral') {
-    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)
+    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;
+    })
     // We reverse so the most nested one is first which we're more likely than not interested in
-    .reverse().some(str => {
-      const result = /(hover|active|disabled|focus)/.exec(str.toLowerCase());
+    .reverse().some(function (str) {
+      var result = /(hover|active|disabled|focus)/.exec(str.toLowerCase());
       if (result) {
         meta.push(result[0]);
         return true;
@@ -39,11 +48,11 @@ function getMetaFromAncestors(j, path, meta = []) {
       meta.push(parent.value.name.name);
     }
   }
-  const closestJSXElement = (0, _ast.getClosestDecendantOfType)(j, path, j.JSXOpeningElement);
+  var closestJSXElement = (0, _ast.getClosestDecendantOfType)(j, path, j.JSXOpeningElement);
   if (closestJSXElement) {
-    const jsxElementName = closestJSXElement.value.name.name;
-    const nameComponents = jsxElementName.replace(/([a-z])([A-Z])/g, '$1 $2').split(' ');
-    meta.push(...nameComponents);
+    var jsxElementName = closestJSXElement.value.name.name;
+    var nameComponents = jsxElementName.replace(/([a-z])([A-Z])/g, '$1 $2').split(' ');
+    meta.push.apply(meta, (0, _toConsumableArray2.default)(nameComponents));
   }
   if (parent && parent.value.type === 'VariableDeclarator') {
     meta.push(parent.value.id.name);
@@ -54,11 +63,17 @@ function getMetaFromAncestors(j, path, meta = []) {
   return meta;
 }
 function cleanMeta(meta) {
-  return meta.reduce((accum, val) => [...accum, ...(typeof val === 'string' ? val.split(/(?=[A-Z])/g).map(e => e.toLowerCase()) : [])], []).reduce((accum, val) => {
-    const cleanVal = 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('primary', 'bold').replace('secondary', 'subtle').replace('hyperlink', 'link').replace('anchor', 'link').replace('active', 'pressed').replace('hover', 'hovered').replace('card', 'raised').replace('dragged', 'surface overlay').replace('dragging', 'surface overlay').replace('drag', 'surface 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');
-    accum.push(...cleanVal.split(' '));
+  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) {
+    var cleanVal = 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('primary', 'bold').replace('secondary', 'subtle').replace('hyperlink', 'link').replace('anchor', 'link').replace('active', 'pressed').replace('hover', 'hovered').replace('card', 'raised').replace('dragged', 'surface overlay').replace('dragging', 'surface overlay').replace('drag', 'surface 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');
+    accum.push.apply(accum, (0, _toConsumableArray2.default)(cleanVal.split(' ')));
     return accum;
-  }, []).filter(val => _tokens.getUniqueWordsFromTokens.includes(val)).reduce((accum, val) => {
+  }, []).filter(function (val) {
+    return _tokens.getUniqueWordsFromTokens.includes(val);
+  }).reduce(function (accum, val) {
     if (!accum.includes(val)) {
       accum.push(val);
     }

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

@@ -6,24 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 exports.isLegacyNamedColor = exports.isLegacyColor = exports.isHardCodedColor = exports.includesHardCodedColor = void 0;
 var _legacyColors = require("./legacy-colors");
 var _namedColors = require("./named-colors");
-const isLegacyColor = value => _legacyColors.legacyColors.includes(value);
+var isLegacyColor = function isLegacyColor(value) {
+  return _legacyColors.legacyColors.includes(value);
+};
 exports.isLegacyColor = isLegacyColor;
-const isLegacyNamedColor = value => _legacyColors.legacyColorMixins.includes(value);
+var isLegacyNamedColor = function isLegacyNamedColor(value) {
+  return _legacyColors.legacyColorMixins.includes(value);
+};
 exports.isLegacyNamedColor = isLegacyNamedColor;
-const includesHardCodedColor = raw => {
-  const value = raw.toLowerCase();
+var includesHardCodedColor = function includesHardCodedColor(raw) {
+  var 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 (let i = 0; i < _namedColors.namedColors.length; i++) {
-    if (value.includes(`${_namedColors.namedColors[i]};`)) {
+  for (var i = 0; i < _namedColors.namedColors.length; i++) {
+    if (value.includes("".concat(_namedColors.namedColors[i], ";"))) {
       return true;
     }
   }
   return false;
 };
 exports.includesHardCodedColor = includesHardCodedColor;
-const isHardCodedColor = value => {
+var isHardCodedColor = function isHardCodedColor(value) {
   if (_namedColors.namedColors.includes(value.toLowerCase())) {
     return true;
   }

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

@@ -9,7 +9,11 @@ exports.default = void 0;
 /**
  * Fuzzy search ripped from the internet.
  */
-const FuzzySet = function (arr = [], useLevenshtein, gramSizeLower = 2, gramSizeUpper = 3) {
+var FuzzySet = function FuzzySet() {
+  var arr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var useLevenshtein = arguments.length > 1 ? arguments[1] : undefined;
+  var gramSizeLower = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
+  var gramSizeUpper = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 3;
   var fuzzyset = {
     gramSizeLower: gramSizeLower,
     gramSizeUpper: gramSizeUpper,
@@ -18,7 +22,7 @@ const FuzzySet = function (arr = [], useLevenshtein, gramSizeLower = 2, gramSize
     matchDict: {},
     items: {}
   };
-  var levenshtein = function (str1, str2) {
+  var levenshtein = function levenshtein(str1, str2) {
     var current = [];
     var prev;
     var value;
@@ -43,7 +47,7 @@ const FuzzySet = function (arr = [], useLevenshtein, gramSizeLower = 2, gramSize
   };
 
   // return an edit distance from 0 to 1
-  var _distance = function (str1, str2) {
+  var _distance = function _distance(str1, str2) {
     if (str1 === null && str2 === null) {
       throw new Error('Trying to compare two null values');
     }
@@ -60,7 +64,7 @@ const FuzzySet = function (arr = [], useLevenshtein, gramSizeLower = 2, gramSize
     }
   };
   var _nonWordRe = /[^a-zA-Z0-9\u00C0-\u00FF, ]+/g;
-  var _iterateGrams = function (value, gramSize) {
+  var _iterateGrams = function _iterateGrams(value, gramSize) {
     gramSize = gramSize || 2;
     var simplified = '-' + value.toLowerCase().replace(_nonWordRe, '') + '-',
       lenDiff = gramSize - simplified.length,
@@ -75,7 +79,7 @@ const FuzzySet = function (arr = [], useLevenshtein, gramSizeLower = 2, gramSize
     }
     return results;
   };
-  var _gramCounter = function (value, gramSize) {
+  var _gramCounter = function _gramCounter(value, gramSize) {
     // return an object where key=gram, value=number of occurrences
     gramSize = gramSize || 2;
     var result = {},
@@ -165,7 +169,7 @@ const FuzzySet = function (arr = [], useLevenshtein, gramSizeLower = 2, gramSize
       matchScore = matches[matchIndex];
       results.push([matchScore / (vectorNormal * items[matchIndex][0]), items[matchIndex][1]]);
     }
-    var sortDescending = function (a, b) {
+    var sortDescending = function sortDescending(a, b) {
       if (a[0] < b[0]) {
         return 1;
       } else if (a[0] > b[0]) {

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.legacyColors = exports.legacyColorMixins = exports.legacyColorMetaMap = void 0;
-const legacyColors = ['R50', 'R75', 'R100', 'R200', 'R300', 'R400', 'R500', 'Y50', 'Y75', 'Y100', 'Y200', 'Y300', 'Y400', 'Y500', 'G50', 'G75', 'G100', 'G200', 'G300', 'G400', 'G500', 'B50', 'B75', 'B100', 'B200', 'B300', 'B400', 'B500', 'P50', 'P75', 'P100', 'P200', 'P300', 'P400', 'P500', 'T50', 'T75', 'T100', 'T200', 'T300', 'T400', 'T500', 'N0', 'N10', 'N20', 'N30', 'N40', 'N50', 'N60', 'N70', 'N80', 'N90', 'N100', 'N200', 'N300', 'N400', 'N500', 'N600', 'N700', 'N800', 'N900', 'N10A', 'N20A', 'N30A', 'N40A', 'N50A', 'N60A', 'N70A', 'N80A', 'N90A', 'N100A', 'N200A', 'N300A', 'N400A', 'N500A', 'N600A', 'N700A', 'N800A', 'DN900', 'DN800', 'DN700', 'DN600', 'DN500', 'DN400', 'DN300', 'DN200', 'DN100', 'DN90', 'DN80', 'DN70', 'DN60', 'DN50', 'DN40', 'DN30', 'DN20', 'DN10', 'DN0', 'DN800A', 'DN700A', 'DN600A', 'DN500A', 'DN400A', 'DN300A', 'DN200A', 'DN100A', 'DN90A', 'DN80A', 'DN70A', 'DN60A', 'DN50A', 'DN40A', 'DN30A', 'DN20A', 'DN10A'];
+var legacyColors = ['R50', 'R75', 'R100', 'R200', 'R300', 'R400', 'R500', 'Y50', 'Y75', 'Y100', 'Y200', 'Y300', 'Y400', 'Y500', 'G50', 'G75', 'G100', 'G200', 'G300', 'G400', 'G500', 'B50', 'B75', 'B100', 'B200', 'B300', 'B400', 'B500', 'P50', 'P75', 'P100', 'P200', 'P300', 'P400', 'P500', 'T50', 'T75', 'T100', 'T200', 'T300', 'T400', 'T500', 'N0', 'N10', 'N20', 'N30', 'N40', 'N50', 'N60', 'N70', 'N80', 'N90', 'N100', 'N200', 'N300', 'N400', 'N500', 'N600', 'N700', 'N800', 'N900', 'N10A', 'N20A', 'N30A', 'N40A', 'N50A', 'N60A', 'N70A', 'N80A', 'N90A', 'N100A', 'N200A', 'N300A', 'N400A', 'N500A', 'N600A', 'N700A', 'N800A', 'DN900', 'DN800', 'DN700', 'DN600', 'DN500', 'DN400', 'DN300', 'DN200', 'DN100', 'DN90', 'DN80', 'DN70', 'DN60', 'DN50', 'DN40', 'DN30', 'DN20', 'DN10', 'DN0', 'DN800A', 'DN700A', 'DN600A', 'DN500A', 'DN400A', 'DN300A', 'DN200A', 'DN100A', 'DN90A', 'DN80A', 'DN70A', 'DN60A', 'DN50A', 'DN40A', 'DN30A', 'DN20A', 'DN10A'];
 exports.legacyColors = legacyColors;
-const legacyColorMixins = ['background', 'backgroundActive', 'backgroundHover', 'backgroundOnLayer', 'text', 'textHover', 'textActive', 'subtleText', 'placeholderText', 'heading', 'subtleHeading', 'codeBlock', 'link', 'linkHover', 'linkActive', 'linkOutline', 'primary', 'blue', 'teal', 'purple', 'red', 'yellow', 'green', 'skeleton'];
+var legacyColorMixins = ['background', 'backgroundActive', 'backgroundHover', 'backgroundOnLayer', 'text', 'textHover', 'textActive', 'subtleText', 'placeholderText', 'heading', 'subtleHeading', 'codeBlock', 'link', 'linkHover', 'linkActive', 'linkOutline', 'primary', 'blue', 'teal', 'purple', 'red', 'yellow', 'green', 'skeleton'];
 exports.legacyColorMixins = legacyColorMixins;
-const legacyColorMetaMap = {
+var legacyColorMetaMap = {
   R50: ['danger'],
   R75: ['danger'],
   R100: ['danger'],