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

Comparing version 0.4.6-alpha.1 to 0.4.6-alpha.44

CHANGELOG.md

@@ -6,2 +6,6 @@ # Change Log
 
+## [0.4.6](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/popover@0.4.5...@spectrum-web-components/popover@0.4.6) (2020-08-19)
+
+**Note:** Version bump only for package @spectrum-web-components/popover
+
 ## [0.4.5](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/popover@0.4.4...@spectrum-web-components/popover@0.4.5) (2020-08-13)
@@ -8,0 +12,0 @@

custom-elements.json

@@ -41,2 +41,6 @@ {
           "default": "false"
+        },
+        {
+          "name": "shadowRoot",
+          "type": "ShadowRoot"
         }
@@ -43,0 +47,0 @@ ]

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.4.6-alpha.1+1f7f36f5",
+    "version": "0.4.6-alpha.44+1e82c26e",
     "description": "",
@@ -51,11 +51,10 @@ "main": "src/index.js",
     "devDependencies": {
-        "@spectrum-css/popover": "^2.0.6"
+        "@spectrum-css/popover": "^3.0.0-beta.3"
     },
     "dependencies": {
-        "@spectrum-web-components/overlay": "^0.5.2-alpha.1+1f7f36f5",
-        "lit-element": "^2.1.0",
-        "lit-html": "^1.0.0",
+        "@spectrum-web-components/base": "^0.0.2-alpha.1038+1e82c26e",
+        "@spectrum-web-components/overlay": "^0.5.2-alpha.44+1e82c26e",
         "tslib": "^2.0.0"
     },
-    "gitHead": "1f7f36f5bc1bd448f5a5eeb72a72414712e849ff"
+    "gitHead": "1e82c26ee95e858f3c97afd070e1fc9e3905cebd"
 }

src/popover.css.d.ts

@@ -1,2 +0,2 @@
-declare const styles: import("lit-element").CSSResult;
+declare const styles: import("@spectrum-web-components/base").CSSResult;
 export default styles;

src/popover.css.js

@@ -12,8 +12,8 @@ /*
 */
-import { css } from 'lit-element';
+import { css } from '@spectrum-web-components/base';
 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;display:inline-flex;flex-direction:column;box-sizing:border-box;min-width:var(--spectrum-global-dimension-size-400);min-height:var(--spectrum-global-dimension-size-400);position:absolute;border-radius:var(--spectrum-popover-border-radius,var(--spectrum-alias-border-radius-regular));outline:none;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:0 1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([placement*=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}#tip{overflow:hidden;width:calc(var(--spectrum-popover-tip-width,
+: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;display:inline-flex;flex-direction:column;box-sizing:border-box;min-width:var(--spectrum-global-dimension-size-400);min-height:var(--spectrum-global-dimension-size-400);position:absolute;border-radius:var(--spectrum-popover-border-radius,var(--spectrum-alias-border-radius-regular));outline:none;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:0 1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([placement*=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}#tip{position:absolute;overflow:hidden;width:calc(var(--spectrum-popover-tip-width,
 var(--spectrum-global-dimension-size-250)) + 1px);height:calc(var(--spectrum-popover-tip-width,
 var(--spectrum-global-dimension-size-250))/2 + var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}#tip,#tip:after{position:absolute}#tip:after{content:"";width:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));height:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));transform:rotate(45deg);top:-18px;left:-1px;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:-1px -1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([dialog]){min-width:270px;padding:30px 29px}:host([placement*=left][tip]){margin-right:13px}:host([placement*=left]) #tip{right:-16px;transform:rotate(-90deg)}:host([placement*=right][tip]){margin-left:13px}:host([placement*=right]) #tip{left:-16px;transform:rotate(90deg)}:host([placement*=left]) #tip,:host([placement*=right]) #tip{top:50%;margin-top:-6px}:host([placement*=bottom][tip]){margin-top:13px}:host([placement*=bottom]) #tip{top:-11px;transform:rotate(180deg)}:host([placement*=top][tip]){margin-bottom:13px}:host([placement*=top]) #tip{bottom:-11px}:host([placement*=bottom]) #tip,:host([placement*=top]) #tip{left:50%;margin-left:-12px}:host([dialog]) .spectrum-Dialog-typeIcon{margin-left:var(--spectrum-global-dimension-size-200)}.spectrum-Dialog-footer,.spectrum-Dialog-header,.spectrum-Dialog-wrapper{background-color:initial}:host([placement*=bottom][open]),:host([placement*=top][open]){max-height:calc(100% - var(--spectrum-dropdown-flyout-menu-offset-y,
