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

Comparing version 0.0.7-lit-next.42 to 0.0.7

custom-elements.json

@@ -134,3 +134,3 @@ {
           "name": "styles",
-          "default": "css`\n.tray{visibility:hidden;opacity:0;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);pointer-events:none}:host([open]) .tray{visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host{--spectrum-dialog-confirm-exit-animation-delay:0ms;--spectrum-tray-margin-top:64px}:host([dir=ltr]) .spectrum-Tray-wrapper{left:0}:host([dir=rtl]) .spectrum-Tray-wrapper{right:0}.spectrum-Tray-wrapper{position:fixed;bottom:0;display:flex;justify-content:center;width:100%;z-index:2}.tray{width:var(--spectrum-tray-width,100%);max-width:var(--spectrum-tray-max-width,375px);min-height:var(--spectrum-tray-min-height,var(--spectrum-global-dimension-static-size-800));max-height:calc(100vh - var(--spectrum-tray-margin-top));overflow:auto;outline:none;border-radius:var(--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-border-radius,0) var(--spectrum-tray-border-radius,0);padding:var(--spectrum-tray-padding-y,0) var(--spectrum-tray-padding-x,var(--spectrum-global-dimension-static-size-100));transform:translateY(100%);transition:opacity var(--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms),visibility 0ms linear calc(var(--spectrum-dialog-confirm-exit-animation-delay, 0ms) + var(--spectrum-dialog-confirm-exit-animation-duration,\nvar(--spectrum-global-animation-duration-100))),transform var(--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms)}:host([open]) .tray{transition:transform var(--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)) cubic-bezier(0,0,.4,1) var(--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200)),opacity var(--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)) cubic-bezier(0,0,.4,1) var(--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200));transform:translateY(0)}@media (max-inline-size:375px){.tray{border-radius:var(--spectrum-tray-border-radius,0)}}\n`"
+          "default": "css`\n.tray{opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]) .tray{opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host{--spectrum-dialog-confirm-exit-animation-delay:0ms;--spectrum-tray-margin-top:64px}:host([dir=ltr]) .spectrum-Tray-wrapper{left:0}:host([dir=rtl]) .spectrum-Tray-wrapper{right:0}.spectrum-Tray-wrapper{bottom:0;display:flex;justify-content:center;position:fixed;width:100%;z-index:2}.tray{border-radius:var(\n--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)\n) var(\n--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)\n) var(--spectrum-tray-border-radius,0) var(--spectrum-tray-border-radius,0);max-height:calc(100vh - var(--spectrum-tray-margin-top));max-width:var(--spectrum-tray-max-width,375px);min-height:var(\n--spectrum-tray-min-height,var(--spectrum-global-dimension-static-size-800)\n);outline:none;overflow:auto;padding:var(--spectrum-tray-padding-y,0) var(\n--spectrum-tray-padding-x,var(--spectrum-global-dimension-static-size-100)\n);transform:translateY(100%);transition:opacity var(\n--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)\n) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms),visibility 0ms linear calc(var(--spectrum-dialog-confirm-exit-animation-delay, 0ms) + var(\n--spectrum-dialog-confirm-exit-animation-duration,\nvar(--spectrum-global-animation-duration-100)\n)),transform var(\n--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)\n) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms);width:var(--spectrum-tray-width,100%)}:host([open]) .tray{transform:translateY(0);transition:transform var(\n--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)\n) cubic-bezier(0,0,.4,1) var(\n--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200)\n),opacity var(\n--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)\n) cubic-bezier(0,0,.4,1) var(\n--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200)\n)}@media (max-inline-size:375px){.tray{border-radius:var(--spectrum-tray-border-radius,0)}}\n`"
         }
@@ -156,3 +156,3 @@ ],
           "name": "styles",
