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

Comparing version 0.1.1 to 0.1.2

CHANGELOG.md

@@ -6,2 +6,6 @@ # Change Log
 
+## [0.1.2](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/asset@0.1.1...@spectrum-web-components/asset@0.1.2) (2020-08-31)
+
+**Note:** Version bump only for package @spectrum-web-components/asset
+
 ## [0.1.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/asset@0.1.0...@spectrum-web-components/asset@0.1.1) (2020-08-19)
@@ -8,0 +12,0 @@

custom-elements.json

@@ -18,2 +18,6 @@ {
           "type": "\"file\" | \"folder\" | undefined"
+        },
+        {
+          "name": "shadowRoot",
+          "type": "ShadowRoot"
         }
@@ -20,0 +24,0 @@ ]

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.1.1",
+    "version": "0.1.2",
     "description": "",
@@ -46,10 +46,6 @@ "main": "src/index.js",
     "scripts": {
-        "test": "karma start --coverage"
+        "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
     },
     "author": "",
     "license": "Apache-2.0",
-    "peerDependencies": {
-        "lit-element": "^2.1.0",
-        "lit-html": "^1.0.0"
-    },
     "devDependencies": {
@@ -59,5 +55,6 @@ "@spectrum-css/asset": "^3.0.0-beta.2"
     "dependencies": {
+        "@spectrum-web-components/base": "^0.1.0",
         "tslib": "^2.0.0"
     },
-    "gitHead": "61d6daa63fedca757761095d1e1ed6919d8a1673"
+    "gitHead": "51706b5f7aeec990c6323501aa22f8aee5827e31"
 }

src/asset.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/asset.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{width:100%;height:100%;display:flex;align-items:center;justify-content:center}::slotted(*){max-width:100%;max-height:100%;object-fit:contain;transition:opacity var(--spectrum-global-animation-duration-100,.13s)}.file,.folder{width:100%;height:100%;min-width:var(--spectrum-asset-icon-min-width,var(--spectrum-global-dimension-size-600));max-width:var(--spectrum-asset-icon-max-width,var(--spectrum-global-dimension-static-size-1000));margin:var(--spectrum-asset-icon-margin,var(--spectrum-global-dimension-size-250))}.folderBackground{fill:var(--spectrum-asset-folder-background-color,var(--spectrum-global-color-gray-300))}.fileBackground{fill:var(--spectrum-asset-file-background-color,var(--spectrum-global-color-gray-50))}.fileOutline,.folderOutline{fill:var(--spectrum-asset-icon-outline-color,var(--spectrum-global-color-gray-500))}

src/asset.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{width:100%;height:100%;display:flex;align-items:center;justify-content:center}::slotted(*){max-width:100%;max-height:100%;object-fit:contain;transition:opacity var(--spectrum-global-animation-duration-100,.13s)}.file,.folder{width:100%;height:100%;min-width:var(--spectrum-asset-icon-min-width,var(--spectrum-global-dimension-size-600));max-width:var(--spectrum-asset-icon-max-width,var(--spectrum-global-dimension-static-size-1000));margin:var(--spectrum-asset-icon-margin,var(--spectrum-global-dimension-size-250))}.folderBackground{fill:var(--spectrum-asset-folder-background-color,var(--spectrum-global-color-gray-300))}.fileBackground{fill:var(--spectrum-asset-file-background-color,var(--spectrum-global-color-gray-50))}.fileOutline,.folderOutline{fill:var(--spectrum-asset-icon-outline-color,var(--spectrum-global-color-gray-500))}

src/Asset.d.ts

@@ -1,6 +0,6 @@
-import { LitElement, CSSResultArray, TemplateResult } from 'lit-element';
+import { SpectrumElement, CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
 /**
  * @element sp-asset
  */
-export declare class Asset extends LitElement {
+export declare class Asset extends SpectrumElement {
     static get styles(): CSSResultArray;
@@ -7,0 +7,0 @@ variant: 'file' | 'folder' | undefined;

src/Asset.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 './asset.css.js';
@@ -43,3 +43,3 @@ const file = () => html `
  */
-export class Asset extends LitElement {
+export class Asset extends SpectrumElement {
     static get styles() {
@@ -46,0 +46,0 @@ return [styles];

src/Asset.ts

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

src/spectrum-asset.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-asset.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{width:100%;height:100%;display:flex;align-items:center;justify-content:center}::slotted(*){max-width:100%;max-height:100%;object-fit:contain;transition:opacity var(--spectrum-global-animation-duration-100,.13s)}.file,.folder{width:100%;height:100%;min-width:var(--spectrum-asset-icon-min-width,var(--spectrum-global-dimension-size-600));max-width:var(--spectrum-asset-icon-max-width,var(--spectrum-global-dimension-static-size-1000));margin:var(--spectrum-asset-icon-margin,var(--spectrum-global-dimension-size-250))}.folderBackground{fill:var(--spectrum-asset-folder-background-color,var(--spectrum-global-color-gray-300))}.fileBackground{fill:var(--spectrum-asset-file-background-color,var(--spectrum-global-color-gray-50))}.fileOutline,.folderOutline{fill:var(--spectrum-asset-icon-outline-color,var(--spectrum-global-color-gray-500))}

src/spectrum-asset.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{width:100%;height:100%;display:flex;align-items:center;justify-content:center}::slotted(*){max-width:100%;max-height:100%;object-fit:contain;transition:opacity var(--spectrum-global-animation-duration-100,.13s)}.file,.folder{width:100%;height:100%;min-width:var(--spectrum-asset-icon-min-width,var(--spectrum-global-dimension-size-600));max-width:var(--spectrum-asset-icon-max-width,var(--spectrum-global-dimension-static-size-1000));margin:var(--spectrum-asset-icon-margin,var(--spectrum-global-dimension-size-250))}.folderBackground{fill:var(--spectrum-asset-folder-background-color,var(--spectrum-global-color-gray-300))}.fileBackground{fill:var(--spectrum-asset-file-background-color,var(--spectrum-global-color-gray-50))}.fileOutline,.folderOutline{fill:var(--spectrum-asset-icon-outline-color,var(--spectrum-global-color-gray-500))}

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

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

43448

increased by1.32%

Dependency count

2

decreased by-33.33%

Lines of code

413

increased by0.98%

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)