+var(--spectrum-alias-border-size-thin)))}:host([dir=ltr]) #tip:after{left:-1px}:host([dir=rtl]) #tip:after{right:-1px}#tip:after{content:"";width:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));height:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));position:absolute;transform:rotate(45deg);top:-18px;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:-1px -1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([dialog]){min-width:270px;padding:30px 29px}:host([dir=ltr][placement*=left][tip]){margin-right:13px}:host([dir=rtl][placement*=left][tip]){margin-left:13px}:host([dir=ltr][placement*=left]) #tip{right:-16px}:host([dir=rtl][placement*=left]) #tip{left:-16px}:host([placement*=left]) #tip{transform:rotate(-90deg)}:host([dir=ltr][placement*=right][tip]){margin-left:13px}:host([dir=rtl][placement*=right][tip]){margin-right:13px}:host([dir=ltr][placement*=right]) #tip{left:-16px}:host([dir=rtl][placement*=right]) #tip{right:-16px}:host([placement*=right]) #tip{transform:rotate(90deg)}:host([placement*=left]) #tip,:host([placement*=right]) #tip{top:50%;margin-top:-6px}:host([placement*=bottom][tip]){margin-top:13px}:host([placement*=bottom]) #tip{top:-11px;transform:rotate(180deg)}:host([placement*=top][tip]){margin-bottom:13px}:host([placement*=top]) #tip{bottom:-11px}:host([dir=ltr][placement*=bottom]) #tip,:host([dir=ltr][placement*=top]) #tip{left:50%}:host([dir=rtl][placement*=bottom]) #tip,:host([dir=rtl][placement*=top]) #tip{right:50%}:host([dir=ltr][placement*=bottom]) #tip,:host([dir=ltr][placement*=top]) #tip{margin-left:-12px}:host([dir=rtl][placement*=bottom]) #tip,:host([dir=rtl][placement*=top]) #tip{margin-right:-12px}:host([dir=ltr][dialog]) .spectrum-Dialog-typeIcon{margin-left:var(--spectrum-global-dimension-size-200)}:host([dir=rtl][dialog]) .spectrum-Dialog-typeIcon{margin-right:var(--spectrum-global-dimension-size-200)}.spectrum-Dialog-footer,.spectrum-Dialog-header,.spectrum-Dialog-wrapper{background-color:initial}:host([placement*=bottom][open]),:host([placement*=top][open]){max-height:calc(100% - var(--spectrum-dropdown-flyout-menu-offset-y,
 var(--spectrum-global-dimension-size-75)))}:host([placement*=top][open]){margin-top:var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75))}:host([placement*=left][open]),:host([placement*=right][open]){max-width:calc(100% - var(--spectrum-dropdown-flyout-menu-offset-y,
@@ -20,0 +20,0 @@ var(--spectrum-global-dimension-size-75)))}:host([placement*=left][open]){margin-left:var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75))}

src/popover.css.ts

@@ -12,8 +12,8 @@ /*
 */
