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

Comparing version 0.3.5 to 0.3.6

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+## [0.3.6](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/overlay@0.3.5...@spectrum-web-components/overlay@0.3.6) (2020-05-08)
+
+### Bug Fixes
+
+-   constrain overlay to available window size ([9729b55](https://github.com/adobe/spectrum-web-components/commit/9729b55ef5246662aa50cbc8037bcaeb2f4ac74a))
+
 ## [0.3.5](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/overlay@0.3.4...@spectrum-web-components/overlay@0.3.5) (2020-04-16)
@@ -8,0 +14,0 @@

lib/active-overlay.css.js

@@ -14,5 +14,5 @@ /*
 const styles = css `
-@keyframes spOverlayFadeIn{0%{opacity:0;transform:var(--sp-overlay-from)}to{opacity:1;transform:translate(0)}}@keyframes spOverlayFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:var(--sp-overlay-from)}}:host{z-index:1000;position:absolute}#contents,:host{display:inline-block;pointer-events:none}#contents{animation-duration:var(--spectrum-global-animation-duration-200);animation-timing-function:var(--spectrum-global-animation-ease-out);opacity:1;visibility:visible}:host([data-popper-placement*=top]) #contents{--sp-overlay-from:translateY(var(--spectrum-global-dimension-size-75))}:host([data-popper-placement*=right]) #contents{--sp-overlay-from:translateX(calc(-1*var(--spectrum-global-dimension-size-75)))}:host([data-popper-placement*=bottom]) #contents{--sp-overlay-from:translateY(calc(-1*var(--spectrum-global-dimension-size-75)))}:host([data-popper-placement*=left]) #contents{--sp-overlay-from:translateX(var(--spectrum-global-dimension-size-75))}::slotted(*){position:relative}:host([animating]) ::slotted(*){pointer-events:none}
+@keyframes spOverlayFadeIn{0%{opacity:0;transform:var(--sp-overlay-from)}to{opacity:1;transform:translate(0)}}@keyframes spOverlayFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:var(--sp-overlay-from)}}:host{z-index:1000;position:absolute;display:inline-block;pointer-events:none}#contents,sp-theme{height:100%}#contents{display:inline-block;pointer-events:none;animation-duration:var(--spectrum-global-animation-duration-200);animation-timing-function:var(--spectrum-global-animation-ease-out);opacity:1;visibility:visible}:host([data-popper-placement*=top]) #contents{--sp-overlay-from:translateY(var(--spectrum-global-dimension-size-75))}:host([data-popper-placement*=right]) #contents{--sp-overlay-from:translateX(calc(-1*var(--spectrum-global-dimension-size-75)))}:host([data-popper-placement*=bottom]) #contents{--sp-overlay-from:translateY(calc(-1*var(--spectrum-global-dimension-size-75)))}:host([data-popper-placement*=left]) #contents{--sp-overlay-from:translateX(var(--spectrum-global-dimension-size-75))}:host([animating]) ::slotted(*){pointer-events:none}#contents ::slotted(*){position:relative}
 `;
 export default styles;
 //# sourceMappingURL=active-overlay.css.js.map

lib/active-overlay.js

@@ -13,3 +13,3 @@ /*
 import { __decorate } from "tslib";
-import { createPopper } from './popper';
+import { createPopper, maxSize, applyMaxSize } from './popper';
 import { html, LitElement, property, } from 'lit-element';
@@ -109,2 +109,4 @@ import styles from './active-overlay.css.js';
                 modifiers: [
+                    maxSize,
+                    applyMaxSize,
                     {
@@ -111,0 +113,0 @@ name: 'arrow',

lib/popper.d.ts

 import { Instance } from '@popperjs/core/lib/types';
 import { Placement } from '@popperjs/core/lib/enums';
+import maxSize from 'popper-max-size-modifier';
+import { applyMaxSize } from './apply-max-size.js';
 export declare const createPopper: (reference: Element | import("@popperjs/core/lib/types").VirtualElement, popper: HTMLElement, options?: Partial<import("@popperjs/core/lib/types").Options> | undefined) => Instance;
-export { Instance, Placement };
+export { Instance, Placement, maxSize, applyMaxSize };

lib/popper.js

@@ -20,2 +20,4 @@ /*
 import { computeArrowRotateStyles } from './popper-arrow-rotate';
+import maxSize from 'popper-max-size-modifier';
+import { applyMaxSize } from './apply-max-size.js';
 export const createPopper = popperGenerator({
@@ -31,2 +33,3 @@ defaultModifiers: [
 });
+export { maxSize, applyMaxSize };
 //# sourceMappingURL=popper.js.map

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.3.5",
+    "version": "0.3.6",
     "description": "",
@@ -50,5 +50,6 @@ "main": "lib/index.js",
         "@spectrum-web-components/theme": "^0.4.0",
+        "popper-max-size-modifier": "^0.2.0",
         "tslib": "^1.10.0"
     },
-    "gitHead": "c8a769e3b24974f722054bc121f9a896d66e0bf1"
+    "gitHead": "4068602ee6a355db24878fad4762815eacc0a730"
 }

src/active-overlay.css.ts

@@ -14,4 +14,4 @@ /*
 const styles = css`
-@keyframes spOverlayFadeIn{0%{opacity:0;transform:var(--sp-overlay-from)}to{opacity:1;transform:translate(0)}}@keyframes spOverlayFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:var(--sp-overlay-from)}}:host{z-index:1000;position:absolute}#contents,:host{display:inline-block;pointer-events:none}#contents{animation-duration:var(--spectrum-global-animation-duration-200);animation-timing-function:var(--spectrum-global-animation-ease-out);opacity:1;visibility:visible}:host([data-popper-placement*=top]) #contents{--sp-overlay-from:translateY(var(--spectrum-global-dimension-size-75))}:host([data-popper-placement*=right]) #contents{--sp-overlay-from:translateX(calc(-1*var(--spectrum-global-dimension-size-75)))}:host([data-popper-placement*=bottom]) #contents{--sp-overlay-from:translateY(calc(-1*var(--spectrum-global-dimension-size-75)))}:host([data-popper-placement*=left]) #contents{--sp-overlay-from:translateX(var(--spectrum-global-dimension-size-75))}::slotted(*){position:relative}:host([animating]) ::slotted(*){pointer-events:none}
+@keyframes spOverlayFadeIn{0%{opacity:0;transform:var(--sp-overlay-from)}to{opacity:1;transform:translate(0)}}@keyframes spOverlayFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:var(--sp-overlay-from)}}:host{z-index:1000;position:absolute;display:inline-block;pointer-events:none}#contents,sp-theme{height:100%}#contents{display:inline-block;pointer-events:none;animation-duration:var(--spectrum-global-animation-duration-200);animation-timing-function:var(--spectrum-global-animation-ease-out);opacity:1;visibility:visible}:host([data-popper-placement*=top]) #contents{--sp-overlay-from:translateY(var(--spectrum-global-dimension-size-75))}:host([data-popper-placement*=right]) #contents{--sp-overlay-from:translateX(calc(-1*var(--spectrum-global-dimension-size-75)))}:host([data-popper-placement*=bottom]) #contents{--sp-overlay-from:translateY(calc(-1*var(--spectrum-global-dimension-size-75)))}:host([data-popper-placement*=left]) #contents{--sp-overlay-from:translateX(var(--spectrum-global-dimension-size-75))}:host([animating]) ::slotted(*){pointer-events:none}#contents ::slotted(*){position:relative}
 `;
 export default styles;

src/active-overlay.ts

@@ -13,3 +13,3 @@ /*
 
-import { createPopper, Instance } from './popper';
+import { createPopper, Instance, maxSize, applyMaxSize } from './popper';
 import {
@@ -186,2 +186,4 @@ Placement,
                 modifiers: [
+                    maxSize,
+                    applyMaxSize,
                     {
@@ -188,0 +190,0 @@ name: 'arrow',

src/popper.ts

@@ -28,2 +28,4 @@ /*
 import { computeArrowRotateStyles } from './popper-arrow-rotate';
+import maxSize from 'popper-max-size-modifier';
+import { applyMaxSize } from './apply-max-size.js';
 
@@ -41,2 +43,2 @@ export const createPopper = popperGenerator({
 
-export { Instance, Placement };
+export { Instance, Placement, maxSize, applyMaxSize };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

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 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

183100

increased by3.41%

Number of package files

55

increased by3.77%

Lines of code

2638

increased by3.82%

Worsened metrics

Dependency count

6

increased by20%

Number of low license alerts

7

increased by16.67%

Dependency changes

• + Addedpopper-max-size-modifier@^0.2.0

• + Addedpopper-max-size-modifier@0.2.0(transitive)