chore(deps): use sass instead of sass-build

.github/disabled-workflows/ci_next.yml

@@ -59,8 +59,5 @@ jobs:
       - name: Ensure standalone build
         run: npm run sass:standalone
 
-      - name: Build themes using node-sass (full)
-        run: npm run sass
-
-      - name: Build swatches using node-sass
-        run: npm run sass:swatches
+      - name: Build themes for dist
+        run: npm run sass:dist

.github/workflows/_lint-styles.yml

@@ -44,6 +44,3 @@ jobs:
         run: |
           npm run stylelint
 
-      - name: Ensure standalone build
-        run: |
-          npm run sass:standalone --prefix packages/${{ matrix.theme }} --if-present

.github/workflows/ci_weekly.yml

@@ -64,13 +64,9 @@ jobs:
         run: |
           npm run sass:standalone
 
-      - name: Build themes using node-sass (full)
+      - name: Build themes for dist
         run: |
-          npm run sass
-
-      - name: Build swatches using node-sass
-        run: |
-          npm run sass:swatches
+          npm run sass:dist
 
       - name: Build docs
         run: |

.github/workflows/publish_npm.yml

@@ -59,8 +59,7 @@ jobs:
 
       - name: Build themes for dist
         run: |
-          npm run sass
-          npm run sass:swatches
+          npm run sass:dist
           npm run docs
 
       - name: Lerna publish

.github/workflows/publish_npm_dev.yml

@@ -60,8 +60,7 @@ jobs:
 
       - name: Build themes for dist
         run: |
-          npm run sass
-          npm run sass:swatches
+          npm run sass:dist
           npm run docs
 
       - name: Lerna publish

.github/workflows/publish_nuget.yml

@@ -55,8 +55,7 @@ jobs:
 
       - name: Build themes for dist
         run: |
-          npm run sass
-          npm run sass:swatches
+          npm run sass:dist
           npm run docs
 
       - name: Pack nuget

.github/workflows/publish_swatches.yml

@@ -59,10 +59,9 @@ jobs:
         if: steps.cache-root-node_modules.outputs.cache-hit != 'true'
         run: npm ci --no-audit --no-fund
 
-      - name: Build swatches
+      - name: Build themes for dist
         run: |
-            npm run sass
-            npm run sass:swatches
+            npm run sass:dist
 
       - name: Checkout artifact repository
         uses: actions/checkout@v4

README.md

@@ -16,7 +16,7 @@ To run it, execute `npm start` and navigate to <http://localhost:3000/>
 The following npm commands are available for building the themes:
 
 * To build all themes run `npm run sass`.
-* To build all swatches run `npm run sass:swatches`.
+* To build all swatches run `npm run sass:dist`.
 
 There are additional commands, which can be found in [`package.json`](package.json) and [`gulpfile.js`](gulpfile.js).
 

gulpfile.js

@@ -3,16 +3,15 @@ const path = require("path");
 
 const { globSync } = require("glob");
 const gulp = require("gulp");
+const sass = require('sass');
 
 // Settings
 const paths = {
     sass: {
-        all: "packages/*/scss/**/*.scss",
-        assets: "packages/*/scss/**/*.{png,gif,ttf,woff}",
-        themes: "packages/!(html)",
+        themes: "packages/!(html|nouvelle)",
         theme: "scss/all.scss",
         swatches: "lib/swatches/*.json",
-        inline: "dist/all.scss",
+        standalone: "scss/**/_index.scss",
         dist: "dist"
     }
 };
@@ -26,11 +25,10 @@ function getArg(key, argsArr) {
 }
 
 // #region helpers
-function flattenAll( cwds, options ) {
-
+function copyFilesToDist( cwds, options ) {
     const fileContent =  `@forward "../scss/index.scss";\n@use "../scss/index.scss" as *;\n\n@include kendo-theme--styles();`
-
     const utilsFileContent = `@use "../scss/index.import.scss" as *;\n\n@include kendo-utils();`
+    const coreFileContent = `@use "../scss/index.scss" as *;\n\n@include core-styles();`
 
     cwds.forEach( cwd => {
         let file = path.resolve( cwd, options.file );
@@ -41,25 +39,16 @@ function flattenAll( cwds, options ) {
 
             if ( cwd.includes('utils') ) {
                 fs.writeFileSync(path.resolve( output.path, output.filename ), utilsFileContent);
-            } else {
+            } else if ( cwd.includes('core') ) {
+                fs.writeFileSync(path.resolve( output.path, output.filename ), coreFileContent);
+            }else {
                 fs.writeFileSync( path.resolve( output.path, output.filename), fileContent);
             }
 
         }
     });
 };
 
-function distAll() {
-    let file = paths.sass.theme;
-    let output = { path: paths.sass.dist };
-    let themes = globSync( paths.sass.themes );
-
-    flattenAll( themes, { file, output } );
-
-    return Promise.resolve();
-}
-gulp.task("dist:all", distAll);
-
 function writeSwatches( cwds, options ) {
 
     cwds.forEach( cwd => {
@@ -167,16 +156,38 @@ function swatchJsonTransformer( json ) {
 }
 // #endregion
 
-
 // #region dist
 function distSwatches() {
-    let output = { path: getArg('--output-path') || paths.sass.dist };
+    let file = paths.sass.theme;
+    let output = { path: paths.sass.dist };
     let themes = globSync( getArg('--theme') || paths.sass.themes );
     let swatches = paths.sass.swatches;
 
+    copyFilesToDist( themes, { file, output } );
     writeSwatches( themes, { swatches, output } );
 
     return Promise.resolve();
 }
 gulp.task("dist:swatches", distSwatches);
 // #endregion
+
+// #region compile
+function buildStandalone() {
+    let themes = globSync( getArg('--theme') || paths.sass.themes );
+
+    themes.forEach( theme => {
+        let fileGlob = path.resolve( theme, "scss/**/_index.scss" ).split(path.sep).join(path.posix.sep);
+        let files = globSync( fileGlob );
+
+        files.forEach( file => {
+            sass.compile(file, {
+                sourceMap: false,
+                loadPaths: ["node_modules"]
+            });
+        });
+    })
+
+    return Promise.resolve();
+}
+gulp.task("sass:standalone", buildStandalone);
+// #endregion