Fixed build errors

Author: puikinsh

.babelrc

@@ -1,7 +1,3 @@
 {
-  "presets": ["@babel/preset-env"],
-  "plugins": [
-    "@babel/plugin-proposal-class-properties",
-    "@babel/plugin-proposal-object-rest-spread"
-  ]
+  "presets": ["@babel/preset-env"]
 }

package-lock.json

@@ -18,38 +18,32 @@
   "devDependencies": {
     "@babel/core": "^7.24.5",
     "@babel/eslint-parser": "^7.24.5",
-    "@babel/plugin-proposal-class-properties": "^7.13.0",
-    "@babel/plugin-proposal-object-rest-spread": "^7.13.8",
     "@babel/plugin-transform-runtime": "^7.24.3",
     "@babel/preset-env": "^7.24.5",
     "@babel/runtime": "^7.24.5",
-    "babel-core": "^6.26.3",
     "babel-loader": "^9.1.3",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-stage-0": "^6.24.1",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "copy-webpack-plugin": "^12.0.2",
     "cross-env": "^7.0.3",
     "css-loader": "^7.1.1",
     "css-minimizer-webpack-plugin": "^7.0.0",
-    "eslint": "^8.55.0",
+    "eslint": "^8.57.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.29.1",
     "html-webpack-plugin": "^5.6.0",
-    "imagemin-webpack-plugin": "^2.4.2",
     "mini-css-extract-plugin": "^2.9.0",
     "postcss": "^8.4.38",
     "postcss-loader": "^8.1.1",
     "postcss-preset-env": "^9.5.13",
     "sass": "^1.77.1",
     "sass-loader": "^14.2.1",
-    "shx": "^0.3.3",
+    "shx": "^0.3.4",
     "style-loader": "^4.0.0",
-    "stylelint": "^16.5.0",
+    "stylelint": "^16.6.1",
     "stylelint-config-standard": "^36.0.0",
     "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4",
-    "webpack-dashboard": "^3.3.1",
+    "webpack-dashboard": "^3.3.6",
     "webpack-dev-server": "^5.0.4"
   },
   "dependencies": {
@@ -58,16 +52,15 @@
     "@fullcalendar/interaction": "^6.1.11",
     "@fullcalendar/list": "^6.1.11",
     "@fullcalendar/timegrid": "^6.1.11",
-    "@popperjs/core": "^2.11.6",
-    "babel-polyfill": "^6.26.0",
+    "@popperjs/core": "^2.11.8",
     "bootstrap": "^5.3.3",
-    "bootstrap-datepicker": "^1.9.0",
+    "bootstrap-datepicker": "^1.10.0",
     "brand-colors": "^2.1.1",
     "chart.js": "^4.4.2",
     "datatables": "^1.10.18",
     "easy-pie-chart": "^2.1.7",
     "file-loader": "^6.2.0",
-    "jquery": "^3.6.0",
+    "jquery": "^3.7.1",
     "jquery-sparkline": "^2.4.0",
     "jvectormap": "^2.0.4",
     "load-google-maps-api": "^2.0.2",

package.json

@@ -1,6 +1,6 @@
-@import 'spec/settings/index';
-@import 'spec/tools/index';
-@import "bootstrap/scss/bootstrap";
-@import 'spec/index';
-@import 'vendor/index';
+@use 'spec/settings/index' as *;
+@use 'spec/tools/index' as *;
+@use "bootstrap/scss/bootstrap" as *;
+@use 'spec/index' as *;
+@use 'vendor/index' as *;
 

src/assets/styles/index.scss

@@ -1,3 +1,6 @@
+@use '../settings/baseColors' as *;
+@use '../settings/materialColors' as *;
+
 .checkbox label {
   display: inline-block;
   vertical-align: middle;

src/assets/styles/spec/components/forms.scss

@@ -1,9 +1,9 @@
-@import 'sidebar';
-@import 'topbar';
-@import 'pageContainer';
-@import 'progressBar';
-@import 'easyPieChart';
-@import 'forms';
-@import 'masonry';
-@import 'loader';
-@import 'footer';
+@use 'sidebar' as *;
+@use 'topbar' as *;
+@use 'pageContainer' as *;
+@use 'progressBar' as *;
+@use 'easyPieChart' as *;
+@use 'forms' as *;
+@use 'masonry' as *;
+@use 'loader' as *;
+@use 'footer' as *;

src/assets/styles/spec/components/index.scss

@@ -1,3 +1,7 @@
+@use '../settings/baseColors' as *;
+@use '../settings/breakpoints' as *;
+@use '../tools/mixins/mediaQueriesRanges' as *;
+
 // ---------------------------------------------------------
 // @TOC
 // ---------------------------------------------------------

src/assets/styles/spec/components/pageContainer.scss

@@ -1,3 +1,9 @@
+@use '../settings/baseColors' as *;
+@use '../tools/mixins/mediaQueriesRanges' as *;
+@use '../settings/breakpoints' as *;
+@use '../tools/mixins/clearfix' as *;
+@use '../settings/materialColors' as *;
+
 // ---------------------------------------------------------
 // @TOC
 // ---------------------------------------------------------

src/assets/styles/spec/components/sidebar.scss

@@ -1,3 +1,10 @@
+@use 'sass:color';
+@use '../settings/baseColors' as *;
+@use '../settings/breakpoints' as *;
+@use '../tools/mixins/mediaQueriesRanges' as *;
+@use '../tools/mixins/clearfix' as *;
+@use '../tools/mixins/placeholder' as *;
+
 // ---------------------------------------------------------
 // @TOC
 
@@ -181,7 +188,7 @@
       }
 
       @include placeholder {
-        color: lighten($default-text-color, 20%);
+        color: color.adjust($default-text-color, $lightness: 20%);
         font-style: italic;
       }
     }

src/assets/styles/spec/components/topbar.scss

@@ -1,3 +1,7 @@
+@use '../settings/fonts' as *;
+@use '../settings/baseColors' as *;
+@use 'sass:color';
+
 html, html a, body {
   -webkit-font-smoothing: antialiased;
 }
@@ -25,14 +29,15 @@ h6 {
   font-family: $font-secondary;
   letter-spacing: 0.5px;
   line-height: 1.5;
+  font-weight: 400;
 
   a {
     font-family: $font-secondary;
   }
 
   small {
     font-weight: 300;
-    color: lighten($default-dark, 5%);
+    color: color.adjust($default-dark, $lightness: 5%);
   }
 }