feat: add a Default Theme to avoid requiring certain Bootstrap styling (

#1806)

packages/common/package.json

@@ -45,6 +45,8 @@
     "bundle:cjs": "tsc --project tsconfig.bundle.json --outDir dist/cjs --module commonjs",
     "bundle:esm": "tsc --project tsconfig.bundle.json --outDir dist/esm --module esnext --target es2021",
     "bundle:types": "tsc --emitDeclarationOnly --declarationMap --outDir dist/types",
+    "sass-build-task:scss-compile:default": "sass src/styles/slickgrid-theme-default.scss dist/styles/css/slickgrid-theme-default.css --style=compressed --quiet-deps --no-source-map --load-path=node_modules",
+    "sass-build-task:scss-compile:default-lite": "sass src/styles/slickgrid-theme-default.lite.scss dist/styles/css/slickgrid-theme-default.lite.css --style=compressed --quiet-deps --no-source-map --load-path=node_modules",
     "sass-build-task:scss-compile:bootstrap": "sass src/styles/slickgrid-theme-bootstrap.scss dist/styles/css/slickgrid-theme-bootstrap.css --style=compressed --quiet-deps --no-source-map --load-path=node_modules",
     "sass-build-task:scss-compile:bootstrap-lite": "sass src/styles/slickgrid-theme-bootstrap.lite.scss dist/styles/css/slickgrid-theme-bootstrap.lite.css --style=compressed --quiet-deps --no-source-map --load-path=node_modules",
     "sass-build-task:scss-compile:material": "sass src/styles/slickgrid-theme-material.scss dist/styles/css/slickgrid-theme-material.css --style=compressed --quiet-deps --no-source-map --load-path=node_modules",
@@ -54,6 +56,7 @@
     "sass:build": "run-p sass-build-task:scss-compile:*",
     "postsass:build": "postcss --no-map --use cssnano --use autoprefixer --dir dist/styles/css dist/styles/css --style=compressed --quiet-deps --no-source-map",
     "sass:copy": "copyfiles -f \"./src/styles/*.scss\" dist/styles/sass",
+    "sass:watch:default": "npm run sass-build-task:scss-compile:default -- --watch",
     "sass:watch:bootstrap": "npm run sass-build-task:scss-compile:bootstrap -- --watch",
     "sass:watch:material": "npm run sass-build-task:scss-compile:material -- --watch",
     "sass:watch:salesforce": "npm run sass-build-task:scss-compile:salesforce -- --watch",

packages/common/src/styles/slickgrid-theme-default.lite.scss

@@ -0,0 +1,21 @@
+/*!
+ * default SlickGrid custom styling for an agnostic UI (https://github.com/ghiscoding/slickgrid-universal)
+ * Licensed under MIT (https://github.com/ghiscoding/slickgrid-universal/blob/master/LICENSE)
+ * @author: Ghislain B. (ghiscoding)
+ */
+
+/**
+ * SlickGrid Bootstrap Theme (lite)
+ * sames as `slickgrid-theme-bootstrap.scss` but without:
+ *   colors, extra-styling, slickgrid-icons and slickgrid-icons-svg-utils
+ */
+
+@forward './variables';
+
+@use './slick-without-bootstrap-min-styling';
+@use './slick-grid';
+@use './slick-editors';
+@use './slick-plugins';
+@use './slick-component';
+@use './slickgrid-examples';
+@use './slick-autocomplete';

packages/common/src/styles/slickgrid-theme-default.scss

@@ -0,0 +1,18 @@
+/*!
+ * default SlickGrid custom styling for an agnostic UI (https://github.com/ghiscoding/slickgrid-universal)
+ * Licensed under MIT (https://github.com/ghiscoding/slickgrid-universal/blob/master/LICENSE)
+ * @author: Ghislain B. (ghiscoding)
+ */
+
+@forward './variables';
+
+/** SlickGrid Bootstrap Theme */
+@use './slick-without-bootstrap-min-styling';
+@use './slick-grid';
+@use './slick-editors';
+@use './slick-plugins';
+@use './slick-component';
+@use './slickgrid-examples';
+@use './slick-autocomplete';
+@use './slickgrid-icons-svg-utils';
+@use './slickgrid-icons';

packages/common/src/styles/slickgrid-theme-material.lite.scss

@@ -7,16 +7,17 @@
 /**
  * SlickGrid Material Theme (lite)
  * sames as `slickgrid-theme-material.scss` but without:
- *   `slick-without-bootstrap-min-styling.scss`, colors, extra-styling, slickgrid-icons and slickgrid-icons-svg-utils
+ *   colors, extra-styling, slickgrid-icons and slickgrid-icons-svg-utils
  */
 
 @forward './variables-theme-material';
 
+@use './slick-without-bootstrap-min-styling';
 @use './variables-theme-material';
 @use './roboto-font';
 @use './slick-grid';
 @use './slick-editors';
 @use './slick-plugins';
 @use './slick-component';
 @use './slickgrid-examples';
-@use './slick-autocomplete';
+@use './slick-autocomplete';

packages/common/src/styles/slickgrid-theme-salesforce.lite.scss

@@ -7,15 +7,16 @@
 /**
  * SlickGrid Salesforce Theme (lite)
  * sames as `slickgrid-theme-salesforce.scss` but without:
- *   `slick-without-bootstrap-min-styling.scss`, colors, extra-styling, slick-filters, slickgrid-icons and slickgrid-icons-svg-utils
+ *   colors, extra-styling, slick-filters, slickgrid-icons and slickgrid-icons-svg-utils
  */
 
 @forward './variables-theme-salesforce';
 
+@use './slick-without-bootstrap-min-styling';
 @use './variables-theme-salesforce';
 @use './slick-grid';
 @use './slick-editors';
 @use './slick-plugins';
 @use './slick-component';
 @use './slickgrid-examples';
-@use './slick-autocomplete';
+@use './slick-autocomplete';