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

Comparing version 0.1.0 to 0.1.1-alpha.79

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+## [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)
+
+### Bug Fixes
+
+-   ensure browser understandable extensions ([f4e59f7](https://github.com/adobe/spectrum-web-components/commit/f4e59f76f86369593810463c6406565e28ad97e9))
+
 # 0.1.0 (2020-07-22)
@@ -8,0 +14,0 @@

custom-elements.json

@@ -1,1 +0,26 @@
-{"version":"experimental","tags":[{"name":"sp-asset","path":"./src/Asset.d.ts","properties":[{"name":"variant","type":"\"file\" | \"folder\" | undefined"}]},{"name":"sp-asset","path":"./src/Asset.ts","attributes":[{"name":"variant","type":"\"file\" | \"folder\" | undefined"}],"properties":[{"name":"variant","attribute":"variant","type":"\"file\" | \"folder\" | undefined"}]}]}
+{
+  "version": "experimental",
+  "tags": [
+    {
+      "name": "sp-asset",
+      "path": "./sp-asset.d.ts",
+      "attributes": [
+        {
+          "name": "variant",
+          "type": "\"file\" | \"folder\" | undefined"
+        }
+      ],
+      "properties": [
+        {
+          "name": "variant",
+          "attribute": "variant",
+          "type": "\"file\" | \"folder\" | undefined"
+        },
+        {
+          "name": "shadowRoot",
+          "type": "ShadowRoot"
+        }
+      ]
+    }
+  ]
+}

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.1.0",
+    "version": "0.1.1-alpha.79+1e82c26e",
     "description": "",
@@ -50,6 +50,2 @@ "main": "src/index.js",
     "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.0.2-alpha.1038+1e82c26e",
         "tslib": "^2.0.0"
     },
-    "gitHead": "6525377d6526487105bea9f5b731b26279051968"
+    "gitHead": "1e82c26ee95e858f3c97afd070e1fc9e3905cebd"
 }

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))}

src/spectrum-config.js

@@ -13,3 +13,3 @@ /*
 
-module.exports = {
+const config = {
     spectrum: 'asset',
@@ -56,1 +56,3 @@ components: [
 };
+
+export default config;

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

Improved metrics

Total package byte prevSize

43221

increased by1.73%

Dependency count

2

decreased by-33.33%

Lines of code

413

increased by6.72%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

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

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