@atlaskit/codemod-cli 0.9.7 → 0.10.2

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

@@ -0,0 +1,217 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import postcss from 'postcss'; // @ts-ignore
+
+import lessSyntax from 'postcss-less';
+import designTokens from '@atlaskit/tokens/token-names';
+import renameMapping from '@atlaskit/tokens/rename-mapping';
+import Search from '../theme-to-design-tokens/utils/fuzzy-search';
+import { knownVariables, knownColors, knownRawColors } from './utils/legacy-colors';
+import { cleanMeta } from './utils/meta';
+var tokens = Object.keys(designTokens).filter(function (t) {
+  return !t.includes('UNSAFE') && !t.includes('interaction');
+}).filter(function (t) {
+  return !renameMapping.find(function (_ref) {
+    var path = _ref.path;
+    return t === path.replace(/\.[default]\g/, '');
+  });
+});
+var search = Search(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(designTokens).find(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+        _ = _ref3[0],
+        value = _ref3[1];
+
+    return tokenName === value;
+  }));
+}
+
+function getMetaFromCssVar(tokenName) {
+  var meta = 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 knownRawColors[cleanColor];
+} // https://github.com/postcss/postcss/blob/main/docs/writing-a-plugin.md
+// https://astexplorer.net/#/2uBU1BLuJ1
+
+
+var plugin = function plugin() {
+  var processed = Symbol('processed');
+  return {
+    postcssPlugin: 'UsingTokens',
+    Declaration: function Declaration(decl) {
+      // @ts-expect-error
+      if (decl[processed]) {
+        return;
+      }
+
+      if (!isColorProperty(decl.prop)) {
+        return;
+      }
+
+      var searchTerms = [getDeclarationMeta(decl)].concat(_toConsumableArray(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, _toConsumableArray((_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, _toConsumableArray((_getMetaFromCssVar2 = getMetaFromCssVar("--".concat(stripLessVar(match)))) !== null && _getMetaFromCssVar2 !== void 0 ? _getMetaFromCssVar2 : []));
+      } // Raw colors
+
+
+      var rawColorMatch = decl.value.match(rawColorRe);
+
+      if (rawColorMatch) {
+        var _getMetaFromRawColor;
+
+        match = rawColorMatch[0];
+        searchTerms.push.apply(searchTerms, _toConsumableArray((_getMetaFromRawColor = getMetaFromRawColor(match)) !== null && _getMetaFromRawColor !== void 0 ? _getMetaFromRawColor : []));
+      } // Named colors
+
+
+      if (knownColors.hasOwnProperty(decl.value)) {
+        var _knownColors$decl$val;
+
+        match = decl.value;
+        searchTerms.push.apply(searchTerms, _toConsumableArray((_knownColors$decl$val = knownColors[decl.value.toLowerCase()]) !== null && _knownColors$decl$val !== void 0 ? _knownColors$decl$val : []));
+      }
+
+      if (!match) {
+        console.warn("Unable to find match for declaration: ".concat(decl.prop, ": ").concat(decl.value));
+        return;
+      }
+
+      var cleanSearchTerms = cleanMeta(searchTerms).join(' ');
+      var results = search.get(cleanSearchTerms);
+      var replacement = results ? results.map(function (result) {
+        return result[1];
+      }) : ['utility.UNSAFE_util.MISSING_TOKEN'];
+
+      if (decl.prop === 'box-shadow') {
+        decl.value = "var(".concat(designTokens[replacement[0]], ", ").concat(decl.value, ")");
+      } else {
+        decl.value = decl.value.split(match).join("var(".concat(designTokens[replacement[0]], ", ").concat(match, ")"));
+      } // @ts-expect-error
+
+
+      decl[processed] = true;
+    }
+  };
+};
+
+export default function transformer(_x) {
+  return _transformer.apply(this, arguments);
+}
+
+function _transformer() {
+  _transformer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return postcss([plugin()]).process(file.source, {
+              syntax: lessSyntax
+            }).css;
+
+          case 2:
+            return _context.abrupt("return", _context.sent);
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _transformer.apply(this, arguments);
+}

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

@@ -0,0 +1,334 @@
+export var knownVariables = {
+  '--adg3-color-R50': ['danger'],
+  '--adg3-color-R75': ['danger'],
+  '--adg3-color-R100': ['danger'],
+  '--adg3-color-R200': ['danger'],
+  '--adg3-color-R300': ['danger'],
+  '--adg3-color-R400': ['danger'],
+  '--adg3-color-R500': ['danger'],
+  '--adg3-color-Y50': ['warning'],
+  '--adg3-color-Y75': ['warning'],
+  '--adg3-color-Y100': ['warning'],
+  '--adg3-color-Y200': ['warning'],
+  '--adg3-color-Y300': ['warning'],
+  '--adg3-color-Y400': ['warning'],
+  '--adg3-color-Y500': ['warning'],
+  '--adg3-color-G50': ['success'],
+  '--adg3-color-G75': ['success'],
+  '--adg3-color-G100': ['success'],
+  '--adg3-color-G200': ['success'],
+  '--adg3-color-G300': ['success'],
+  '--adg3-color-G400': ['success'],
+  '--adg3-color-G500': ['success'],
+  '--adg3-color-B50': ['brand'],
+  '--adg3-color-B75': ['brand'],
+  '--adg3-color-B100': ['brand'],
+  '--adg3-color-B200': ['brand'],
+  '--adg3-color-B300': ['brand'],
+  '--adg3-color-B400': ['brand'],
+  '--adg3-color-B500': ['brand'],
+  '--adg3-color-P50': ['discovery'],
+  '--adg3-color-P75': ['discovery'],
+  '--adg3-color-P100': ['discovery'],
+  '--adg3-color-P200': ['discovery'],
+  '--adg3-color-P300': ['discovery'],
+  '--adg3-color-P400': ['discovery'],
+  '--adg3-color-P500': ['discovery'],
+  '--adg3-color-T50': ['accent', 'teal'],
+  '--adg3-color-T75': ['accent', 'teal'],
+  '--adg3-color-T100': ['accent', 'teal'],
+  '--adg3-color-T200': ['accent', 'teal'],
+  '--adg3-color-T300': ['accent', 'teal'],
+  '--adg3-color-T400': ['accent', 'teal'],
+  '--adg3-color-T500': ['accent', 'teal'],
+  '--adg3-color-N0': ['inverse'],
+  '--adg3-color-N10': [],
+  '--adg3-color-N20': [],
+  '--adg3-color-N30': [],
+  '--adg3-color-N40': [],
+  '--adg3-color-N50': [],
+  '--adg3-color-N60': [],
+  '--adg3-color-N70': [],
+  '--adg3-color-N80': [],
+  '--adg3-color-N90': [],
+  '--adg3-color-N100': [],
+  '--adg3-color-N200': ['text', 'subtlest'],
+  '--adg3-color-N300': [],
+  '--adg3-color-N400': ['text', 'subtle'],
+  '--adg3-color-N500': [],
+  '--adg3-color-N600': [],
+  '--adg3-color-N700': ['text'],
+  '--adg3-color-N800': ['text'],
+  '--adg3-color-N900': ['text'],
+  '--adg3-color-N10A': [],
+  '--adg3-color-N20A': [],
+  '--adg3-color-N30A': [],
+  '--adg3-color-N40A': [],
+  '--adg3-color-N50A': [],
+  '--adg3-color-N60A': [],
+  '--adg3-color-N70A': [],
+  '--adg3-color-N80A': [],
+  '--adg3-color-N90A': [],
+  '--adg3-color-N100A': [],
+  '--adg3-color-N200A': [],
+  '--adg3-color-N300A': [],
+  '--adg3-color-N400A': [],
+  '--adg3-color-N500A': [],
+  '--adg3-color-N600A': [],
+  '--adg3-color-N700A': [],
+  '--adg3-color-N800A': [],
+  '--adg3-color-DN900': [],
+  '--adg3-color-DN800': [],
+  '--adg3-color-DN700': [],
+  '--adg3-color-DN600': [],
+  '--adg3-color-DN500': [],
+  '--adg3-color-DN400': [],
+  '--adg3-color-DN300': [],
+  '--adg3-color-DN200': [],
+  '--adg3-color-DN100': [],
+  '--adg3-color-DN90': [],
+  '--adg3-color-DN80': [],
+  '--adg3-color-DN70': [],
+  '--adg3-color-DN60': [],
+  '--adg3-color-DN50': [],
+  '--adg3-color-DN40': [],
+  '--adg3-color-DN30': [],
+  '--adg3-color-DN20': [],
+  '--adg3-color-DN10': [],
+  '--adg3-color-DN0': [],
+  '--adg3-color-DN800A': [],
+  '--adg3-color-DN700A': [],
+  '--adg3-color-DN600A': [],
+  '--adg3-color-DN500A': [],
+  '--adg3-color-DN400A': [],
+  '--adg3-color-DN300A': [],
+  '--adg3-color-DN200A': [],
+  '--adg3-color-DN100A': [],
+  '--adg3-color-DN90A': [],
+  '--adg3-color-DN80A': [],
+  '--adg3-color-DN70A': [],
+  '--adg3-color-DN60A': [],
+  '--adg3-color-DN50A': [],
+  '--adg3-color-DN40A': [],
+  '--adg3-color-DN30A': [],
+  '--adg3-color-DN20A': [],
+  '--adg3-color-DN10A': [],
+  '--adg3-color-background-light': ['elevation', 'surface'],
+  '--adg3-color-background-dark': ['elevation', 'surface'],
+  '--adg3-color-text-light': ['text'],
+  '--adg3-color-text-dark': ['text'],
+  '--adg3-color-subtleText-light': ['text', 'subtle'],
+  '--adg3-color-subtleText-dark': ['text', 'subtle'],
+  '--adg3-color-placeholderText-light': ['text', 'subtlest'],
+  '--adg3-color-placeholderText-dark': ['text', 'subtlest'],
+  '--adg3-color-heading-light': ['text'],
+  '--adg3-color-heading-dark': ['text'],
+  '--adg3-color-subtleHeading-light': ['text', 'subtle'],
+  '--adg3-color-subtleHeading-dark': ['text', 'subtle'],
+  '--adg3-color-codeBlock-light': ['elevation', 'surface', 'sunken'],
+  '--adg3-color-codeBlock-dark': ['elevation', 'surface', 'sunken'],
+  '--adg3-color-link-light': ['link'],
+  '--adg3-color-link-dark': ['link'],
+  '--adg3-color-linkHover-light': ['link'],
+  '--adg3-color-linkHover-dark': ['link'],
+  '--adg3-color-linkActive-light': ['link', 'pressed'],
+  '--adg3-color-linkActive-dark': ['link', 'pressed'],
+  '--adg3-color-linkOutline-light': ['link', 'focused'],
+  '--adg3-color-linkOutline-dark': ['link', 'focused'],
+  '--adg3-color-primary-light': ['brand'],
+  '--adg3-color-primary-dark': ['brand'],
+  '--adg3-color-blue-light': ['accent', 'subtler', 'blue'],
+  '--adg3-color-blue-dark': ['accent', 'bolder', 'blue'],
+  '--adg3-color-teal-light': ['accent', 'subtler', 'teal'],
+  '--adg3-color-teal-dark': ['accent', 'bolder', 'teal'],
+  '--adg3-color-purple-light': ['accent', 'subtler', 'purple'],
+  '--adg3-color-purple-dark': ['accent', 'bolder', 'purple'],
+  '--adg3-color-red-light': ['accent', 'subtler', 'red'],
+  '--adg3-color-red-dark': ['accent', 'bolder', 'red'],
+  '--adg3-color-yellow-light': ['accent', 'subtler', 'yellow'],
+  '--adg3-color-yellow-dark': ['accent', 'bolder', 'yellow'],
+  '--adg3-color-green-light': ['accent', 'subtler', 'green'],
+  '--adg3-color-green-dark': ['accent', 'bolder', 'green'],
+  '--adg3-color-N20-transparent': [],
+
+  /* Alias variables */
+  '--jpo-theme-color': ['brand'],
+  '--jpo-text-default-color': ['text'],
+  '--jpo-text-secondary-color': ['text', 'subtle'],
+  '--jpo-text-muted-color': ['text', 'disabled'],
+  '--jpo-text-error-color': ['text', 'danger'],
+  '--jpo-bg-default-color': ['elevation', 'surface'],
+  '--jpo-bg-reverse-color': ['background', 'inverse'],
+  '--jpo-bg-warning-color': ['background', 'warning', 'subtle'],
+  '--jpo-bg-dark-color': ['background', 'netural', 'bold'],
+  '--jpo-border-default-color': ['border'],
+  '--jpo-border-secondary-color': ['border', 'subtle']
+};
+export var knownColors = {
+  aliceblue: ['blue'],
+  antiquewhite: [],
+  aqua: ['teal'],
+  aquamarine: ['teal'],
+  azure: ['teal', 'subtlest'],
+  beige: [],
+  bisque: [],
+  black: [],
+  blanchedalmond: [],
+  blue: ['blue'],
+  blueviolet: ['blue'],
+  brown: [],
+  burlywood: [],
+  cadetblue: ['blue'],
+  chartreuse: [],
+  chocolate: [],
+  coral: [],
+  cornflowerblue: ['blue'],
+  cornsilk: [],
+  crimson: ['accent', 'red'],
+  cyan: ['accent', 'teal', 'subtle'],
+  darkblue: ['accent', 'blue', 'bold'],
+  darkcyan: ['accent', 'teal', 'bold'],
+  darkgoldenrod: [],
+  darkgray: [],
+  darkgrey: [],
+  darkgreen: ['green'],
+  darkkhaki: [],
+  darkmagenta: ['magenta', 'bold'],
+  darkolivegreen: ['green'],
+  darkorange: [],
+  darkorchid: [],
+  darkred: ['accent', 'red', 'bold'],
+  darksalmon: [],
+  darkseagreen: ['green'],
+  darkslateblue: [],
+  darkslategray: [],
+  darkslategrey: [],
+  darkturquoise: ['teal', 'bold'],
+  darkviolet: ['purple', 'bold'],
+  deeppink: ['magenta'],
+  deepskyblue: ['blue'],
+  dimgray: [],
+  dimgrey: [],
+  dodgerblue: [],
+  firebrick: ['red', 'bold'],
+  floralwhite: [],
+  forestgreen: ['green'],
+  fuchsia: ['magenta', 'subtle'],
+  gainsboro: [],
+  ghostwhite: [],
+  gold: ['yellow'],
+  goldenrod: [],
+  gray: [],
+  grey: [],
+  green: ['green'],
+  greenyellow: [],
+  honeydew: [],
+  hotpink: ['magenta'],
+  indianred: [],
+  indigo: ['purple'],
+  ivory: [],
+  khaki: [],
+  lavender: ['purple'],
+  lavenderblush: ['purple'],
+  lawngreen: ['green'],
+  lemonchiffon: [],
+  lightblue: [],
+  lightcoral: [],
+  lightcyan: [],
+  lightgoldenrodyellow: [],
+  lightgray: [],
+  lightgrey: [],
+  lightgreen: ['green'],
+  lightpink: ['magenta'],
+  lightsalmon: ['pink', 'subtler'],
+  lightseagreen: ['green'],
+  lightskyblue: ['blue'],
+  lightslategray: [],
+  lightslategrey: [],
+  lightsteelblue: ['blue'],
+  lightyellow: [],
+  lime: ['green', 'subtler'],
+  limegreen: ['green'],
+  linen: [],
+  magenta: ['magenta'],
+  maroon: [],
+  mediumaquamarine: [],
+  mediumblue: [],
+  mediumorchid: [],
+  mediumpurple: [],
+  mediumseagreen: ['green'],
+  mediumslateblue: [],
+  mediumspringgreen: ['green'],
+  mediumturquoise: [],
+  mediumvioletred: [],
+  midnightblue: [],
+  mintcream: [],
+  mistyrose: [],
+  moccasin: [],
+  navajowhite: [],
+  navy: ['blue', 'bold'],
+  oldlace: [],
+  olive: [],
+  olivedrab: [],
+  orange: [],
+  orangered: [],
+  orchid: ['purple'],
+  palegoldenrod: [],
+  palegreen: ['green'],
+  paleturquoise: [],
+  palevioletred: [],
+  papayawhip: [],
+  peachpuff: [],
+  peru: [],
+  pink: ['magenta'],
+  plum: [],
+  powderblue: ['blue', 'subtle'],
+  purple: ['purple'],
+  red: ['accent', 'red', 'subtle'],
+  rosybrown: [],
+  royalblue: [],
+  saddlebrown: [],
+  salmon: [],
+  sandybrown: [],
+  seagreen: ['green'],
+  seashell: [],
+  sienna: [],
+  silver: [],
+  skyblue: ['blue', 'subtlest'],
+  slateblue: [],
+  slategray: [],
+  slategrey: [],
+  snow: [],
+  springgreen: ['green'],
+  steelblue: ['blue'],
+  tan: [],
+  teal: ['accent', 'teal'],
+  thistle: [],
+  tomato: ['red'],
+  turquoise: [],
+  violet: ['purple'],
+  wheat: [],
+  white: ['elevation', 'surface'],
+  whitesmoke: [],
+  yellow: ['yellow'],
+  yellowgreen: ['yellow']
+};
+export var knownRawColors = {
+  '#000000': ['text'],
+  '#cccccc': ['border'],
+  '#aaaaaa': ['border'],
+  '#bbbbbb': ['border'],
+  '#ffffff': ['elevation', 'surface'],
+  '#f0f0f0': ['elevation', 'surface'],
+  '#eeeeee': ['elevation', 'surface', 'sunken'],
+  '#ff0000': ['danger'],
+  '#d04437': ['danger'],
+  '#c00c00': ['danger'],
+  '#5243aa': ['discovery'],
+  '#ffc712': ['warning'],
+  '#292929': ['text'],
+  '#00f00f': ['brand'],
+  '#3b73af': ['brand'],
+  '#326ca6': ['brand'],
+  '#0052cc': ['brand']
+};

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

@@ -0,0 +1,52 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import designTokens from '@atlaskit/tokens/token-names';
+var getUniqueWordsFromTokens = Object.keys(designTokens).reduce(function (accum, val) {
+  return [].concat(_toConsumableArray(accum), _toConsumableArray(val.split('.')));
+}, []).reduce(function (accum, val) {
+  return [].concat(_toConsumableArray(accum), _toConsumableArray(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;
+  });
+}
+
+export function cleanMeta(meta) {
+  var cleanMeta = 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('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) {
+    if (!accum.includes(val)) {
+      accum.push(val);
+    }
+
+    return accum;
+  }, []);
+  return filterDuplciateFoundations(cleanMeta);
+}

package/dist/esm/presets/index.js

@@ -6,7 +6,8 @@ import path from 'path';
 
 import './styled-to-emotion/styled-to-emotion';
 import './theme-to-design-tokens/theme-to-design-tokens';
-var presets = ['styled-to-emotion', 'theme-to-design-tokens'].map(function (preset) {
+import './css-to-design-tokens/css-to-design-tokens';
+var presets = ['styled-to-emotion', 'theme-to-design-tokens', 'css-to-design-tokens'].map(function (preset) {
   return path.join(__dirname, preset, "".concat(preset, ".@(ts|js|tsx)"));
 });
 export default presets;

package/dist/esm/sinceRef.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import simpleGit from 'simple-git';
 import { ValidationError } from './types';
 var packageRegex = /"(@(?:atlaskit|atlassian|atlassiansox)\/.*)": "(.*)"/;

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/codemod-cli",
-	"version": "0.9.7"
+	"version": "0.10.2"
 }

package/dist/types/presets/css-to-design-tokens/css-to-design-tokens.d.ts

@@ -0,0 +1,2 @@
+import { FileInfo } from 'jscodeshift';
+export default function transformer(file: FileInfo): Promise<string>;

package/dist/types/presets/css-to-design-tokens/utils/legacy-colors.d.ts

@@ -0,0 +1,3 @@
+export declare const knownVariables: Record<string, string[]>;
+export declare const knownColors: Record<string, string[]>;
+export declare const knownRawColors: Record<string, string[]>;

package/dist/types/presets/css-to-design-tokens/utils/meta.d.ts

@@ -0,0 +1 @@
+export declare function cleanMeta(meta: string[]): string[];

package/dist/types/presets/index.d.ts

@@ -4,5 +4,6 @@
  */
 import './styled-to-emotion/styled-to-emotion';
 import './theme-to-design-tokens/theme-to-design-tokens';
+import './css-to-design-tokens/css-to-design-tokens';
 declare const presets: string[];
 export default presets;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/codemod-cli",
-  "version": "0.9.7",
+  "version": "0.10.2",
   "description": "A cli for distributing codemods for atlassian-frontend components and services",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,13 +26,14 @@
   "dependencies": {
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
-    "@types/chalk": "^2.2.0",
     "@types/jscodeshift": "^0.11.0",
-    "chalk": "^2.1.0",
+    "chalk": "^4.1.2",
     "enquirer": "^2.3.4",
     "glob": "^7.1.2",
     "jscodeshift": "^0.13.0",
     "meow": "^8.1.1",
+    "postcss": "^8.4.7",
+    "postcss-less": "^6.0.0",
     "projector-spawn": "^1.0.1",
     "semver": "^7.3.0",
     "simple-git": "^3.5.0"
@@ -41,7 +42,8 @@
     "@atlaskit/docs": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "ts-node": "^10.0.0",
-    "typescript": "4.2.4"
+    "typescript": "4.3.5"
   },
+  "homepage": "https://atlaskit.atlassian.com/packages/monorepo-tooling/codemod-cli",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }