fix(QUV-2366): node modules imports paths have change to the root nod…

…e modules (#5)

* feat(QUV-2366): node modules imports paths have change to the root node_modules

* build: add generate dist

* fix: delete base styles

---------

Co-authored-by: santiago.trigo <[email protected]>

.github/workflows/ci.yml

@@ -51,6 +51,9 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Generate dist
+        run: npm run build
+
   deploy:
     needs: [build]
     if: github.ref == 'refs/heads/master'

.storybook/preview.scss

@@ -2,7 +2,7 @@
 @import "assets/styles/preview/preview.scss";
 
 // The genesys-styles scss. We need to wrap these styles to avoid doc styles affect to the components
-@import "../src/light";
+@import "../light";
 
 // because the storybook source code is rendered using the same class name 'tag'
 pre .tag {

build.ts

@@ -7,11 +7,15 @@ mkdirSync('dist');
 mkdirSync('dist/css');
 
 // Create css
-const lightResult = sass.compile("./src/light.scss");
+const lightResult = sass.compile("./light.scss");
 writeFileSync("dist/css/light.css", lightResult.css);
 
-const darkResult = sass.compile("./src/dark.scss");
+const darkResult = sass.compile("./dark.scss");
 writeFileSync("dist/css/dark.css", darkResult.css);
 
 // Copy SCSS files
-cpSync("src/", "dist/scss", { recursive: true });
+cpSync("src/_styles.scss", "dist/scss/_styles.scss");
+cpSync("src/components", "dist/scss/components", { recursive: true });
+cpSync("src/layout", "dist/scss/layout", { recursive: true });
+cpSync("src/utils", "dist/scss/utils", { recursive: true });
+cpSync("src/vendors", "dist/scss/vendors", { recursive: true });

dark.scss

@@ -0,0 +1,7 @@
+// ------------------------------ DARK - THEME ------------------------------ //
+
+
+@import "./node_modules/@devoinc/genesys-brand-devo/dist/dark/scss/tokens.sass.alias";
+@import "./node_modules/@devoinc/genesys-brand-devo/dist/dark/scss/tokens.sass.cmp";
+
+@import "./src/styles";

light.scss

@@ -0,0 +1,7 @@
+// ------------------------------ LIGHT - THEME ----------------------------- //
+
+
+@import "./node_modules/@devoinc/genesys-brand-devo/dist/light/scss/tokens.sass.alias";
+@import "./node_modules/@devoinc/genesys-brand-devo/dist/light/scss/tokens.sass.cmp";
+
+@import "./src/styles";

src/_styles.scss

@@ -13,6 +13,5 @@
 
 @import "./utils";
 @import "./vendors";
-@import "./base";
 @import "./components";
 @import "./layout";

src/base/_index.scss

@@ -2,4 +2,4 @@
 
 
 // The reset, fonts and typography base styles are obtained from genesys-base-styles.
-@import "../../node_modules/@devoinc/genesys-icons/dist/gi-styles.scss";
+@import "../../node_modules/@devoinc/genesys-icons/dist/gi-variables";

src/utils/_index.scss

@@ -1,5 +1,8 @@
 // ---------------------------- UTILS OR ABSTRACTS -------------------------- //
 
+// base
+
+@import "../base";
 
 @import "./variables";
 @import "./functions";

src/utils/variables/_index.scss

@@ -3,10 +3,6 @@
 
 $theme: light !default;
 
-// Genesys - Variables
-
-@import "../../../node_modules/@devoinc/genesys-icons/dist/gi-variables";
-
 // Base - Variables
 
 @import "./base-variables/fonts-variables";