smelte - npm Package Compare versions

Comparing version 0.0.27 to 0.0.28

CHANGELOG.md

 # Smelte changelog
 
+# 0.0.28
+* Add transparent variant to all colors
+* Give ripple elements transparent hover
+* Fix outlined button hover
+* Add class builder to snackbars
+* Add position and color props to snackbar
+* Expose transition props on snackbars
+
 # 0.0.27
@@ -4,0 +12,0 @@ * Add alias plugin

package.json

 {
   "name": "smelte",
   "description": "UI framework for Svelte using Tailwind CSS",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "scripts": {
@@ -25,4 +25,7 @@ "dev": "sapper dev -p 7777",
     "dist",
-    "src",
-    "tailwind.config.js"
+    "src/utils",
+    "src/stores.js",
+    "src/components",
+    "tailwind.config.js",
+    "postcss.config.js"
   ],
@@ -29,0 +32,0 @@ "module": "dist/module.js",

src/utils/color.js

@@ -17,9 +17,21 @@ // Color generation utility borrowed from
 
+function transparent(color) {
+  return {
+    trans: tinycolor(color[50])
+      .toRgbString()
+      .replace(")", ", 0.7)")
+  };
+}
+
+const baseLight = tinycolor("#ffffff");
+
 function buildPalette(hex) {
-  const baseLight = tinycolor("#ffffff");
   const baseDark = multiply(tinycolor(hex).toRgb(), tinycolor(hex).toRgb());
   const baseTriad = tinycolor(hex).tetrad();
 
+  const lightest = o(tinycolor.mix(baseLight, hex, 12), "50");
+
   return {
-    ...o(tinycolor.mix(baseLight, hex, 12), "50"),
+    ...transparent(lightest),
+    ...lightest,
     ...o(tinycolor.mix(baseLight, hex, 30), "100"),
@@ -26,0 +38,0 @@ ...o(tinycolor.mix(baseLight, hex, 50), "200"),

src/utils/menu.js

@@ -19,2 +19,3 @@ export const navMenu = [
   { to: "/components/tooltips", text: "Tooltips" },
+  { to: "/components/treeviews", text: "Treeviews" },
   { to: "/examples/search-bar", text: "Search bar" },
@@ -21,0 +22,0 @@ { to: "/typography", text: "Typography" },

tailwind.config.js

@@ -85,3 +85,4 @@ const {
         "800": "#4e342e",
-        "900": "#3e2723"
+        "900": "#3e2723",
+        trans: "rgba(62,39,35,0.5)"
       },
@@ -99,3 +100,4 @@
         "800": "#424242",
-        "900": "#212121"
+        "900": "#212121",
+        trans: "rgba(250, 250, 250, 0.7)"
       },
@@ -113,3 +115,4 @@
         "800": "#37474f",
-        "900": "#263238"
+        "900": "#263238",
+        trans: "rgb(236,239,241,0.5)"
       }
@@ -116,0 +119,0 @@ }

Fixed alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 2 instances in 1 package

Improved metrics

Number of low supply chain risk alerts

3

decreased by-40%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

992187

decreased by-3.1%

Number of package files

90

decreased by-23.08%

Lines of code

3134

decreased by-5.37%

No dependency changes