@atlaskit/codemod-cli 0.17.10 → 0.19.0

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

@@ -1,338 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.knownVariables = exports.knownRawColors = exports.knownNamedColors = void 0;
-var knownVariables = exports.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']
-};
-var knownNamedColors = exports.knownNamedColors = {
-  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: ['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', 'accent'],
-  lightpink: ['magenta'],
-  lightsalmon: ['pink', 'subtler'],
-  lightseagreen: ['green'],
-  lightskyblue: ['blue', 'accent'],
-  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'],
-  rebeccapurple: ['purple', 'accent'],
-  red: ['red', 'accent'],
-  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']
-};
-var knownRawColors = exports.knownRawColors = {
-  '#cccccc': ['gray'],
-  '#aaaaaa': ['gray', 'subtlest'],
-  '#bbbbbb': ['gray', 'subtle'],
-  '#ffffff': ['elevation', 'surface'],
-  '#f0f0f0': ['elevation', 'surface'],
-  '#eeeeee': ['elevation', 'surface', 'sunken'],
-  '#ff0000': ['danger'],
-  '#d04437': ['danger'],
-  '#c00c00': ['danger'],
-  '#5243aa': ['discovery'],
-  '#ffc712': ['warning'],
-  '#00f00f': ['brand'],
-  '#3b73af': ['brand'],
-  '#326ca6': ['brand'],
-  '#0052cc': ['brand']
-};

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

@@ -1,18 +0,0 @@
-"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

@@ -1,157 +0,0 @@
-"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

@@ -1,47 +0,0 @@
-"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;
-}

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

@@ -1,80 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = parseValue;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _colors = require("./colors");
-var _declaration = require("./declaration");
-var _meta = require("./meta");
-var _tokens = _interopRequireDefault(require("./tokens"));
-var _logger = require("./logger");
-function parseValue(value) {
-  if ((0, _colors.isLessFunction)(value)) {
-    _logger.logger.warn('Cannot parse - less function detected, would cause compilation error');
-    return null;
-  }
-  if ((0, _colors.isGradient)(value)) {
-    return {
-      getReplacement: function getReplacement() {
-        var additionalMeta = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-        var gradientContent = (0, _colors.extractBetweenParentheses)(value);
-        var values = gradientContent.split(',');
-        var replacedValues = values.map(function (val) {
-          var parsedValue = parseValue(val.trim());
-          return parsedValue ? parsedValue.getReplacement(additionalMeta) : val;
-        });
-        return value.replace(gradientContent, replacedValues.join(', '));
-      },
-      getMeta: function getMeta() {
-        var BASE_META = [];
-        var gradientContent = (0, _colors.extractBetweenParentheses)(value);
-        var values = gradientContent.split(',');
-        var metas = values.reduce(function (acc, val) {
-          var parsedValue = parseValue(val.trim());
-          return parsedValue ? [].concat((0, _toConsumableArray2.default)(acc), (0, _toConsumableArray2.default)(parsedValue.getMeta())) : acc;
-        }, BASE_META);
-        return metas;
-      }
-    };
-  }
-  if ((0, _colors.isKnownCssVariable)((0, _declaration.extractCssVarName)(value))) {
-    return {
-      getReplacement: function getReplacement() {
-        var additionalMeta = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-        var token = (0, _tokens.default)([].concat((0, _toConsumableArray2.default)(additionalMeta), (0, _toConsumableArray2.default)(this.getMeta())));
-        return "var(".concat(token, ", ").concat(value, ")");
-      },
-      getMeta: function getMeta() {
-        return (0, _meta.getCssVarMeta)(value);
-      }
-    };
-  }
-  if ((0, _colors.isRawColor)(value)) {
-    return {
-      getReplacement: function getReplacement() {
-        var additionalMeta = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-        var token = (0, _tokens.default)([].concat((0, _toConsumableArray2.default)(additionalMeta), (0, _toConsumableArray2.default)(this.getMeta())));
-        return "var(".concat(token, ", ").concat(value, ")");
-      },
-      getMeta: function getMeta() {
-        return (0, _meta.getRawColorMeta)(value);
-      }
-    };
-  }
-  if ((0, _colors.isNamedColor)(value)) {
-    return {
-      getReplacement: function getReplacement() {
-        var additionalMeta = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-        var token = (0, _tokens.default)([].concat((0, _toConsumableArray2.default)(additionalMeta), (0, _toConsumableArray2.default)(this.getMeta())));
-        return "var(".concat(token, ", ").concat(value, ")");
-      },
-      getMeta: function getMeta() {
-        return (0, _meta.getNamedColorMeta)(value);
-      }
-    };
-  }
-  return null;
-}