@atlaskit/codemod-cli 0.13.4 → 0.15.0

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

@@ -8,83 +8,18 @@ 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");
-var _tokenNames = _interopRequireDefault(require("@atlaskit/tokens/token-names"));
-var _fuzzySearch = _interopRequireDefault(require("../theme-to-design-tokens/utils/fuzzy-search"));
-var _legacyColors = require("./utils/legacy-colors");
-var _meta = require("./utils/meta");
+var _declaration = require("./lib/declaration");
+var _meta = require("./lib/meta");
+var _tokens = _interopRequireDefault(require("./lib/tokens"));
+var _value = _interopRequireDefault(require("./lib/value"));
 // @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);
-function isRule(node) {
-  return node.type === 'rule';
-}
-function getParentSelectors(node) {
-  if (isRule(node)) {
-    // @ts-expect-error
-    return getParentSelectors(node.parent) + ' ' + node.selector;
-  }
-  if (node.parent) {
-    return getParentSelectors(node.parent);
-  }
-  return '';
-}
-function stripVar(prop) {
-  return prop.substring(prop.indexOf('(') + 1).split(/\,|\)/)[0];
-}
-function stripLessVar(prop) {
-  return prop.substring(1);
-}
-function isColorProperty(prop) {
-  return prop === 'color' || prop === 'background' || prop === 'background-color' || prop === 'box-shadow' || prop === 'border' || prop === 'border-left' || prop === 'border-right' || prop === 'border-top' || prop === 'border-bottom' || prop === 'border-color';
-}
-function getDeclarationMeta(decl) {
-  if (decl.prop === 'color') {
-    return 'text';
-  }
-  if (decl.prop.startsWith('background')) {
-    return 'background';
-  }
-  if (decl.prop.includes('shadow')) {
-    return 'shadow';
-  }
-  if (decl.prop.includes('border')) {
-    return 'border';
-  }
-  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;
-  }));
-}
-function getMetaFromCssVar(tokenName) {
-  var meta = _legacyColors.knownVariables[tokenName];
-  if (!meta || meta.length === 0) {
-    return tokenName.split('-');
-  }
-  return meta;
-}
-function getMetaFromRawColor(rawColor) {
-  var cleanColor = rawColor.toLowerCase();
-  if (cleanColor.length === 4) {
-    cleanColor = cleanColor + cleanColor.substring(cleanColor.indexOf('#') + 1);
-  }
-  return _legacyColors.knownRawColors[cleanColor];
-}
+var POSTCSS_OPTIONS = {
+  syntax: _postcssLess.default,
+  from: undefined
+};
 
 // https://github.com/postcss/postcss/blob/main/docs/writing-a-plugin.md
 // https://astexplorer.net/#/2uBU1BLuJ1
@@ -92,70 +27,62 @@ var plugin = function plugin() {
   var processed = Symbol('processed');
   return {
     postcssPlugin: 'UsingTokens',
-    Declaration: function Declaration(decl) {
+    AtRule: function AtRule(atRule, helper) {
       // @ts-expect-error
-      if (decl[processed]) {
-        return;
-      }
-      if (!isColorProperty(decl.prop)) {
+      if (atRule[processed]) {
         return;
       }
-      var searchTerms = [getDeclarationMeta(decl)].concat((0, _toConsumableArray2.default)(getParentSelectors(decl).split(/\-|\.|\,|\ |\:|\&/).filter(function (el) {
-        return !!el;
-      })));
-      var match;
-      var cssVarRe = /var\([^\)]+\)/g;
-      var lessVarRe = /@[a-zA-Z0-9-]+/g;
-      var rawColorRe = /(#([0-9a-f]{3}){1,2}|(rgba|hsla)\(\d{1,3}%?(,\s?\d{1,3}%?){2},\s?(1|0|0?\.\d+)\)|(rgb|hsl)\(\d{1,3}%?(,\s?\d{1,3}%?){2}\))/i;
 
-      // CSS variables
-      var 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 : []));
-      }
-
-      // Less variables
-      var 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 : []));
+      // @ts-expect-error: The 'variable' property does not exist on 'AtRule' according to the TypeScript definitions.
+      // However, the 'postcss-less' library adds a 'variable' property to 'AtRule' when parsing LESS variables.
+      // This property indicates whether the 'AtRule' is a LESS variable.
+      if (atRule.variable) {
+        // TODO https://hello.atlassian.net/browse/DCA11Y-637
       }
 
