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

Comparing version 0.8.7 to 0.8.8

custom-elements.json

@@ -69,61 +69,4 @@ {
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./Underlay.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/spectrum-underlay.css.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css`\n:host{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]){opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host{--spectrum-dialog-confirm-background-entry-animation-delay:0ms;--spectrum-dialog-confirm-background-exit-animation-ease:cubic-bezier(0.5,0,1,1);--spectrum-dialog-confirm-background-entry-animation-ease:cubic-bezier(0,0,0.4,1)}:host{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(\n--spectrum-dialog-confirm-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)\n) var(\n--spectrum-dialog-confirm-background-exit-animation-ease,var(--spectrum-global-animation-linear)\n) var(\n--spectrum-dialog-confirm-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)\n),visibility 0ms linear calc(var(\n--spectrum-dialog-confirm-background-exit-animation-delay,\nvar(--spectrum-global-animation-duration-200)\n) + var(\n--spectrum-dialog-confirm-background-exit-animation-duration,\nvar(--spectrum-global-animation-duration-300)\n));z-index:1}:host([open]){transition:opacity var(\n--spectrum-dialog-confirm-background-entry-animation-duration,var(--spectrum-global-animation-duration-600)\n) var(\n--spectrum-dialog-confirm-background-entry-animation-ease,var(--spectrum-global-animation-linear)\n) var(--spectrum-dialog-confirm-background-entry-animation-delay,0ms)}:host{background:var(\n--spectrum-dialog-confirm-overlay-background-color,var(--spectrum-alias-background-color-modal-overlay)\n)}\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/spectrum-underlay.css.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/underlay.css.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css`\n:host{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]){opacity:1;pointer-events:auto;transition-delay:0ms;visibility:visible}:host{--spectrum-dialog-confirm-background-entry-animation-delay:0ms;--spectrum-dialog-confirm-background-exit-animation-ease:cubic-bezier(0.5,0,1,1);--spectrum-dialog-confirm-background-entry-animation-ease:cubic-bezier(0,0,0.4,1)}:host{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(\n--spectrum-dialog-confirm-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)\n) var(\n--spectrum-dialog-confirm-background-exit-animation-ease,var(--spectrum-global-animation-linear)\n) var(\n--spectrum-dialog-confirm-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)\n),visibility 0ms linear calc(var(\n--spectrum-dialog-confirm-background-exit-animation-delay,\nvar(--spectrum-global-animation-duration-200)\n) + var(\n--spectrum-dialog-confirm-background-exit-animation-duration,\nvar(--spectrum-global-animation-duration-300)\n));z-index:1}:host([open]){transition:opacity var(\n--spectrum-dialog-confirm-background-entry-animation-duration,var(--spectrum-global-animation-duration-600)\n) var(\n--spectrum-dialog-confirm-background-entry-animation-ease,var(--spectrum-global-animation-linear)\n) var(--spectrum-dialog-confirm-background-entry-animation-delay,0ms)}:host{background:var(\n--spectrum-dialog-confirm-overlay-background-color,var(--spectrum-alias-background-color-modal-overlay)\n)}\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "styles",
-            "module": "src/underlay.css.ts"
-          }
-        }
-      ]
     }
   ]
 }

package.json

 {
     "name": "@spectrum-web-components/underlay",
-    "version": "0.8.7",
+    "version": "0.8.8",
     "publishConfig": {
@@ -47,3 +47,3 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.5.6",
+        "@spectrum-web-components/base": "^0.5.7",
         "tslib": "^2.0.0"
@@ -59,3 +59,3 @@ },
     ],
-    "gitHead": "32e049a0da090ffc1a54cfe3234be4d5efc73339"
+    "gitHead": "275ee61b152ac3eed0cd1603d8eab2aec90876a0"
 }

README.md

@@ -58,3 +58,3 @@ ## Description
 <sp-underlay></sp-underlay>
-<sp-dialog size="small">
+<sp-dialog size="s">
     <h1 slot="heading">Hello, I'm an overlay!</h1>
@@ -61,0 +61,0 @@ <p>Enjoy your day...</p>

No alert changes

Worsened metrics

Total package byte prevSize

43625

decreased by-9.69%

Lines of code

316

decreased by-17.92%

Dependency changes

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