-import { css } from 'lit-element';
+import { css } from '@spectrum-web-components/base';
 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;display:inline-flex;flex-direction:column;box-sizing:border-box;min-width:var(--spectrum-global-dimension-size-400);min-height:var(--spectrum-global-dimension-size-400);position:absolute;border-radius:var(--spectrum-popover-border-radius,var(--spectrum-alias-border-radius-regular));outline:none;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:0 1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([placement*=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}#tip{overflow:hidden;width:calc(var(--spectrum-popover-tip-width,
+: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;display:inline-flex;flex-direction:column;box-sizing:border-box;min-width:var(--spectrum-global-dimension-size-400);min-height:var(--spectrum-global-dimension-size-400);position:absolute;border-radius:var(--spectrum-popover-border-radius,var(--spectrum-alias-border-radius-regular));outline:none;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:0 1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([placement*=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}#tip{position:absolute;overflow:hidden;width:calc(var(--spectrum-popover-tip-width,
 var(--spectrum-global-dimension-size-250)) + 1px);height:calc(var(--spectrum-popover-tip-width,
 var(--spectrum-global-dimension-size-250))/2 + var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}#tip,#tip:after{position:absolute}#tip:after{content:"";width:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));height:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));transform:rotate(45deg);top:-18px;left:-1px;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:-1px -1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([dialog]){min-width:270px;padding:30px 29px}:host([placement*=left][tip]){margin-right:13px}:host([placement*=left]) #tip{right:-16px;transform:rotate(-90deg)}:host([placement*=right][tip]){margin-left:13px}:host([placement*=right]) #tip{left:-16px;transform:rotate(90deg)}:host([placement*=left]) #tip,:host([placement*=right]) #tip{top:50%;margin-top:-6px}:host([placement*=bottom][tip]){margin-top:13px}:host([placement*=bottom]) #tip{top:-11px;transform:rotate(180deg)}:host([placement*=top][tip]){margin-bottom:13px}:host([placement*=top]) #tip{bottom:-11px}:host([placement*=bottom]) #tip,:host([placement*=top]) #tip{left:50%;margin-left:-12px}:host([dialog]) .spectrum-Dialog-typeIcon{margin-left:var(--spectrum-global-dimension-size-200)}.spectrum-Dialog-footer,.spectrum-Dialog-header,.spectrum-Dialog-wrapper{background-color:initial}:host([placement*=bottom][open]),:host([placement*=top][open]){max-height:calc(100% - var(--spectrum-dropdown-flyout-menu-offset-y,
+var(--spectrum-alias-border-size-thin)))}:host([dir=ltr]) #tip:after{left:-1px}:host([dir=rtl]) #tip:after{right:-1px}#tip:after{content:"";width:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));height:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));position:absolute;transform:rotate(45deg);top:-18px;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:-1px -1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([dialog]){min-width:270px;padding:30px 29px}:host([dir=ltr][placement*=left][tip]){margin-right:13px}:host([dir=rtl][placement*=left][tip]){margin-left:13px}:host([dir=ltr][placement*=left]) #tip{right:-16px}:host([dir=rtl][placement*=left]) #tip{left:-16px}:host([placement*=left]) #tip{transform:rotate(-90deg)}:host([dir=ltr][placement*=right][tip]){margin-left:13px}:host([dir=rtl][placement*=right][tip]){margin-right:13px}:host([dir=ltr][placement*=right]) #tip{left:-16px}:host([dir=rtl][placement*=right]) #tip{right:-16px}:host([placement*=right]) #tip{transform:rotate(90deg)}:host([placement*=left]) #tip,:host([placement*=right]) #tip{top:50%;margin-top:-6px}:host([placement*=bottom][tip]){margin-top:13px}:host([placement*=bottom]) #tip{top:-11px;transform:rotate(180deg)}:host([placement*=top][tip]){margin-bottom:13px}:host([placement*=top]) #tip{bottom:-11px}:host([dir=ltr][placement*=bottom]) #tip,:host([dir=ltr][placement*=top]) #tip{left:50%}:host([dir=rtl][placement*=bottom]) #tip,:host([dir=rtl][placement*=top]) #tip{right:50%}:host([dir=ltr][placement*=bottom]) #tip,:host([dir=ltr][placement*=top]) #tip{margin-left:-12px}:host([dir=rtl][placement*=bottom]) #tip,:host([dir=rtl][placement*=top]) #tip{margin-right:-12px}:host([dir=ltr][dialog]) .spectrum-Dialog-typeIcon{margin-left:var(--spectrum-global-dimension-size-200)}:host([dir=rtl][dialog]) .spectrum-Dialog-typeIcon{margin-right:var(--spectrum-global-dimension-size-200)}.spectrum-Dialog-footer,.spectrum-Dialog-header,.spectrum-Dialog-wrapper{background-color:initial}:host([placement*=bottom][open]),:host([placement*=top][open]){max-height:calc(100% - var(--spectrum-dropdown-flyout-menu-offset-y,
 var(--spectrum-global-dimension-size-75)))}:host([placement*=top][open]){margin-top:var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75))}:host([placement*=left][open]),:host([placement*=right][open]){max-width:calc(100% - var(--spectrum-dropdown-flyout-menu-offset-y,
@@ -20,0 +20,0 @@ var(--spectrum-global-dimension-size-75)))}:host([placement*=left][open]){margin-left:var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75))}