-      // Raw colors
-      var 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 : []));
-      }
-
-      // 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 : []));
+      // @ts-expect-error
+      atRule[processed] = true;
+    },
+    Declaration: function Declaration(decl) {
+      // @ts-expect-error
+      if (decl[processed]) {
+        return;
       }
-      if (!match) {
-        // eslint-disable-next-line no-console
-        console.warn("Unable to find match for declaration: ".concat(decl.prop, ": ").concat(decl.value));
+      if (decl.value === 'none') {
         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';
-      if (decl.prop === 'box-shadow') {
-        decl.value = "var(".concat(replacement, ", ").concat(decl.value, ")");
-      } else {
-        decl.value = decl.value.split(match).join("var(".concat(replacement, ", ").concat(match, ")"));
+      var baseMeta = (0, _meta.getBaseDeclarationMeta)(decl);
+      if ((0, _declaration.isCssDeclaration)(decl.prop)) {
+        // TODO https://hello.atlassian.net/browse/DCA11Y-637
+      }
+      if ((0, _declaration.isColorRelatedProperty)(decl.prop)) {
+        var values = (0, _declaration.splitCssValue)(decl.value);
+        if (!values) {
+          return;
+        }
+        switch (decl.prop) {
+          case 'box-shadow':
+            var meta = values.reduce(function (acc, curr) {
+              var parsedValue = (0, _value.default)(curr);
+              if (!parsedValue) {
+                return acc;
+              }
+              return [].concat((0, _toConsumableArray2.default)(acc), (0, _toConsumableArray2.default)(parsedValue.getMeta()));
+            }, baseMeta);
+            var token = (0, _tokens.default)(meta);
+            decl.value = "var(".concat(token, ", ").concat(decl.value, ")");
+            break;
+          default:
+            var replacedValues = values.map(function (value) {
+              var parsedValue = (0, _value.default)(value);
+              if (!parsedValue) {
+                return value;
+              }
+              return parsedValue.getReplacement(baseMeta);
+            });
+            decl.value = replacedValues.join(' ');
+            break;
+        }
       }
 
       // @ts-expect-error
@@ -168,16 +95,19 @@ function transformer(_x) {
 }
 function _transformer() {
   _transformer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file) {
+    var processor, src, _yield$processor$proc, css;
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _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:
+          processor = (0, _postcss.default)([plugin()]);
+          src = typeof file === 'string' ? file : file.source;
+          _context.next = 4;
+          return processor.process(src, POSTCSS_OPTIONS);
+        case 4:
+          _yield$processor$proc = _context.sent;
+          css = _yield$processor$proc.css;
+          return _context.abrupt("return", css);
+        case 7:
         case "end":
           return _context.stop();
       }

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractBetweenParentheses = extractBetweenParentheses;
+exports.isGradient = isGradient;
+exports.isKnownCssVariable = isKnownCssVariable;
+exports.isLessFunction = isLessFunction;
+exports.isNamedColor = isNamedColor;
+exports.isRawColor = isRawColor;
+var _legacyColors = require("./legacy-colors");
+var NAMED_COLORS = Object.keys(_legacyColors.knownNamedColors);
+var GRADIENT_TYPES = ['linear', 'radial', 'conic'];
+var LESS_COLOR_FUNCTIONS = ['lighten', 'darken', 'saturate', 'desaturate', 'fadein', 'fadeout', 'fade', 'spin', 'mix', 'greyscale', 'contrast', 'multiply', 'screen', 'overlay', 'softlight', 'hardlight', 'difference', 'exclusion', 'average', 'negation', 'tint', 'shade', 'luma', 'hue', 'saturation', 'lightness', 'alpha', 'red', 'green', 'blue'];
+var REGEXES = {
+  // The CSS regular expression matches CSS variable declarations.
+  // It looks for the string "var(" followed by any characters except a closing parenthesis, and ending with a closing parenthesis.
+  CSS: /var\([^\)]+\)/g,
+  // The RAW_COLOR regular expression matches various CSS color formats including hexadecimal, RGB(A), HSL(A), LAB, LCH, and HWB.
+  // It allows for optional leading and trailing white spaces.
+  // For RGBA and HSLA, it allows any number (including negative numbers and numbers greater than 1) for the alpha channel.
+  // For RGB, HSL, LAB, LCH, and HWB, it expects three comma-separated values.
+  // It also allows optional white spaces around the commas and the values.
+  RAW_COLOR: /^\s*(#([0-9a-f]{3}){1,2}|(rgba|hsla)\(\s*\d{1,3}%?\s*(,\s*\d{1,3}%?\s*){2},\s*-?\d*\.?\d+\s*\)|(rgb|hsl)\(\s*\d{1,3}%?\s*(,\s*\d{1,3}%?\s*){2}\)\s*|(lab|lch)\(\s*\d{1,3}%?\s+\d{1,3}%?\s+\d{1,3}%?\s*\)|hwb\(\s*\d{1,3}\s+\d{1,3}%?\s+\d{1,3}%?\s*\))\s*$/i
+};
+function isKnownCssVariable(value) {
+  return value in _legacyColors.knownVariables;
+}
+function isRawColor(value) {
+  return REGEXES.RAW_COLOR.test(value);
+}
+function isNamedColor(value) {
+  return NAMED_COLORS.includes(value);
+}
+function isGradient(value) {
+  return GRADIENT_TYPES.some(function (gradient) {
+    return value.startsWith("".concat(gradient, "-gradient("));
+  });
+}
+function extractBetweenParentheses(value) {
+  var match = value.match(/\((.*?)\)/);
+  return match ? match[1] : '';
+}
+function isLessFunction(value) {
+  return LESS_COLOR_FUNCTIONS.some(function (func) {
+    return value.startsWith("".concat(func, "("));
+  });
+}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractCssVarName = extractCssVarName;
+exports.extractLessVarName = extractLessVarName;
+exports.isColorRelatedProperty = isColorRelatedProperty;
+exports.isCssDeclaration = isCssDeclaration;
+exports.splitCssValue = splitCssValue;
+var COLOR_PROPERTIES = ['color', 'background', 'background-color', 'box-shadow', 'border', 'border-left', 'border-right', 'border-top', 'border-bottom', 'border-color', 'border-left-color', 'border-right-color', 'border-top-color', 'border-bottom-color', 'outline', 'outline-color', 'accent-color', 'caret-color', 'scrollbar-color', 'text-stroke'];
+function isColorRelatedProperty(prop) {
+  return COLOR_PROPERTIES.some(function (property) {
+    return property === prop;
+  });
+}
+function isCssDeclaration(prop) {
+  return prop.startsWith('--');
+}
+function extractCssVarName(prop) {
+  return prop.substring(prop.indexOf('(') + 1).split(/\,|\)/)[0];
+}
+function extractLessVarName(prop) {
+  return prop.substring(1);
+}
+function splitCssValue(value) {
+  var regex = /(?:[^\s()]+|\((?:[^()]+|\([^()]*\))*\))+/g;
+  return value.match(regex);
+}

package/dist/cjs/presets/css-to-design-tokens/{utils → lib}/legacy-colors.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.knownVariables = exports.knownRawColors = exports.knownColors = void 0;
-var knownVariables = {
+exports.knownVariables = exports.knownRawColors = exports.knownNamedColors = void 0;
+var knownVariables = exports.knownVariables = {
   '--adg3-color-R50': ['danger'],
   '--adg3-color-R75': ['danger'],
   '--adg3-color-R100': ['danger'],
@@ -169,8 +169,7 @@ var knownVariables = {
   '--jpo-border-default-color': ['border'],
   '--jpo-border-secondary-color': ['border', 'subtle']
 };
-exports.knownVariables = knownVariables;
-var knownColors = {
+var knownNamedColors = exports.knownNamedColors = {
   aliceblue: ['blue'],
   antiquewhite: [],
   aqua: ['teal'],
@@ -190,7 +189,7 @@ var knownColors = {
   coral: [],
   cornflowerblue: ['blue'],
   cornsilk: [],
-  crimson: ['accent', 'red'],
+  crimson: ['red'],
   cyan: ['accent', 'teal', 'subtle'],
   darkblue: ['accent', 'blue', 'bold'],
   darkcyan: ['accent', 'teal', 'bold'],
@@ -244,11 +243,11 @@ var knownColors = {
   lightgoldenrodyellow: [],
   lightgray: [],
   lightgrey: [],
-  lightgreen: ['green'],
+  lightgreen: ['green', 'accent'],
   lightpink: ['magenta'],
   lightsalmon: ['pink', 'subtler'],
   lightseagreen: ['green'],
-  lightskyblue: ['blue'],
+  lightskyblue: ['blue', 'accent'],
   lightslategray: [],
   lightslategrey: [],
   lightsteelblue: ['blue'],
@@ -290,7 +289,8 @@ var knownColors = {
   plum: [],
   powderblue: ['blue', 'subtle'],
   purple: ['purple'],
-  red: ['accent', 'red', 'subtle'],
+  rebeccapurple: ['purple', 'accent'],
+  red: ['red', 'accent'],
   rosybrown: [],
   royalblue: [],
   saddlebrown: [],
@@ -319,12 +319,10 @@ var knownColors = {
   yellow: ['yellow'],
   yellowgreen: ['yellow']
 };
-exports.knownColors = knownColors;
-var knownRawColors = {
-  '#000000': ['text'],
-  '#cccccc': ['border'],
-  '#aaaaaa': ['border'],
-  '#bbbbbb': ['border'],
+var knownRawColors = exports.knownRawColors = {
+  '#cccccc': ['gray'],
+  '#aaaaaa': ['gray', 'subtlest'],
+  '#bbbbbb': ['gray', 'subtle'],
   '#ffffff': ['elevation', 'surface'],
   '#f0f0f0': ['elevation', 'surface'],
   '#eeeeee': ['elevation', 'surface', 'sunken'],
@@ -333,10 +331,8 @@ var knownRawColors = {
   '#c00c00': ['danger'],
   '#5243aa': ['discovery'],
   '#ffc712': ['warning'],
-  '#292929': ['text'],
   '#00f00f': ['brand'],
   '#3b73af': ['brand'],
   '#326ca6': ['brand'],
   '#0052cc': ['brand']
-};
-exports.knownRawColors = knownRawColors;
+};

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

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.logger = void 0;
+var _chalk = _interopRequireDefault(require("chalk"));
+var logger = exports.logger = {
+  warn: function warn(message) {
+    // eslint-disable-next-line no-console
+    console.warn(_chalk.default.yellow('WARNING'), message);
+  },
+  error: function error(message) {
+    // eslint-disable-next-line no-console
+    console.error(_chalk.default.red('ERROR'), message);
+  }
+};

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

@@ -0,0 +1,157 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cleanMeta = cleanMeta;
+exports.getBaseDeclarationMeta = getBaseDeclarationMeta;
+exports.getCssVarMeta = getCssVarMeta;
+exports.getNamedColorMeta = getNamedColorMeta;
+exports.getRawColorMeta = getRawColorMeta;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _tokenNames = _interopRequireDefault(require("@atlaskit/tokens/token-names"));
+var _declaration = require("./declaration");
+var _legacyColors = require("./legacy-colors");
+var getUniqueWordsFromTokens = Object.keys(_tokenNames.default).reduce(function (accum, val) {
+  return [].concat((0, _toConsumableArray2.default)(accum), (0, _toConsumableArray2.default)(val.split('.')));
+}, []).reduce(function (accum, val) {
+  return [].concat((0, _toConsumableArray2.default)(accum), (0, _toConsumableArray2.default)(val.split(/(?=[A-Z])/g).map(function (e) {
+    return e.toLowerCase();
+  })));
+}, []).reduce(function (accum, val) {
+  if (!accum.includes(val)) {
+    accum.push(val);
+  }
+  return accum;
+}, []);
+function filterDuplciateFoundations(meta) {
+  var foundations = ['text', 'background', 'shadow', 'border'];
+  var hasFoundation = false;
+  return meta.filter(function (val) {
+    if (!hasFoundation && foundations.includes(val)) {
+      hasFoundation = true;
+      return true;
+    }
+    if (hasFoundation && foundations.includes(val)) {
+      return false;
+    }
+    return true;
+  });
+}
+var REPLACEMENTS = {
+  ':': '',
+  ',': '',
+  texts: 'text',
+  error: 'danger',
+  invalid: 'danger',
+  removed: 'danger',
+  removal: 'danger',
+  remove: 'danger',
+  focus: 'focused',
+  valid: 'success',
+  successful: 'success',
+  risk: 'warning',
+  caution: 'warning',
+  warn: 'warning',
+  primary: 'bold',
+  info: 'bold',
+  secondary: 'subtle',
+  hyperlink: 'link',
+  anchor: 'link',
+  active: 'pressed',
+  hover: 'hovered',
+  dragged: 'overlay',
+  dragging: 'overlay',
+  drag: 'overlay',
+  'background-color': 'background',
+  color: 'text',
+  icons: 'icon',
+  arrow: 'icon',
+  glyph: 'icon',
+  stroke: 'border',
+  'border-left': 'border',
+  'border-right': 'border',
+  'border-top': 'border',
+  'border-bottom': 'border',
+  'box-shadow': 'shadow'
+};
+var ADDITIONAL_META = {
+  grey: 'neutral',
+  red: 'danger'
+};
+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) {
+    if (val in ADDITIONAL_META) {
+      accum.push(val, ADDITIONAL_META[val]);
+    } else {
+      accum.push(val);
+    }
+    accum.push(val in REPLACEMENTS ? REPLACEMENTS[val] : val);
+    return accum;
+  }, []).filter(function (val) {
+    return getUniqueWordsFromTokens.includes(val);
+  }).reduce(function (accum, val) {
+    if (!accum.includes(val)) {
+      accum.push(val);
+    }
+    return accum;
+  }, []);
+  return filterDuplciateFoundations(cleanMeta);
+}
+function getBaseDeclarationMeta(decl) {
+  var parentSelectors = getParentSelectors(decl).split(/\-|\.|\,|\ |\:|\&/).filter(Boolean);
+  return [getPropertyMeta(decl.prop)].concat((0, _toConsumableArray2.default)(parentSelectors));
+}
+function getPropertyMeta(prop) {
+  if (prop === 'color') {
+    return 'text';
+  }
+  if (prop.startsWith('background')) {
+    return 'background';
+  }
+  if (prop.includes('shadow')) {
+    return 'shadow';
+  }
+  if (prop.includes('border')) {
+    return 'border';
+  }
+  return '';
+}
+function isRule(node) {
+  return node.type === 'rule';
+}
+function getParentSelectors(node) {
+  if (isRule(node)) {
+    // @ts-expect-error
+    return getParentSelectors(node.parent) + ' ' + node.selector;
+  }
+  if (node.parent) {
+    return getParentSelectors(node.parent);
+  }
+  return '';
+}
+function getCssVarMeta(cssVariable) {
+  var tokenName = (0, _declaration.extractCssVarName)(cssVariable);
+  var meta = _legacyColors.knownVariables[tokenName];
+  if (!meta || meta.length === 0) {
+    return tokenName.split('-');
+  }
+  return meta;
+}
+function getRawColorMeta(rawColor) {
+  var _knownRawColors$clean;
+  var cleanColor = rawColor.toLowerCase();
+  if (cleanColor.length === 4) {
+    cleanColor = cleanColor + cleanColor.substring(cleanColor.indexOf('#') + 1);
+  }
+  return (_knownRawColors$clean = _legacyColors.knownRawColors[cleanColor]) !== null && _knownRawColors$clean !== void 0 ? _knownRawColors$clean : [];
+}
+function getNamedColorMeta(namedColor) {
+  var _knownNamedColors$nam;
+  return (_knownNamedColors$nam = _legacyColors.knownNamedColors[namedColor]) !== null && _knownNamedColors$nam !== void 0 ? _knownNamedColors$nam : [];
+}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = findToken;
+var _tokenNames = _interopRequireDefault(require("@atlaskit/tokens/token-names"));
+var _tokensRaw = require("@atlaskit/tokens/tokens-raw");
+var _fuzzySearch = _interopRequireDefault(require("../../theme-to-design-tokens/utils/fuzzy-search"));
+var _meta = require("./meta");
+var MISSING_TOKEN_NAME = 'MISSING_TOKEN';
+var ACTIVE_TOKENS = _tokensRaw.light.filter(function (token) {
+  return token.attributes.state === 'active';
+}).map(function (token) {
+  return token.name.replace(/\.\[default\]/g, '');
+}).filter(function (token) {
+  return !token.includes('UNSAFE') && !token.includes('interaction');
+});
+var COLOR_TOKEN_SEARCH_TYPES = ['text', 'link', 'icon', 'border', 'background', 'blanket', 'skeleton', 'chart', 'surface', 'shadow'];
+var createFuzzySearch = function createFuzzySearch(tokens) {
+  return (0, _fuzzySearch.default)(tokens, false);
+};
+function filterTokens(meta) {
+  var commonSearchTypes = COLOR_TOKEN_SEARCH_TYPES.filter(function (type) {
+    return meta.includes(type);
+  });
+  return commonSearchTypes.length !== 0 ? ACTIVE_TOKENS.filter(function (token) {
+    return commonSearchTypes.some(function (type) {
+      return token.startsWith("color.".concat(type)) || token.startsWith("elevation.".concat(type));
+    });
+  }) : ACTIVE_TOKENS;
+}
+function findToken(meta) {
+  var filteredTokens = filterTokens(meta);
+  var tokenFuzzySearch = createFuzzySearch(filteredTokens);
+  var cleanSearchTerms = (0, _meta.cleanMeta)(meta).join(' ');
+  var results = tokenFuzzySearch.get(cleanSearchTerms);
+  if (!results) {
+    return MISSING_TOKEN_NAME;
+  }
+  var candidates = results.map(function (result) {
+    return result[1];
+  });
+  var bestCandidate = _tokenNames.default[candidates[0]];
+  return bestCandidate;
+}