@atlaskit/codemod-cli 0.8.1 → 0.8.5

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

@@ -0,0 +1,130 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+
+/* eslint-disable no-console */
+import { isDecendantOfToken, isDecendantOfType } from './utils/ast';
+import { cleanMeta, getMetaFromAncestors } from './utils/ast-meta';
+import { includesHardCodedColor, isHardCodedColor, isLegacyColor, isLegacyNamedColor } from './utils/color';
+import Search from './utils/fuzzy-search';
+import { legacyColorMetaMap } from './utils/legacy-colors';
+import { tokens } from './utils/tokens';
+var search = Search(tokens, false);
+
+function hasImportDeclaration(j, source, sourcePath) {
+  return !!source.find(j.ImportDeclaration).filter(function (path) {
+    return 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, {
+    local: {
+      name: specifier
+    }
+  }).length;
+}
+
+function insertTokenImport(j, source) {
+  if (hasImportDeclaration(j, source, '@atlaskit/tokens')) {
+    return;
+  }
+
+  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) {
+  var 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 = getMetaFromAncestors(j, path);
+  var meta = cleanMeta([].concat(_toConsumableArray(foundMeta), _toConsumableArray(baseMeta)));
+  var results = search.get(meta.join(' '));
+  var tokenId = ['utility.UNSAFE_util.MISSING_TOKEN'];
+
+  if (results) {
+    tokenId = results.map(function (result) {
+      return result[1];
+    });
+  }
+
+  return tokenId[0];
+}
+
+export default 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;
+  source // Handle colors.N100
+  .find(j.MemberExpression).filter(function (path) {
+    return path.value.object.type === 'Identifier' && path.value.object.name === 'colors' && path.value.property.type === 'Identifier' && isLegacyColor(path.value.property.name);
+  }).filter(function (path) {
+    return !isDecendantOfToken(j, path);
+  }).forEach(function (path) {
+    debug && console.log('file:', file.path);
+    insertTokenImport(j, source);
+    var key = path.value.property.type === 'Identifier' ? path.value.property.name : undefined;
+    var colorMeta = legacyColorMetaMap[key] || [];
+    var 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' && (isLegacyColor(path.value.value.name) || 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 !isDecendantOfToken(j, path.value.value);
+  }).forEach(function (path) {
+    var valuePath = path.get('value');
+    debug && console.log('file:', file.path);
+    insertTokenImport(j, source);
+    var colorMeta = legacyColorMetaMap[valuePath.name] || [];
+    var 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 isLegacyColor(path.value.name) || 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 !isDecendantOfToken(j, path);
+  }).forEach(function (path) {
+    debug && console.log('file:', file.path);
+    insertTokenImport(j, source);
+    var colorMeta = legacyColorMetaMap[path.value.name] || [];
+    var 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' && (includesHardCodedColor(path.value.value) || isHardCodedColor(path.value.value));
+  }).filter(function (path) {
+    return !isDecendantOfToken(j, path);
+  }).forEach(function (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 = legacyColorMetaMap[value] || [];
+    var tokenId = getTokenFromNode(j, path, colorMeta);
+    var tokenNode = buildToken(j, tokenId, path.value);
+    j(path).replaceWith(isDecendantOfType(j, path, j.JSXAttribute) ? j.jsxExpressionContainer(tokenNode) : tokenNode);
+    transformed = true;
+  });
+
+  if (transformed) {
+    return source.toSource();
+  }
+
+  return file.source;
+}

package/dist/esm/presets/theme-to-design-tokens/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,75 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { getUniqueWordsFromTokens } from './tokens';
+export 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') {
+    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 {
+      value = parent.value.key.name;
+    }
+
+    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;
+    }) // 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());
+
+      if (result) {
+        meta.push(result[0]);
+        return true;
+      }
+    });
+    meta.push(propertyName);
+  }
+
+  if (parent && parent.value.type === 'JSXAttribute') {
+    if (!['css', 'styles', 'style'].includes(parent.value.name.name)) {
+      meta.push(parent.value.name.name);
+    }
+  }
+
+  if (parent && parent.value.type === 'VariableDeclarator') {
+    meta.push(parent.value.id.name);
+  }
+
+  if (parent) {
+    return getMetaFromAncestors(j, parent, meta);
+  }
+
+  return meta;
+}
+export function cleanMeta(meta) {
+  return meta.reduce(function (accum, val) {
+    return [].concat(_toConsumableArray(accum), _toConsumableArray(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('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) {
+    return getUniqueWordsFromTokens.includes(val);
+  }).reduce(function (accum, val) {
+    if (!accum.includes(val)) {
+      accum.push(val);
+    }
+
+    return accum;
+  }, []);
+}

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

@@ -0,0 +1,10 @@
+export function isDecendantOfToken(j, path) {
+  return j(path).closest(j.CallExpression, {
+    callee: {
+      name: 'token'
+    }
+  }).length > 0;
+}
+export function isDecendantOfType(j, path, type) {
+  return j(path).closest(type).length > 0;
+}

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

@@ -0,0 +1,39 @@
+import { legacyColorMixins, legacyColors } from './legacy-colors';
+import { namedColors } from './named-colors';
+export var isLegacyColor = function isLegacyColor(value) {
+  return legacyColors.includes(value);
+};
+export var isLegacyNamedColor = function isLegacyNamedColor(value) {
+  return legacyColorMixins.includes(value);
+};
+export 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 (var i = 0; i < namedColors.length; i++) {
+    if (value.includes("".concat(namedColors[i], ";"))) {
+      return true;
+    }
+  }
+
+  return false;
+};
+export var isHardCodedColor = function isHardCodedColor(value) {
+  if (namedColors.includes(value.toLowerCase())) {
+    return true;
+  }
+
+  if (value.startsWith('rgb(') || value.startsWith('rgba(') || value.startsWith('hsl(') || value.startsWith('hsla(') || value.startsWith('lch(') || value.startsWith('lab(') || value.startsWith('color(')) {
+    return true;
+  }
+
+  if (value.startsWith('#') && ( // short hex, hex, or hex with alpha
+  value.length === 4 || value.length === 7 || value.length === 9)) {
+    return true;
+  }
+
+  return false;
+};

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

@@ -0,0 +1,340 @@
+/* eslint-disable */
+
+/**
+ * Fuzzy search ripped from the internet.
+ */
+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,
+    useLevenshtein: typeof useLevenshtein !== 'boolean' ? true : useLevenshtein,
+    exactSet: {},
+    matchDict: {},
+    items: {}
+  };
+
+  var levenshtein = function levenshtein(str1, str2) {
+    var current = [];
+    var prev;
+    var value;
+
+    for (var i = 0; i <= str2.length; i++) {
+      for (var j = 0; j <= str1.length; j++) {
+        if (i && j) {
+          if (str1.charAt(j - 1) === str2.charAt(i - 1)) {
+            // @ts-expect-error
+            value = prev;
+          } else {
+            // @ts-expect-error
+            value = Math.min(current[j], current[j - 1], prev) + 1;
+          }
+        } else {
+          value = i + j;
+        }
+
+        prev = current[j];
+        current[j] = value;
+      }
+    }
+
+    return current.pop();
+  }; // return an edit distance from 0 to 1
+
+
+  var _distance = function _distance(str1, str2) {
+    if (str1 === null && str2 === null) {
+      throw new Error('Trying to compare two null values');
+    }
+
+    if (str1 === null || str2 === null) {
+      return 0;
+    }
+
+    str1 = String(str1);
+    str2 = String(str2);
+    var distance = levenshtein(str1, str2);
+
+    if (str1.length > str2.length) {
+      return 1 - distance / str1.length;
+    } else {
+      return 1 - distance / str2.length;
+    }
+  };
+
+  var _nonWordRe = /[^a-zA-Z0-9\u00C0-\u00FF, ]+/g;
+
+  var _iterateGrams = function _iterateGrams(value, gramSize) {
+    gramSize = gramSize || 2;
+    var simplified = '-' + value.toLowerCase().replace(_nonWordRe, '') + '-',
+        lenDiff = gramSize - simplified.length,
+        results = [];
+
+    if (lenDiff > 0) {
+      for (var i = 0; i < lenDiff; ++i) {
+        simplified += '-';
+      }
+    }
+
+    for (var i = 0; i < simplified.length - gramSize + 1; ++i) {
+      results.push(simplified.slice(i, i + gramSize));
+    }
+
+    return results;
+  };
+
+  var _gramCounter = function _gramCounter(value, gramSize) {
+    // return an object where key=gram, value=number of occurrences
+    gramSize = gramSize || 2;
+
+    var result = {},
+        grams = _iterateGrams(value, gramSize),
+        i = 0;
+
+    for (i; i < grams.length; ++i) {
+      if (grams[i] in result) {
+        // @ts-expect-error
+        result[grams[i]] += 1;
+      } else {
+        // @ts-expect-error
+        result[grams[i]] = 1;
+      }
+    }
+
+    return result;
+  }; // the main functions
+
+
+  fuzzyset.get = function (value, defaultValue, minMatchScore) {
+    // check for value in set, returning defaultValue or null if none found
+    if (minMatchScore === undefined) {
+      minMatchScore = 0.33;
+    }
+
+    var result = this._get(value, minMatchScore);
+
+    if (!result && typeof defaultValue !== 'undefined') {
+      return defaultValue;
+    }
+
+    return result;
+  };
+
+  fuzzyset._get = function (value, minMatchScore) {
+    var results = []; // start with high gram size and if there are no results, go to lower gram sizes
+
+    for (var gramSize = this.gramSizeUpper; gramSize >= this.gramSizeLower; --gramSize) {
+      results = this.__get(value, gramSize, minMatchScore);
+
+      if (results && results.length > 0) {
+        return results;
+      }
+    }
+
+    return null;
+  };
+
+  fuzzyset.__get = function (value, gramSize, minMatchScore) {
+    var normalizedValue = this._normalizeStr(value),
+        matches = {},
+        gramCounts = _gramCounter(normalizedValue, gramSize),
+        items = this.items[gramSize],
+        sumOfSquareGramCounts = 0,
+        gram,
+        gramCount,
+        i,
+        index,
+        otherGramCount;
+
+    for (gram in gramCounts) {
+      // @ts-expect-error
+      gramCount = gramCounts[gram];
+      sumOfSquareGramCounts += Math.pow(gramCount, 2);
+
+      if (gram in this.matchDict) {
+        for (i = 0; i < this.matchDict[gram].length; ++i) {
+          index = this.matchDict[gram][i][0];
+          otherGramCount = this.matchDict[gram][i][1];
+
+          if (index in matches) {
+            // @ts-expect-error
+            matches[index] += gramCount * otherGramCount;
+          } else {
+            // @ts-expect-error
+            matches[index] = gramCount * otherGramCount;
+          }
+        }
+      }
+    }
+
+    function isEmptyObject(obj) {
+      for (var prop in obj) {
+        if (obj.hasOwnProperty(prop)) {
+          return false;
+        }
+      }
+
+      return true;
+    }
+
+    if (isEmptyObject(matches)) {
+      return null;
+    }
+
+    var vectorNormal = Math.sqrt(sumOfSquareGramCounts),
+        results = [],
+        matchScore; // build a results list of [score, str]
+
+    for (var matchIndex in matches) {
+      // @ts-expect-error
+      matchScore = matches[matchIndex];
+      results.push([matchScore / (vectorNormal * items[matchIndex][0]), items[matchIndex][1]]);
+    }
+
+    var sortDescending = function sortDescending(a, b) {
+      if (a[0] < b[0]) {
+        return 1;
+      } else if (a[0] > b[0]) {
+        return -1;
+      } else {
+        return 0;
+      }
+    };
+
+    results.sort(sortDescending);
+
+    if (this.useLevenshtein) {
+      var newResults = [],
+          endIndex = Math.min(50, results.length); // truncate somewhat arbitrarily to 50
+      // @ts-expect-error
+
+      for (var i = 0; i < endIndex; ++i) {
+        // @ts-expect-error
+        newResults.push([_distance(results[i][1], normalizedValue), results[i][1]]);
+      }
+
+      results = newResults;
+      results.sort(sortDescending);
+    }
+
+    newResults = [];
+    results.forEach(function (scoreWordPair) {
+      if (scoreWordPair[0] >= minMatchScore) {
+        // @ts-expect-error
+        newResults.push([scoreWordPair[0], this.exactSet[scoreWordPair[1]]]);
+      }
+    }.bind(this));
+    return newResults;
+  };
+
+  fuzzyset.add = function (value) {
+    var normalizedValue = this._normalizeStr(value);
+
+    if (normalizedValue in this.exactSet) {
+      return false;
+    }
+
+    var i = this.gramSizeLower;
+
+    for (i; i < this.gramSizeUpper + 1; ++i) {
+      this._add(value, i);
+    }
+  };
+
+  fuzzyset._add = function (value, gramSize) {
+    var normalizedValue = this._normalizeStr(value),
+        items = this.items[gramSize] || [],
+        index = items.length;
+
+    items.push(0);
+
+    var gramCounts = _gramCounter(normalizedValue, gramSize);
+
+    var sumOfSquareGramCounts = 0;
+    var gram;
+    var gramCount;
+
+    for (gram in gramCounts) {
+      // @ts-expect-error
+      gramCount = gramCounts[gram];
+      sumOfSquareGramCounts += Math.pow(gramCount, 2);
+
+      if (gram in this.matchDict) {
+        this.matchDict[gram].push([index, gramCount]);
+      } else {
+        this.matchDict[gram] = [[index, gramCount]];
+      }
+    }
+
+    var vectorNormal = Math.sqrt(sumOfSquareGramCounts);
+    items[index] = [vectorNormal, normalizedValue];
+    this.items[gramSize] = items;
+    this.exactSet[normalizedValue] = value;
+  };
+
+  fuzzyset._normalizeStr = function (str) {
+    if (Object.prototype.toString.call(str) !== '[object String]') {
+      throw new Error('Must use a string as argument to FuzzySet functions');
+    }
+
+    return str.toLowerCase();
+  }; // return length of items in set
+
+
+  fuzzyset.length = function () {
+    var count = 0,
+        prop;
+
+    for (prop in this.exactSet) {
+      if (this.exactSet.hasOwnProperty(prop)) {
+        count += 1;
+      }
+    }
+
+    return count;
+  }; // return is set is empty
+
+
+  fuzzyset.isEmpty = function () {
+    for (var prop in this.exactSet) {
+      if (this.exactSet.hasOwnProperty(prop)) {
+        return false;
+      }
+    }
+
+    return true;
+  }; // return list of values loaded into set
+
+
+  fuzzyset.values = function () {
+    var values = [],
+        prop;
+
+    for (prop in this.exactSet) {
+      if (this.exactSet.hasOwnProperty(prop)) {
+        values.push(this.exactSet[prop]);
+      }
+    }
+
+    return values;
+  }; // initialization
+
+
+  var i = fuzzyset.gramSizeLower;
+
+  for (i; i < fuzzyset.gramSizeUpper + 1; ++i) {
+    fuzzyset.items[i] = [];
+  } // add all the items to the set
+
+
+  for (i = 0; i < arr.length; ++i) {
+    fuzzyset.add(arr[i]);
+  }
+
+  return fuzzyset;
+};
+
+export default FuzzySet;

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

