@spectrum-web-components/tray - npm Package Compare versions

Comparing version 0.3.3-express.9 to 0.3.3

package.json

 {
     "name": "@spectrum-web-components/tray",
-    "version": "0.3.3-express.9+abfee7409",
+    "version": "0.3.3",
     "publishConfig": {
@@ -47,11 +47,11 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.5.2",
-        "@spectrum-web-components/modal": "^0.6.2-express.9+abfee7409",
-        "@spectrum-web-components/reactive-controllers": "^0.2.0",
-        "@spectrum-web-components/shared": "^0.13.4",
-        "@spectrum-web-components/underlay": "^0.8.4-express.9+abfee7409",
+        "@spectrum-web-components/base": "^0.5.3",
+        "@spectrum-web-components/modal": "^0.6.2",
+        "@spectrum-web-components/reactive-controllers": "^0.2.1",
+        "@spectrum-web-components/shared": "^0.13.5",
+        "@spectrum-web-components/underlay": "^0.8.4",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
-        "@spectrum-css/tray": "^1.0.17"
+        "@spectrum-css/tray": "^1.0.18"
     },
@@ -63,3 +63,3 @@ "types": "./src/index.d.ts",
     ],
-    "gitHead": "abfee740957976448a3e4cf90df17d6165f857d6"
+    "gitHead": "57aba8030b6af96af4015a0aa830e342a17dc219"
 }

README.md

@@ -29,29 +29,11 @@ ## Description
 ```html
-<sp-button
-    variant="secondary"
-    onclick="
-    const trigger = this;
-    const interaction = 'modal';
-    const content = this.nextElementSibling;
-    const options = {
-        offset: 0,
-        placement: 'none',
-        receivesFocus: 'auto',
-    };
-    Overlay.open(
-        trigger, 
-        interaction,
-        content,
-        options
-    );
-"
->
-    Toggle tray
-</sp-button>
-<sp-tray>
-    <sp-dialog size="small" dismissable>
-        <h2 slot="heading">New Messages</h2>
-        You have 5 new messages.
-    </sp-dialog>
-</sp-tray>
+<overlay-trigger type="modal" placement="none">
+    <sp-button slot="trigger" variant="secondary">Toggle tray</sp-button>
+    <sp-tray slot="click-content">
+        <sp-dialog size="small" dismissable>
+            <h2 slot="heading">New Messages</h2>
+            You have 5 new messages.
+        </sp-dialog>
+    </sp-tray>
+</overlay-trigger>
 ```
@@ -62,34 +44,16 @@
 ```html
-<sp-button
-    variant="secondary"
-    onclick="
-    const trigger = this;
-    const interaction = 'modal';
-    const content = this.nextElementSibling;
-    const options = {
-        offset: 0,
-        placement: 'none',
-        receivesFocus: 'auto',
-    };
-    Overlay.open(
-        trigger, 
-        interaction,
-        content,
-        options
-    );
-"
->
-    Toggle menu
-</sp-button>
-<sp-tray>
-    <sp-menu style="width: 100%">
-        <sp-menu-item selected>Deselect</sp-menu-item>
-        <sp-menu-item>Select Inverse</sp-menu-item>
-        <sp-menu-item focused>Feather...</sp-menu-item>
-        <sp-menu-item>Select and Mask...</sp-menu-item>
-        <sp-menu-divider></sp-menu-divider>
-        <sp-menu-item>Save Selection</sp-menu-item>
-        <sp-menu-item disabled>Make Work Path</sp-menu-item>
-    </sp-menu>
-</sp-tray>
+<overlay-trigger type="modal" placement="none">
+    <sp-button slot="trigger" variant="secondary">Toggle menu</sp-button>
+    <sp-tray slot="click-content">
+        <sp-menu style="width: 100%">
+            <sp-menu-item selected>Deselect</sp-menu-item>
+            <sp-menu-item>Select Inverse</sp-menu-item>
+            <sp-menu-item focused>Feather...</sp-menu-item>
+            <sp-menu-item>Select and Mask...</sp-menu-item>
+            <sp-menu-divider></sp-menu-divider>
+            <sp-menu-item>Save Selection</sp-menu-item>
+            <sp-menu-item disabled>Make Work Path</sp-menu-item>
+        </sp-menu>
+    </sp-tray>
+</overlay-trigger>
 ```
@@ -96,0 +60,0 @@

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 2 instances in 1 package

Improved metrics

Number of low license alerts

5

decreased by-28.57%

Worsened metrics

Total package byte prevSize

62897

decreased by-18.9%

Number of package files

23

decreased by-20.69%

Lines of code

615

decreased by-17.78%

Number of lines in readme file

62

decreased by-36.73%

Dependency changes

• Updated@spectrum-web-components/base@^0.5.3

• Updated@spectrum-web-components/modal@^0.6.2

• Updated@spectrum-web-components/reactive-controllers@^0.2.1

• Updated@spectrum-web-components/shared@^0.13.5

• Updated@spectrum-web-components/underlay@^0.8.4