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

Comparing version 0.5.0 to 0.5.1

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+## [0.5.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/underlay@0.5.0...@spectrum-web-components/underlay@0.5.1) (2021-02-11)
+
+### Bug Fixes
+
+-   update to latest spectrum-css packages ([a5ca19f](https://github.com/adobe/spectrum-web-components/commit/a5ca19f67d5b3f0951667c4441d4d977bf1e0937))
+
 # [0.5.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/underlay@0.3.3...@spectrum-web-components/underlay@0.5.0) (2021-01-21)
@@ -8,0 +14,0 @@

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.5.0",
+    "version": "0.5.1",
     "description": "",
@@ -53,9 +53,9 @@ "main": "./src/index.js",
     "devDependencies": {
-        "@spectrum-css/underlay": "2.0.8-beta.2"
+        "@spectrum-css/underlay": "^2.0.8"
     },
     "dependencies": {
-        "@spectrum-web-components/base": "^0.3.0",
+        "@spectrum-web-components/base": "^0.3.3",
         "tslib": "^2.0.0"
     },
-    "gitHead": "a5734426f36555951dc10c5740c9044bbd951315"
+    "gitHead": "975a9d6bf075d367fbc77c9b5cec4eabce66f6c0"
 }

src/spectrum-underlay.css.js

@@ -14,7 +14,7 @@ /*
 const styles = css `
-:host{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]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;transition:opacity var(--spectrum-dialog-confirm-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)),visibility 0ms linear calc(var(--spectrum-dialog-confirm-background-exit-animation-delay,
+:host{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]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}: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);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;transition:opacity var(--spectrum-dialog-confirm-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)) var(--spectrum-dialog-confirm-background-exit-animation-ease,var(--spectrum-global-animation-linear)) var(--spectrum-dialog-confirm-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)),visibility 0ms linear calc(var(--spectrum-dialog-confirm-background-exit-animation-delay,
 var(--spectrum-global-animation-duration-200)) + var(--spectrum-dialog-confirm-background-exit-animation-duration,
-var(--spectrum-global-animation-duration-300)))}:host([open]){transition:opacity var(--spectrum-dialog-confirm-background-entry-animation-duration,var(--spectrum-global-animation-duration-600)) cubic-bezier(0,0,.4,1) 0ms}:host{background:var(--spectrum-dialog-confirm-overlay-background-color,var(--spectrum-alias-background-color-modal-overlay))}
+var(--spectrum-global-animation-duration-300)))}:host([open]){transition:opacity var(--spectrum-dialog-confirm-background-entry-animation-duration,var(--spectrum-global-animation-duration-600)) var(--spectrum-dialog-confirm-background-entry-animation-ease,var(--spectrum-global-animation-linear)) var(--spectrum-dialog-confirm-background-entry-animation-delay,0ms)}:host{background:var(--spectrum-dialog-confirm-overlay-background-color,var(--spectrum-alias-background-color-modal-overlay))}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-underlay.css.js.map

src/spectrum-underlay.css.ts

@@ -14,6 +14,6 @@ /*
 const styles = css`
-:host{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]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;transition:opacity var(--spectrum-dialog-confirm-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)),visibility 0ms linear calc(var(--spectrum-dialog-confirm-background-exit-animation-delay,
+:host{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]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}: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);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;transition:opacity var(--spectrum-dialog-confirm-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)) var(--spectrum-dialog-confirm-background-exit-animation-ease,var(--spectrum-global-animation-linear)) var(--spectrum-dialog-confirm-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)),visibility 0ms linear calc(var(--spectrum-dialog-confirm-background-exit-animation-delay,
 var(--spectrum-global-animation-duration-200)) + var(--spectrum-dialog-confirm-background-exit-animation-duration,
-var(--spectrum-global-animation-duration-300)))}:host([open]){transition:opacity var(--spectrum-dialog-confirm-background-entry-animation-duration,var(--spectrum-global-animation-duration-600)) cubic-bezier(0,0,.4,1) 0ms}:host{background:var(--spectrum-dialog-confirm-overlay-background-color,var(--spectrum-alias-background-color-modal-overlay))}
+var(--spectrum-global-animation-duration-300)))}:host([open]){transition:opacity var(--spectrum-dialog-confirm-background-entry-animation-duration,var(--spectrum-global-animation-duration-600)) var(--spectrum-dialog-confirm-background-entry-animation-ease,var(--spectrum-global-animation-linear)) var(--spectrum-dialog-confirm-background-entry-animation-delay,0ms)}:host{background:var(--spectrum-dialog-confirm-overlay-background-color,var(--spectrum-alias-background-color-modal-overlay))}
 `;
 export default styles;

src/spectrum-vars.json

 {
   "custom-properties": {
     "--spectrum-dialog-confirm-background-exit-animation-duration": "var(--spectrum-global-animation-duration-300)",
+    "--spectrum-dialog-confirm-background-exit-animation-ease": "var(--spectrum-global-animation-linear)",
     "--spectrum-dialog-confirm-background-exit-animation-delay": "var(--spectrum-global-animation-duration-200)",
     "--spectrum-dialog-confirm-background-entry-animation-duration": "var(--spectrum-global-animation-duration-600)",
+    "--spectrum-dialog-confirm-background-entry-animation-ease": "var(--spectrum-global-animation-linear)",
+    "--spectrum-dialog-confirm-background-entry-animation-delay": "0ms",
     "--spectrum-dialog-confirm-overlay-background-color": "var(--spectrum-alias-background-color-modal-overlay)"
   }
 }

src/underlay.css.js

@@ -14,7 +14,7 @@ /*
 const styles = css `
-:host{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]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;transition:opacity var(--spectrum-dialog-confirm-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)),visibility 0ms linear calc(var(--spectrum-dialog-confirm-background-exit-animation-delay,
+:host{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]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}: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);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;transition:opacity var(--spectrum-dialog-confirm-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)) var(--spectrum-dialog-confirm-background-exit-animation-ease,var(--spectrum-global-animation-linear)) var(--spectrum-dialog-confirm-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)),visibility 0ms linear calc(var(--spectrum-dialog-confirm-background-exit-animation-delay,
 var(--spectrum-global-animation-duration-200)) + var(--spectrum-dialog-confirm-background-exit-animation-duration,
-var(--spectrum-global-animation-duration-300)))}:host([open]){transition:opacity var(--spectrum-dialog-confirm-background-entry-animation-duration,var(--spectrum-global-animation-duration-600)) cubic-bezier(0,0,.4,1) 0ms}:host{background:var(--spectrum-dialog-confirm-overlay-background-color,var(--spectrum-alias-background-color-modal-overlay))}
+var(--spectrum-global-animation-duration-300)))}:host([open]){transition:opacity var(--spectrum-dialog-confirm-background-entry-animation-duration,var(--spectrum-global-animation-duration-600)) var(--spectrum-dialog-confirm-background-entry-animation-ease,var(--spectrum-global-animation-linear)) var(--spectrum-dialog-confirm-background-entry-animation-delay,0ms)}:host{background:var(--spectrum-dialog-confirm-overlay-background-color,var(--spectrum-alias-background-color-modal-overlay))}
 `;
 export default styles;
 //# sourceMappingURL=underlay.css.js.map

src/underlay.css.ts

@@ -14,6 +14,6 @@ /*
 const styles = css`
-:host{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]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;transition:opacity var(--spectrum-dialog-confirm-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-confirm-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)),visibility 0ms linear calc(var(--spectrum-dialog-confirm-background-exit-animation-delay,
+:host{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]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}: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);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;transition:opacity var(--spectrum-dialog-confirm-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)) var(--spectrum-dialog-confirm-background-exit-animation-ease,var(--spectrum-global-animation-linear)) var(--spectrum-dialog-confirm-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)),visibility 0ms linear calc(var(--spectrum-dialog-confirm-background-exit-animation-delay,
 var(--spectrum-global-animation-duration-200)) + var(--spectrum-dialog-confirm-background-exit-animation-duration,
-var(--spectrum-global-animation-duration-300)))}:host([open]){transition:opacity var(--spectrum-dialog-confirm-background-entry-animation-duration,var(--spectrum-global-animation-duration-600)) cubic-bezier(0,0,.4,1) 0ms}:host{background:var(--spectrum-dialog-confirm-overlay-background-color,var(--spectrum-alias-background-color-modal-overlay))}
+var(--spectrum-global-animation-duration-300)))}:host([open]){transition:opacity var(--spectrum-dialog-confirm-background-entry-animation-duration,var(--spectrum-global-animation-duration-600)) var(--spectrum-dialog-confirm-background-entry-animation-ease,var(--spectrum-global-animation-linear)) var(--spectrum-dialog-confirm-background-entry-animation-delay,0ms)}:host{background:var(--spectrum-dialog-confirm-overlay-background-color,var(--spectrum-alias-background-color-modal-overlay))}
 `;
 export default styles;

No alert changes

Improved metrics

Total package byte prevSize

48324

increased by8.88%

Lines of code

375

increased by7.76%

Dependency changes

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