@@ -0,0 +1,74 @@
+export 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'];
+export 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'];
+export var legacyColorMetaMap = {
+  R50: ['danger'],
+  R75: ['danger'],
+  R100: ['danger'],
+  R200: ['danger'],
+  R300: ['danger'],
+  R400: ['danger'],
+  R500: ['danger'],
+  Y50: ['warning'],
+  Y75: ['warning'],
+  Y100: ['warning'],
+  Y200: ['warning'],
+  Y300: ['warning'],
+  Y400: ['warning'],
+  Y500: ['warning'],
+  G50: ['success'],
+  G75: ['success'],
+  G100: ['success'],
+  G200: ['success'],
+  G300: ['success'],
+  G400: ['success'],
+  G500: ['success'],
+  B50: ['brand'],
+  B75: ['brand'],
+  B100: ['brand'],
+  B200: ['brand'],
+  B300: ['brand'],
+  B400: ['brand'],
+  B500: ['brand'],
+  P50: ['discovery'],
+  P75: ['discovery'],
+  P100: ['discovery'],
+  P200: ['discovery'],
+  P300: ['discovery'],
+  P400: ['discovery'],
+  P500: ['discovery'],
+  T50: ['accent', 'teal'],
+  T75: ['accent', 'teal'],
+  T100: ['accent', 'teal'],
+  T200: ['accent', 'teal'],
+  T300: ['accent', 'teal'],
+  T400: ['accent', 'teal'],
+  T500: ['accent', 'teal'],
+  N0: ['inverse'],
+  N700: ['text'],
+  N800: ['text'],
+  N900: ['text'],
+  background: ['background', 'default'],
+  backgroundActive: ['background', 'pressed'],
+  backgroundHover: ['background', 'hovered'],
+  backgroundOnLayer: ['background', 'blanket'],
+  text: ['text'],
+  textHover: ['text', 'subtle'],
+  textActive: ['text', 'link', 'pressed'],
+  subtleText: ['text', 'subtlest'],
+  placeholderText: ['text', 'subtlest'],
+  heading: ['text'],
+  subtleHeading: ['text', 'subtle'],
+  link: ['link'],
+  linkHover: ['link', 'hovered'],
+  linkActive: ['link', 'pressed'],
+  linkOutline: ['border', 'selected'],
+  primary: ['brand'],
+  blue: ['accent', 'blue'],
+  teal: ['accent', 'teal'],
+  purple: ['accent', 'purple'],
+  red: ['accent', 'red'],
+  yellow: ['accent', 'orange'],
+  green: ['accent', 'green'],
+  grey: ['background', 'neutral'],
+  skeleton: ['background', 'neutral']
+};

