fix: avoid machine-based paths in generated files

Author: dferber90

scripts/generate-base-colors.js

@@ -10,10 +10,8 @@ const startCase = require('lodash').startCase;
 const flatMap = require('lodash').flatMap;
 const sortBy = require('lodash').sortBy;
 
-const importPath = path.join(
-  __dirname,
-  '../src/materials/colors/decisions/base-colors.json'
-);
+const relativePath = '../src/materials/colors/decisions/base-colors.json';
+const importPath = path.join(__dirname, relativePath);
 const exportPath = path.join(
   __dirname,
   '../src/materials/colors/base-colors.mod.css'
@@ -69,7 +67,7 @@ const commentDoNotModify = {
   type: 'comment',
   comment: ` THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
   This file is created by 'scripts/generate-base-color.js' script. The real
-  colors's values should be updated in '${importPath}';
+  colors's values should be updated in '${relativePath}';
   Also, This file is transformed to JSON version in order to list the colors
   in the UIKit. Color groups are indicated by a comment preceeding the group
   of colors. `,

scripts/generate-base-shadows.js

@@ -8,10 +8,8 @@ const path = require('path');
 const css = require('css');
 const flatMap = require('lodash').flatMap;
 
-const importPath = path.join(
-  __dirname,
-  '../src/materials/shadows/decisions/base-shadows.json'
-);
+const relativePath = '../src/materials/shadows/decisions/base-shadows.json';
+const importPath = path.join(__dirname, relativePath);
 const exportPath = path.join(
   __dirname,
   '../src/materials/shadows/base-shadows.mod.css'
@@ -38,7 +36,7 @@ const commentDoNotModify = {
   type: 'comment',
   comment: ` THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
   This file is created by 'scripts/generate-base-shadows.js' script. The real
-  shadows's values should be updated in '${importPath}';
+  shadows's values should be updated in '${relativePath}';
   Also, This file is transformed to JSON version in order to list the shadows
   in the UIKit. `,
 };

scripts/generate-colors-for-story.js

@@ -15,8 +15,8 @@ const loadedFile = fs.readFileSync(importPath, 'utf8');
 const fileToBeTransformed = css.parse(loadedFile);
 
 // Path where decision file is located, for documentation purposes only
-
 const originalPath = 'materials/colors/decisions/base-colors.json';
+
 // Gets all declarations inside the `:root` selector from fileToBeTransformed
 const rootRulesFromFileToBeTransformed = fileToBeTransformed.stylesheet.rules.find(
   rule => rule.type === 'rule' && rule.selectors.includes(':root')

src/materials/colors/base-colors.mod.css

@@ -2,7 +2,7 @@
 
 /* THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
   This file is created by 'scripts/generate-base-color.js' script. The real
-  colors's values should be updated in '/Users/emmenko/dev/src/ui-kit/src/materials/colors/decisions/base-colors.json';
+  colors's values should be updated in '../src/materials/colors/decisions/base-colors.json';
   Also, This file is transformed to JSON version in order to list the colors
   in the UIKit. Color groups are indicated by a comment preceeding the group
   of colors. */

src/materials/shadows/base-shadows.mod.css

@@ -2,7 +2,7 @@
 
 /* THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
   This file is created by 'scripts/generate-base-shadows.js' script. The real
-  shadows's values should be updated in '/Users/emmenko/dev/src/ui-kit/src/materials/shadows/decisions/base-shadows.json';
+  shadows's values should be updated in '../src/materials/shadows/decisions/base-shadows.json';
   Also, This file is transformed to JSON version in order to list the shadows
   in the UIKit. */