claritas-web-framework 8.0.38 → 8.0.40

package/index.js

@@ -1,2 +1,2 @@
-// Import CSS
-import "./sass/index.scss";
+// Import CSS
+import "./sass/index.scss";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claritas-web-framework",
-  "version": "8.0.38",
+  "version": "8.0.40",
   "description": "The CSS framework built for Claritas front end.",
   "main": "index.js",
   "scripts": {
@@ -22,12 +22,12 @@
     "html-webpack-plugin": "^5.5.3",
     "mini-css-extract-plugin": "^2.7.6",
     "prettier": "^3.0.3",
-    "sass": "^1.66.1",
+    "sass": "^1.68.0",
     "sass-loader": "^13.3.2",
     "stylelint": "^15.10.3",
     "stylelint-config-standard": "^34.0.0",
     "stylelint-config-standard-scss": "^11.0.0",
-    "stylelint-scss": "^5.1.0",
+    "stylelint-scss": "^5.2.1",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1"

package/sass/_reboot.scss

@@ -1,6 +1,6 @@
 @use "sass:color";
 
-@use "~rfs/scss" as *;
+@use "rfs/scss" as *;
 @use "./variables" as *;
 @use "./mixins" as *;
 

package/sass/index.scss

@@ -7,4 +7,4 @@
 @forward "./reboot";
 @forward "./root";
 
-@import "~modern-normalize/modern-normalize.css";
+@import "modern-normalize/modern-normalize.css";

package/sass/modules/_button.scss

@@ -1,4 +1,4 @@
-@use "~rfs/scss" as *;
+@use "rfs/scss" as *;
 
 @use "./../variables" as *;
 @use "./../mixins" as *;

package/sass/modules/_form.scss

@@ -1,6 +1,6 @@
 @use "sass:color";
 
-@use "~rfs/scss" as *;
+@use "rfs/scss" as *;
 
 @use "./../variables" as *;
 @use "./../functions" as *;

package/sass/modules/_pill.scss

@@ -1,6 +1,6 @@
 @use "sass:color";
 
-@use "~rfs/scss" as *;
+@use "rfs/scss" as *;
 
 @use "./../variables" as *;
 @use "./../functions" as *;

package/sass/modules/_tabs.scss

@@ -15,11 +15,6 @@
   }
 
   & .nav--tabs {
-    --nav-item-border-color: var(--tabs-border-color);
-    --nav-item-border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
-    --nav-item-background: var(--tabs-background);
-    --nav-item-active-background: hsl(var(--body-color-h) var(--body-color-s) var(--body-color-l) / 0%);
-
     margin-bottom: 0;
     z-index: 1;
     overflow: unset;
@@ -30,6 +25,11 @@
     }
 
     & .nav--item {
+      --nav-item-border-color: var(--tabs-border-color);
+      --nav-item-border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
+      --nav-item-background: var(--tabs-background);
+      --nav-item-active-background: hsl(var(--body-color-h) var(--body-color-s) var(--body-color-l) / 0%);
+
       margin-bottom: -1px;
 
       &:not(:last-child) {

package/sass/modules/_tag.scss

@@ -1,6 +1,6 @@
 @use "sass:color";
 
-@use "~rfs/scss" as *;
+@use "rfs/scss" as *;
 
 @use "./../variables" as *;
 @use "./../functions" as *;

package/tests.js

@@ -1,5 +1,5 @@
-import fusv from "find-unused-sass-variables";
-
-fusv.findAsync("scss").then((result) => {
-  console.log(result.unused);
-});
+import fusv from "find-unused-sass-variables";
+
+fusv.findAsync("scss").then((result) => {
+  console.log(result.unused);
+});

package/webpack.config.js

@@ -1,27 +1,27 @@
-const path = require("path");
-const rules = require("./webpack.rules");
-const plugins = require("./webpack.plugins");
-
-module.exports = {
-  entry: "./index.js",
-  output: {
-    filename: "index.js",
-    path: path.resolve(__dirname, "dist"),
-  },
-  devServer: {
-    static: {
-      directory: path.resolve(path.join(__dirname, "dist")),
-      watch: true,
-    },
-    open: true,
-    liveReload: true,
-    watchFiles: ["sass/**/*", "index.html", "index.js"],
-    hot: true,
-  },
-  target: "web",
-  stats: {
-    loggingDebug: ["sass-loader"],
-  },
-  plugins,
-  module: { rules },
-};
+const path = require("path");
+const rules = require("./webpack.rules");
+const plugins = require("./webpack.plugins");
+
+module.exports = {
+  entry: "./index.js",
+  output: {
+    filename: "index.js",
+    path: path.resolve(__dirname, "dist"),
+  },
+  devServer: {
+    static: {
+      directory: path.resolve(path.join(__dirname, "dist")),
+      watch: true,
+    },
+    open: true,
+    liveReload: true,
+    watchFiles: ["sass/**/*", "index.html", "index.js"],
+    hot: true,
+  },
+  target: "web",
+  stats: {
+    loggingDebug: ["sass-loader"],
+  },
+  plugins,
+  module: { rules },
+};