-          "default": "css`\n.tray{visibility:hidden;opacity:0;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);pointer-events:none}:host([open]) .tray{visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host{--spectrum-dialog-confirm-exit-animation-delay:0ms;--spectrum-tray-margin-top:64px}:host([dir=ltr]) .spectrum-Tray-wrapper{left:0}:host([dir=rtl]) .spectrum-Tray-wrapper{right:0}.spectrum-Tray-wrapper{position:fixed;bottom:0;display:flex;justify-content:center;width:100%;z-index:2}.tray{width:var(--spectrum-tray-width,100%);max-width:var(--spectrum-tray-max-width,375px);min-height:var(--spectrum-tray-min-height,var(--spectrum-global-dimension-static-size-800));max-height:calc(100vh - var(--spectrum-tray-margin-top));overflow:auto;outline:none;border-radius:var(--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-border-radius,0) var(--spectrum-tray-border-radius,0);padding:var(--spectrum-tray-padding-y,0) var(--spectrum-tray-padding-x,var(--spectrum-global-dimension-static-size-100));transform:translateY(100%);transition:opacity var(--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms),visibility 0ms linear calc(var(--spectrum-dialog-confirm-exit-animation-delay, 0ms) + var(--spectrum-dialog-confirm-exit-animation-duration,\nvar(--spectrum-global-animation-duration-100))),transform var(--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms)}:host([open]) .tray{transition:transform var(--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)) cubic-bezier(0,0,.4,1) var(--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200)),opacity var(--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)) cubic-bezier(0,0,.4,1) var(--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200));transform:translateY(0)}@media (max-inline-size:375px){.tray{border-radius:var(--spectrum-tray-border-radius,0)}}:host{align-items:flex-end}.tray{padding:var(--spectrum-tray-padding-y,0) var(--spectrum-tray-padding-x,0)}\n`"
+          "default": "css`\n.tray{opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]) .tray{opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host{--spectrum-dialog-confirm-exit-animation-delay:0ms;--spectrum-tray-margin-top:64px}:host([dir=ltr]) .spectrum-Tray-wrapper{left:0}:host([dir=rtl]) .spectrum-Tray-wrapper{right:0}.spectrum-Tray-wrapper{bottom:0;display:flex;justify-content:center;position:fixed;width:100%;z-index:2}.tray{border-radius:var(\n--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)\n) var(\n--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)\n) var(--spectrum-tray-border-radius,0) var(--spectrum-tray-border-radius,0);max-height:calc(100vh - var(--spectrum-tray-margin-top));max-width:var(--spectrum-tray-max-width,375px);min-height:var(\n--spectrum-tray-min-height,var(--spectrum-global-dimension-static-size-800)\n);outline:none;overflow:auto;padding:var(--spectrum-tray-padding-y,0) var(\n--spectrum-tray-padding-x,var(--spectrum-global-dimension-static-size-100)\n);transform:translateY(100%);transition:opacity var(\n--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)\n) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms),visibility 0ms linear calc(var(--spectrum-dialog-confirm-exit-animation-delay, 0ms) + var(\n--spectrum-dialog-confirm-exit-animation-duration,\nvar(--spectrum-global-animation-duration-100)\n)),transform var(\n--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)\n) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms);width:var(--spectrum-tray-width,100%)}:host([open]) .tray{transform:translateY(0);transition:transform var(\n--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)\n) cubic-bezier(0,0,.4,1) var(\n--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200)\n),opacity var(\n--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)\n) cubic-bezier(0,0,.4,1) var(\n--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200)\n)}@media (max-inline-size:375px){.tray{border-radius:var(--spectrum-tray-border-radius,0)}}:host{align-items:flex-end}.tray{padding:var(--spectrum-tray-padding-y,0) var(--spectrum-tray-padding-x,0)}\n`"
         }
@@ -159,0 +159,0 @@ ],

package.json

 {
     "name": "@spectrum-web-components/tray",
-    "version": "0.0.7-lit-next.42+f164d1376",
+    "version": "0.0.7",
     "publishConfig": {
@@ -47,5 +47,5 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.4.6-lit-next.124+f164d1376",
-        "@spectrum-web-components/modal": "^0.3.8-lit-next.124+f164d1376",
-        "@spectrum-web-components/underlay": "^0.6.9-lit-next.56+f164d1376",
+        "@spectrum-web-components/base": "^0.4.5",
+        "@spectrum-web-components/modal": "^0.3.8",
+        "@spectrum-web-components/underlay": "^0.6.9",
         "tslib": "^2.0.0"
@@ -61,3 +61,3 @@ },
     ],
