@fylgja/dialog - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

package.json

 {
   "name": "@fylgja/dialog",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "The Fylgja dialog component",
@@ -8,4 +8,5 @@ "homepage": "https://fylgja.dev/",
   "license": "MIT",
+  "main": "_index.scss",
+  "unpkg": "dialog.css",
   "style": "dialog.css",
-  "sass": "_index.scss",
   "repository": {
@@ -12,0 +13,0 @@ "type": "git",

README.md

@@ -25,4 +25,4 @@ # Fylgja - Dialog
 @use "@fylgja/dialog";
-// Or via PostCSS and other options as plain CSS
-@import "@fylgja/dialog/dialog.css";
+// Or via PostCSS import
+@import "@fylgja/dialog";
 ```
@@ -111,25 +111,14 @@
 
-You can do so with the 2 extend classes available to you.
+You can use the class `.dialog` or use your own version,
+by using the two extend classes available to you;
 
 ```scss
+// Sample use case
 @use "@fylgja/dialog/helper" as *;
+@use "@fylgja/dialog/keyframes";
 
-@keyframes dialog-show {
-    from {
-        opacity: 0;
-        transform: var(--dialog-translate, translateY(#{$dialog-offset}));
-    }
-}
-
-@keyframes dialog-hide {
-    to {
-        opacity: 0;
-        transform: var(--dialog-translate, translateY(#{$dialog-offset}));
-    }
-}
-
 .dialog {
     @extend %dialog;
 
-    &[hidden] {
+    &[open] {
         visibility: hidden;
@@ -140,3 +129,3 @@ transition: visibility 0s 200ms;
 
-    &:not([hidden]) {
+    &:not([open]) {
         animation: dialog-show 300ms;
@@ -143,0 +132,0 @@ transition: none;

New 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

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

11463

increased by2.57%

Number of package files

7

increased by16.67%

Lines of code

8

increased by14.29%

Worsened metrics

Number of lines in readme file

140

decreased by-7.28%

No dependency changes