@fylgja/aspect-ratio - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

package.json

 {
   "name": "@fylgja/aspect-ratio",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "The aspect ratio component allows you to make not just videos. But anything you want to a certain responsive aspect ratio",
@@ -8,4 +8,6 @@ "homepage": "https://fylgja.dev/",
   "license": "MIT",
+  "type": "module",
+  "main": "index.js",
+  "unpkg": "aspect-ratio.css",
   "style": "aspect-ratio.css",
-  "sass": "_index.scss",
   "repository": {
@@ -23,4 +25,9 @@ "type": "git",
   "scripts": {
-    "build": "sass aspect-ratio.scss aspect-ratio.css --no-source-map -s compressed"
+    "build:props": "node _build.js",
+    "build:legacy": "npx sass aspect-ratio.scss aspect-ratio.css --no-source-map -s compressed",
+    "build": "npm run build:props && npm run build:legacy"
+  },
+  "devDependencies": {
+    "@fylgja/props-builder": "^0.1.0"
   }
 }

README.md

@@ -20,4 +20,4 @@ # Fylgja - Aspect Ratio
 @use "@fylgja/aspect-ratio";
-// Or via PostCSS and other options as plain CSS
-@import "@fylgja/aspect-ratio/aspect-ratio.css";
+// Or via PostCSS import
+@import "@fylgja/aspect-ratio";
 ```
@@ -62,3 +62,5 @@
 cssnano: {
-    preset: ['default', { calc: false }]
+    preset: ['default', {
+        calc: false
+    }]
 }
@@ -65,0 +67,0 @@ ```

Fixed alerts

Trivial Package

Supply chain risk

Packages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5353

increased by58.56%

Number of package files

11

increased by120%

Lines of code

29

increased by1350%

Number of lines in readme file

68

increased by3.03%

Number of medium supply chain risk alerts

0

decreased by-100%

Is type module

Yes

Worsened metrics

Dev dependency count

1

increased byInfinity%

No dependency changes