-    "gitHead": "f164d13764897c13e8da5012f3659b294c240c62"
+    "gitHead": "d7f2ca747a902cf8b632cc8491fa675419297180"
 }

src/spectrum-tray.css.js

@@ -14,6 +14,28 @@ /*
 const styles = css `
-.tray{visibility:hidden;opacity:0;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);pointer-events:none}:host([open]) .tray{visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host{--spectrum-dialog-confirm-exit-animation-delay:0ms;--spectrum-tray-margin-top:64px}:host([dir=ltr]) .spectrum-Tray-wrapper{left:0}:host([dir=rtl]) .spectrum-Tray-wrapper{right:0}.spectrum-Tray-wrapper{position:fixed;bottom:0;display:flex;justify-content:center;width:100%;z-index:2}.tray{width:var(--spectrum-tray-width,100%);max-width:var(--spectrum-tray-max-width,375px);min-height:var(--spectrum-tray-min-height,var(--spectrum-global-dimension-static-size-800));max-height:calc(100vh - var(--spectrum-tray-margin-top));overflow:auto;outline:none;border-radius:var(--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-border-radius,0) var(--spectrum-tray-border-radius,0);padding:var(--spectrum-tray-padding-y,0) var(--spectrum-tray-padding-x,var(--spectrum-global-dimension-static-size-100));transform:translateY(100%);transition:opacity var(--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms),visibility 0ms linear calc(var(--spectrum-dialog-confirm-exit-animation-delay, 0ms) + var(--spectrum-dialog-confirm-exit-animation-duration,
-var(--spectrum-global-animation-duration-100))),transform var(--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms)}:host([open]) .tray{transition:transform var(--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)) cubic-bezier(0,0,.4,1) var(--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200)),opacity var(--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)) cubic-bezier(0,0,.4,1) var(--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200));transform:translateY(0)}@media (max-inline-size:375px){.tray{border-radius:var(--spectrum-tray-border-radius,0)}}
+.tray{opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]) .tray{opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host{--spectrum-dialog-confirm-exit-animation-delay:0ms;--spectrum-tray-margin-top:64px}:host([dir=ltr]) .spectrum-Tray-wrapper{left:0}:host([dir=rtl]) .spectrum-Tray-wrapper{right:0}.spectrum-Tray-wrapper{bottom:0;display:flex;justify-content:center;position:fixed;width:100%;z-index:2}.tray{border-radius:var(
+--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)
+) var(
+--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)
+) var(--spectrum-tray-border-radius,0) var(--spectrum-tray-border-radius,0);max-height:calc(100vh - var(--spectrum-tray-margin-top));max-width:var(--spectrum-tray-max-width,375px);min-height:var(
+--spectrum-tray-min-height,var(--spectrum-global-dimension-static-size-800)
+);outline:none;overflow:auto;padding:var(--spectrum-tray-padding-y,0) var(
+--spectrum-tray-padding-x,var(--spectrum-global-dimension-static-size-100)
+);transform:translateY(100%);transition:opacity var(
+--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)
+) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms),visibility 0ms linear calc(var(--spectrum-dialog-confirm-exit-animation-delay, 0ms) + var(
+--spectrum-dialog-confirm-exit-animation-duration,
+var(--spectrum-global-animation-duration-100)
+)),transform var(
+--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)
+) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms);width:var(--spectrum-tray-width,100%)}:host([open]) .tray{transform:translateY(0);transition:transform var(
+--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)
+) cubic-bezier(0,0,.4,1) var(
+--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200)
+),opacity var(
+--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)
+) cubic-bezier(0,0,.4,1) var(
+--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200)
+)}@media (max-inline-size:375px){.tray{border-radius:var(--spectrum-tray-border-radius,0)}}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-tray.css.js.map

src/tray.css.js

@@ -14,6 +14,28 @@ /*
 const styles = css `
-.tray{visibility:hidden;opacity:0;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);pointer-events:none}:host([open]) .tray{visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host{--spectrum-dialog-confirm-exit-animation-delay:0ms;--spectrum-tray-margin-top:64px}:host([dir=ltr]) .spectrum-Tray-wrapper{left:0}:host([dir=rtl]) .spectrum-Tray-wrapper{right:0}.spectrum-Tray-wrapper{position:fixed;bottom:0;display:flex;justify-content:center;width:100%;z-index:2}.tray{width:var(--spectrum-tray-width,100%);max-width:var(--spectrum-tray-max-width,375px);min-height:var(--spectrum-tray-min-height,var(--spectrum-global-dimension-static-size-800));max-height:calc(100vh - var(--spectrum-tray-margin-top));overflow:auto;outline:none;border-radius:var(--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)) var(--spectrum-tray-border-radius,0) var(--spectrum-tray-border-radius,0);padding:var(--spectrum-tray-padding-y,0) var(--spectrum-tray-padding-x,var(--spectrum-global-dimension-static-size-100));transform:translateY(100%);transition:opacity var(--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms),visibility 0ms linear calc(var(--spectrum-dialog-confirm-exit-animation-delay, 0ms) + var(--spectrum-dialog-confirm-exit-animation-duration,
-var(--spectrum-global-animation-duration-100))),transform var(--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms)}:host([open]) .tray{transition:transform var(--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)) cubic-bezier(0,0,.4,1) var(--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200)),opacity var(--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)) cubic-bezier(0,0,.4,1) var(--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200));transform:translateY(0)}@media (max-inline-size:375px){.tray{border-radius:var(--spectrum-tray-border-radius,0)}}:host{align-items:flex-end}.tray{padding:var(--spectrum-tray-padding-y,0) var(--spectrum-tray-padding-x,0)}
+.tray{opacity:0;pointer-events:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out,visibility 0ms linear var(--spectrum-global-animation-duration-100,.13s);visibility:hidden}:host([open]) .tray{opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host{--spectrum-dialog-confirm-exit-animation-delay:0ms;--spectrum-tray-margin-top:64px}:host([dir=ltr]) .spectrum-Tray-wrapper{left:0}:host([dir=rtl]) .spectrum-Tray-wrapper{right:0}.spectrum-Tray-wrapper{bottom:0;display:flex;justify-content:center;position:fixed;width:100%;z-index:2}.tray{border-radius:var(
+--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)
+) var(
+--spectrum-tray-full-width-border-radius,var(--spectrum-alias-border-radius-regular)
+) var(--spectrum-tray-border-radius,0) var(--spectrum-tray-border-radius,0);max-height:calc(100vh - var(--spectrum-tray-margin-top));max-width:var(--spectrum-tray-max-width,375px);min-height:var(
+--spectrum-tray-min-height,var(--spectrum-global-dimension-static-size-800)
+);outline:none;overflow:auto;padding:var(--spectrum-tray-padding-y,0) var(
+--spectrum-tray-padding-x,var(--spectrum-global-dimension-static-size-100)
+);transform:translateY(100%);transition:opacity var(
+--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)
+) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms),visibility 0ms linear calc(var(--spectrum-dialog-confirm-exit-animation-delay, 0ms) + var(
+--spectrum-dialog-confirm-exit-animation-duration,
+var(--spectrum-global-animation-duration-100)
+)),transform var(
+--spectrum-dialog-confirm-exit-animation-duration,var(--spectrum-global-animation-duration-100)
+) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-exit-animation-delay,0ms);width:var(--spectrum-tray-width,100%)}:host([open]) .tray{transform:translateY(0);transition:transform var(
+--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)
+) cubic-bezier(0,0,.4,1) var(
+--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200)
+),opacity var(
+--spectrum-dialog-confirm-entry-animation-duration,var(--spectrum-global-animation-duration-500)
+) cubic-bezier(0,0,.4,1) var(
+--spectrum-dialog-confirm-entry-animation-delay,var(--spectrum-global-animation-duration-200)
+)}@media (max-inline-size:375px){.tray{border-radius:var(--spectrum-tray-border-radius,0)}}:host{align-items:flex-end}.tray{padding:var(--spectrum-tray-padding-y,0) var(--spectrum-tray-padding-x,0)}
 `;
 export default styles;
 //# sourceMappingURL=tray.css.js.map

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

6

decreased by-25%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

54688

decreased by-11.37%

Number of package files

22

decreased by-15.38%

Lines of code

472

decreased by-5.79%

Dependency changes

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

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

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