feat(visual): revert palette resolve

Author: NikGurev

packages/tokens-builder/filters/css-variables.js

@@ -15,12 +15,12 @@ module.exports = (StyleDictionary) => {
 
     StyleDictionary.registerFilter({
         name: 'css-variables-light',
-        matcher: (prop) => prop.attributes.light
+        matcher: (prop) => prop.attributes.light && !prop.attributes.palette
     });
 
     StyleDictionary.registerFilter({
         name: 'css-variables-dark',
-        matcher: (prop) => prop.attributes.dark
+        matcher: (prop) => prop.attributes.dark && !prop.attributes.palette
     });
 
     StyleDictionary.registerFilter({

packages/tokens-builder/formats/utils.js

@@ -1,6 +1,4 @@
 const transform = require('style-dictionary/lib/common/transforms');
-const getPathFromName = require('style-dictionary/lib/utils/references/getPathFromName');
-const createReferenceRegex = require('style-dictionary/lib/utils/references/createReferenceRegex');
 
 const unwrapObjectTransformer = (token) => {
     return Object.keys(token.value).map((key) => {
@@ -17,18 +15,6 @@ const unwrapObjectTransformer = (token) => {
     }, {});
 };
 
-const resolvePaletteRef = (token, dictionary) => {
-    const regex = createReferenceRegex({});
-
-    const findPalette = (match, variable) => {
-        const [category, item, ...pathName] = getPathFromName(variable);
-        const pathToSemanticPalette = dictionary.tokens[category][item].palette.original.value.replace(/[{}]/g, '');
-        return `{${pathToSemanticPalette}.${pathName[pathName.length - 1]}}`;
-    };
-    token.original.value = token.original.value.replace(regex, findPalette);
-    return token;
-};
-
 const getMapFromObj = (object) => {
     const result = Object.keys(object)
         .map((key) => {
@@ -49,9 +35,6 @@ const applyCustomTransformations = (dictionary) => {
             if (typeof token.value === 'object' && token.type === 'font') {
                 return unwrapObjectTransformer(token);
             }
-            if (typeof token.original.value === 'string' && token.original.value.includes('palette.value')) {
-                return resolvePaletteRef(token, dictionary);
-            }
             return token;
         })
         .filter((token) => !token.attributes.palette);
@@ -62,6 +45,5 @@ const applyCustomTransformations = (dictionary) => {
 module.exports = {
     unwrapObjectTransformer,
     getMapFromObj,
-    resolvePaletteRef,
     applyCustomTransformations
 };