src/Popover.d.ts

@@ -1,2 +0,2 @@
-import { LitElement, CSSResultArray, TemplateResult } from 'lit-element';
+import { SpectrumElement, CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
 import { Placement, OverlayDisplayQueryDetail } from '@spectrum-web-components/overlay';
@@ -7,3 +7,3 @@ /**
  */
-export declare class Popover extends LitElement {
+export declare class Popover extends SpectrumElement {
     static get styles(): CSSResultArray;
@@ -10,0 +10,0 @@ /**

src/Popover.js

@@ -13,4 +13,3 @@ /*
 import { __decorate } from "tslib";
-import { html, LitElement, property, } from 'lit-element';
-import { nothing } from 'lit-html';
+import { html, SpectrumElement, property, nothing, } from '@spectrum-web-components/base';
 import popoverStyles from './popover.css.js';
@@ -21,3 +20,3 @@ /**
  */
-export class Popover extends LitElement {
+export class Popover extends SpectrumElement {
     constructor() {
@@ -50,3 +49,3 @@ super(...arguments);
         /* istanbul ignore if */
-        if (!event.target || !this.shadowRoot)
+        if (!event.target)
             return;
@@ -53,0 +52,0 @@ const target = event.target;

src/Popover.ts

@@ -15,8 +15,8 @@ /*
     html,
-    LitElement,
+    SpectrumElement,
     CSSResultArray,
     TemplateResult,
     property,
-} from 'lit-element';
-import { nothing } from 'lit-html';
+    nothing,
+} from '@spectrum-web-components/base';
 
@@ -34,3 +34,3 @@ import {
 
-export class Popover extends LitElement {
+export class Popover extends SpectrumElement {
     public static get styles(): CSSResultArray {
@@ -68,3 +68,3 @@ return [popoverStyles];
         /* istanbul ignore if */
-        if (!event.target || !this.shadowRoot) return;
+        if (!event.target) return;
 
@@ -71,0 +71,0 @@ const target = event.target as Node;

src/spectrum-popover.css.d.ts

@@ -1,2 +0,2 @@
-declare const styles: import("lit-element").CSSResult;
+declare const styles: import("@spectrum-web-components/base").CSSResult;
 export default styles;

src/spectrum-popover.css.js

@@ -12,10 +12,10 @@ /*
 */
-import { css } from 'lit-element';
+import { css } from '@spectrum-web-components/base';
 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;display:inline-flex;flex-direction:column;box-sizing:border-box;min-width:var(--spectrum-global-dimension-size-400);min-height:var(--spectrum-global-dimension-size-400);position:absolute;border-radius:var(--spectrum-popover-border-radius,var(--spectrum-alias-border-radius-regular));outline:none;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:0 1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([placement*=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}#tip{overflow:hidden;width:calc(var(--spectrum-popover-tip-width,
+: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;display:inline-flex;flex-direction:column;box-sizing:border-box;min-width:var(--spectrum-global-dimension-size-400);min-height:var(--spectrum-global-dimension-size-400);position:absolute;border-radius:var(--spectrum-popover-border-radius,var(--spectrum-alias-border-radius-regular));outline:none;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:0 1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([placement*=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}#tip{position:absolute;overflow:hidden;width:calc(var(--spectrum-popover-tip-width,
 var(--spectrum-global-dimension-size-250)) + 1px);height:calc(var(--spectrum-popover-tip-width,
 var(--spectrum-global-dimension-size-250))/2 + var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}#tip,#tip:after{position:absolute}#tip:after{content:"";width:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));height:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));transform:rotate(45deg);top:-18px;left:-1px;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:-1px -1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([dialog]){min-width:270px;padding:30px 29px}:host([placement*=left][tip]){margin-right:13px}:host([placement*=left]) #tip{right:-16px;transform:rotate(-90deg)}:host([placement*=right][tip]){margin-left:13px}:host([placement*=right]) #tip{left:-16px;transform:rotate(90deg)}:host([placement*=left]) #tip,:host([placement*=right]) #tip{top:50%;margin-top:-6px}:host([placement*=bottom][tip]){margin-top:13px}:host([placement*=bottom]) #tip{top:-11px;transform:rotate(180deg)}:host([placement*=top][tip]){margin-bottom:13px}:host([placement*=top]) #tip{bottom:-11px}:host([placement*=bottom]) #tip,:host([placement*=top]) #tip{left:50%;margin-left:-12px}:host([dialog]) .spectrum-Dialog-typeIcon{margin-left:var(--spectrum-global-dimension-size-200)}.spectrum-Dialog-footer,.spectrum-Dialog-header,.spectrum-Dialog-wrapper{background-color:initial}
+var(--spectrum-alias-border-size-thin)))}:host([dir=ltr]) #tip:after{left:-1px}:host([dir=rtl]) #tip:after{right:-1px}#tip:after{content:"";width:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));height:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));position:absolute;transform:rotate(45deg);top:-18px;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:-1px -1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([dialog]){min-width:270px;padding:30px 29px}:host([dir=ltr][placement*=left][tip]){margin-right:13px}:host([dir=rtl][placement*=left][tip]){margin-left:13px}:host([dir=ltr][placement*=left]) #tip{right:-16px}:host([dir=rtl][placement*=left]) #tip{left:-16px}:host([placement*=left]) #tip{transform:rotate(-90deg)}:host([dir=ltr][placement*=right][tip]){margin-left:13px}:host([dir=rtl][placement*=right][tip]){margin-right:13px}:host([dir=ltr][placement*=right]) #tip{left:-16px}:host([dir=rtl][placement*=right]) #tip{right:-16px}:host([placement*=right]) #tip{transform:rotate(90deg)}:host([placement*=left]) #tip,:host([placement*=right]) #tip{top:50%;margin-top:-6px}:host([placement*=bottom][tip]){margin-top:13px}:host([placement*=bottom]) #tip{top:-11px;transform:rotate(180deg)}:host([placement*=top][tip]){margin-bottom:13px}:host([placement*=top]) #tip{bottom:-11px}:host([dir=ltr][placement*=bottom]) #tip,:host([dir=ltr][placement*=top]) #tip{left:50%}:host([dir=rtl][placement*=bottom]) #tip,:host([dir=rtl][placement*=top]) #tip{right:50%}:host([dir=ltr][placement*=bottom]) #tip,:host([dir=ltr][placement*=top]) #tip{margin-left:-12px}:host([dir=rtl][placement*=bottom]) #tip,:host([dir=rtl][placement*=top]) #tip{margin-right:-12px}:host([dir=ltr][dialog]) .spectrum-Dialog-typeIcon{margin-left:var(--spectrum-global-dimension-size-200)}:host([dir=rtl][dialog]) .spectrum-Dialog-typeIcon{margin-right:var(--spectrum-global-dimension-size-200)}.spectrum-Dialog-footer,.spectrum-Dialog-header,.spectrum-Dialog-wrapper{background-color:initial}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-popover.css.js.map

src/spectrum-popover.css.ts

@@ -12,9 +12,9 @@ /*
 */
-import { css } from 'lit-element';
+import { css } from '@spectrum-web-components/base';
 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;display:inline-flex;flex-direction:column;box-sizing:border-box;min-width:var(--spectrum-global-dimension-size-400);min-height:var(--spectrum-global-dimension-size-400);position:absolute;border-radius:var(--spectrum-popover-border-radius,var(--spectrum-alias-border-radius-regular));outline:none;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:0 1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([placement*=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}#tip{overflow:hidden;width:calc(var(--spectrum-popover-tip-width,
+: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;display:inline-flex;flex-direction:column;box-sizing:border-box;min-width:var(--spectrum-global-dimension-size-400);min-height:var(--spectrum-global-dimension-size-400);position:absolute;border-radius:var(--spectrum-popover-border-radius,var(--spectrum-alias-border-radius-regular));outline:none;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:0 1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([placement*=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([placement*=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([placement*=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}#tip{position:absolute;overflow:hidden;width:calc(var(--spectrum-popover-tip-width,
 var(--spectrum-global-dimension-size-250)) + 1px);height:calc(var(--spectrum-popover-tip-width,
 var(--spectrum-global-dimension-size-250))/2 + var(--spectrum-popover-border-size,
-var(--spectrum-alias-border-size-thin)))}#tip,#tip:after{position:absolute}#tip:after{content:"";width:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));height:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));transform:rotate(45deg);top:-18px;left:-1px;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:-1px -1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([dialog]){min-width:270px;padding:30px 29px}:host([placement*=left][tip]){margin-right:13px}:host([placement*=left]) #tip{right:-16px;transform:rotate(-90deg)}:host([placement*=right][tip]){margin-left:13px}:host([placement*=right]) #tip{left:-16px;transform:rotate(90deg)}:host([placement*=left]) #tip,:host([placement*=right]) #tip{top:50%;margin-top:-6px}:host([placement*=bottom][tip]){margin-top:13px}:host([placement*=bottom]) #tip{top:-11px;transform:rotate(180deg)}:host([placement*=top][tip]){margin-bottom:13px}:host([placement*=top]) #tip{bottom:-11px}:host([placement*=bottom]) #tip,:host([placement*=top]) #tip{left:50%;margin-left:-12px}:host([dialog]) .spectrum-Dialog-typeIcon{margin-left:var(--spectrum-global-dimension-size-200)}.spectrum-Dialog-footer,.spectrum-Dialog-header,.spectrum-Dialog-wrapper{background-color:initial}
+var(--spectrum-alias-border-size-thin)))}:host([dir=ltr]) #tip:after{left:-1px}:host([dir=rtl]) #tip:after{right:-1px}#tip:after{content:"";width:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));height:var(--spectrum-popover-tip-width,var(--spectrum-global-dimension-size-250));position:absolute;transform:rotate(45deg);top:-18px;background-color:var(--spectrum-popover-background-color,var(--spectrum-global-color-gray-50));border:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin)) solid var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:-1px -1px 4px var(--spectrum-popover-shadow-color,var(--spectrum-alias-dropshadow-color))}:host([dialog]){min-width:270px;padding:30px 29px}:host([dir=ltr][placement*=left][tip]){margin-right:13px}:host([dir=rtl][placement*=left][tip]){margin-left:13px}:host([dir=ltr][placement*=left]) #tip{right:-16px}:host([dir=rtl][placement*=left]) #tip{left:-16px}:host([placement*=left]) #tip{transform:rotate(-90deg)}:host([dir=ltr][placement*=right][tip]){margin-left:13px}:host([dir=rtl][placement*=right][tip]){margin-right:13px}:host([dir=ltr][placement*=right]) #tip{left:-16px}:host([dir=rtl][placement*=right]) #tip{right:-16px}:host([placement*=right]) #tip{transform:rotate(90deg)}:host([placement*=left]) #tip,:host([placement*=right]) #tip{top:50%;margin-top:-6px}:host([placement*=bottom][tip]){margin-top:13px}:host([placement*=bottom]) #tip{top:-11px;transform:rotate(180deg)}:host([placement*=top][tip]){margin-bottom:13px}:host([placement*=top]) #tip{bottom:-11px}:host([dir=ltr][placement*=bottom]) #tip,:host([dir=ltr][placement*=top]) #tip{left:50%}:host([dir=rtl][placement*=bottom]) #tip,:host([dir=rtl][placement*=top]) #tip{right:50%}:host([dir=ltr][placement*=bottom]) #tip,:host([dir=ltr][placement*=top]) #tip{margin-left:-12px}:host([dir=rtl][placement*=bottom]) #tip,:host([dir=rtl][placement*=top]) #tip{margin-right:-12px}:host([dir=ltr][dialog]) .spectrum-Dialog-typeIcon{margin-left:var(--spectrum-global-dimension-size-200)}:host([dir=rtl][dialog]) .spectrum-Dialog-typeIcon{margin-right:var(--spectrum-global-dimension-size-200)}.spectrum-Dialog-footer,.spectrum-Dialog-header,.spectrum-Dialog-wrapper{background-color:initial}
 `;
 export default styles;

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

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

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

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

Improved metrics

Total package byte prevSize

85731

increased by8.99%

Dependency count

3

decreased by-25%

Lines of code

768

increased by9.25%

Dependency changes

• + Added@spectrum-web-components/base@^0.0.2-alpha.1038+1e82c26e

• + Added@spectrum-web-components/base@0.0.2-alpha.1038(transitive)

• - Removedlit-element@^2.1.0

• - Removedlit-html@^1.0.0

• Updated@spectrum-web-components/overlay@^0.5.2-alpha.44+1e82c26e