package/dist/esm/presets/theme-to-design-tokens/utils/named-colors.js

@@ -0,0 +1 @@
+export var namedColors = ['black', 'silver', 'gray', 'white', 'maroon', 'red', 'purple', 'fuchsia', 'green', 'lime', 'olive', 'yellow', 'navy', 'blue', 'teal', 'aqua', 'orange', 'aliceblue', 'antiquewhite', 'aquamarine', 'azure', 'beige', 'bisque', 'blanchedalmond', 'blueviolet', 'brown', 'burlywood', 'cadetblue', 'chartreuse', 'chocolate', 'coral', 'cornflowerblue', 'cornsilk', 'crimson', 'cyan', 'darkblue', 'darkcyan', 'darkgoldenrod', 'darkgray', 'darkgreen', 'darkgrey', 'darkkhaki', 'darkmagenta', 'darkolivegreen', 'darkorange', 'darkorchid', 'darkred', 'darksalmon', 'darkseagreen', 'darkslateblue', 'darkslategray', 'darkslategrey', 'darkturquoise', 'darkviolet', 'deeppink', 'deepskyblue', 'dimgray', 'dimgrey', 'dodgerblue', 'firebrick', 'floralwhite', 'forestgreen', 'gainsboro', 'ghostwhite', 'gold', 'goldenrod', 'greenyellow', 'grey', 'honeydew', 'hotpink', 'indianred', 'indigo', 'ivory', 'khaki', 'lavender', 'lavenderblush', 'lawngreen', 'lemonchiffon', 'lightblue', 'lightcoral', 'lightcyan', 'lightgoldenrodyellow', 'lightgray', 'lightgreen', 'lightgrey', 'lightpink', 'lightsalmon', 'lightseagreen', 'lightskyblue', 'lightslategray', 'lightslategrey', 'lightsteelblue', 'lightyellow', 'limegreen', 'linen', 'magenta', 'mediumaquamarine', 'mediumblue', 'mediumorchid', 'mediumpurple', 'mediumseagreen', 'mediumslateblue', 'mediumspringgreen', 'mediumturquoise', 'mediumvioletred', 'midnightblue', 'mintcream', 'mistyrose', 'moccasin', 'navajowhite', 'oldlace', 'olivedrab', 'orangered', 'orchid', 'palegoldenrod', 'palegreen', 'paleturquoise', 'palevioletred', 'papayawhip', 'peachpuff', 'peru', 'pink', 'plum', 'powderblue', 'rosybrown', 'royalblue', 'saddlebrown', 'salmon', 'sandybrown', 'seagreen', 'seashell', 'sienna', 'skyblue', 'slateblue', 'slategray', 'slategrey', 'snow', 'springgreen', 'steelblue', 'tan', 'thistle', 'tomato', 'turquoise', 'violet', 'wheat', 'whitesmoke', 'yellowgreen', 'rebeccapurple'];