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

Comparing version 0.2.1 to 0.3.0

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+# [0.3.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/underlay@0.2.1...@spectrum-web-components/underlay@0.3.0) (2020-08-31)
+
+### Features
+
+-   update to Spectrum CSS v3.0.0 ([e8b3d8f](https://github.com/adobe/spectrum-web-components/commit/e8b3d8f75c77c04b4d7af126b91b0f6ad2a40742))
+
 ## [0.2.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/underlay@0.2.0...@spectrum-web-components/underlay@0.2.1) (2020-08-19)
@@ -8,0 +14,0 @@

custom-elements.json

@@ -20,2 +20,6 @@ {
           "default": "false"
+        },
+        {
+          "name": "shadowRoot",
+          "type": "ShadowRoot"
         }
@@ -22,0 +26,0 @@ ]

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.2.1",
+    "version": "0.3.0",
     "description": "",
@@ -46,3 +46,3 @@ "main": "src/index.js",
     "scripts": {
-        "test": "karma start --coverage"
+        "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
     },
@@ -52,10 +52,9 @@ "author": "",
     "devDependencies": {
-        "@spectrum-css/underlay": "^2.0.0"
+        "@spectrum-css/underlay": "^2.0.7"
     },
     "dependencies": {
-        "lit-element": "^2.1.0",
-        "lit-html": "^1.0.0",
+        "@spectrum-web-components/base": "^0.1.0",
         "tslib": "^2.0.0"
     },
-    "gitHead": "61d6daa63fedca757761095d1e1ed6919d8a1673"
+    "gitHead": "51706b5f7aeec990c6323501aa22f8aee5827e31"
 }

src/spectrum-underlay.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-underlay.css.js

@@ -12,3 +12,3 @@ /*
 */
-import { css } from 'lit-element';
+import { css } from '@spectrum-web-components/base';
 const styles = css `
@@ -15,0 +15,0 @@ :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;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;transition:opacity var(--spectrum-dialog-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)),visibility 0ms linear calc(var(--spectrum-dialog-background-exit-animation-delay,

src/spectrum-underlay.css.ts

@@ -12,3 +12,3 @@ /*
 */
-import { css } from 'lit-element';
+import { css } from '@spectrum-web-components/base';
 const styles = css`
@@ -15,0 +15,0 @@ :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;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;transition:opacity var(--spectrum-dialog-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)),visibility 0ms linear calc(var(--spectrum-dialog-background-exit-animation-delay,

src/underlay.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/underlay.css.js

@@ -12,3 +12,3 @@ /*
 */
-import { css } from 'lit-element';
+import { css } from '@spectrum-web-components/base';
 const styles = css `
@@ -15,0 +15,0 @@ :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;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;transition:opacity var(--spectrum-dialog-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)),visibility 0ms linear calc(var(--spectrum-dialog-background-exit-animation-delay,

src/underlay.css.ts

@@ -12,3 +12,3 @@ /*
 */
-import { css } from 'lit-element';
+import { css } from '@spectrum-web-components/base';
 const styles = css`
@@ -15,0 +15,0 @@ :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;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;transition:opacity var(--spectrum-dialog-background-exit-animation-duration,var(--spectrum-global-animation-duration-300)) cubic-bezier(.5,0,1,1) var(--spectrum-dialog-background-exit-animation-delay,var(--spectrum-global-animation-duration-200)),visibility 0ms linear calc(var(--spectrum-dialog-background-exit-animation-delay,

src/Underlay.d.ts

@@ -1,6 +0,6 @@
-import { LitElement, CSSResultArray, TemplateResult } from 'lit-element';
+import { SpectrumElement, CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
 /**
  * @element sp-underlay
  */
-export declare class Underlay extends LitElement {
+export declare class Underlay extends SpectrumElement {
     static get styles(): CSSResultArray;
@@ -7,0 +7,0 @@ open: boolean;

src/Underlay.js

@@ -13,3 +13,3 @@ /*
 import { __decorate } from "tslib";
-import { html, LitElement, property, } from 'lit-element';
+import { html, SpectrumElement, property, } from '@spectrum-web-components/base';
 import styles from './underlay.css.js';
@@ -19,3 +19,3 @@ /**
  */
-export class Underlay extends LitElement {
+export class Underlay extends SpectrumElement {
     constructor() {
@@ -22,0 +22,0 @@ super(...arguments);

src/Underlay.ts

@@ -15,7 +15,7 @@ /*
     html,
-    LitElement,
+    SpectrumElement,
     CSSResultArray,
     TemplateResult,
     property,
-} from 'lit-element';
+} from '@spectrum-web-components/base';
 
@@ -27,3 +27,3 @@ import styles from './underlay.css.js';
  */
-export class Underlay extends LitElement {
+export class Underlay extends SpectrumElement {
     public static get styles(): CSSResultArray {
@@ -30,0 +30,0 @@ return [styles];

No alert changes

Improved metrics

Total package byte prevSize

40877

increased by1.72%

Dependency count

2

decreased by-33.33%

Lines of code

335

increased by1.21%

Dependency changes

• + Added@spectrum-web-components/base@^0.1.0

• + Added@spectrum-web-components/base@0.1.3(transitive)

• + Added@spectrum-web-components/styles@0.6.1(transitive)

• + Added@spectrum-web-components/theme@0.6.3(transitive)

• - Removedlit-element@^2.1.0

• - Removedlit-html@^1.0.0