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

Comparing version 0.5.2 to 0.6.0

CHANGELOG.md

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

custom-elements.json

@@ -52,2 +52,6 @@ {
           "type": "string | undefined"
+        },
+        {
+          "name": "shadowRoot",
+          "type": "ShadowRoot"
         }
@@ -54,0 +58,0 @@ ]

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.5.2",
+    "version": "0.6.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,11 +52,10 @@ "author": "",
     "devDependencies": {
-        "@spectrum-css/icon": "^2.0.5"
+        "@spectrum-css/icon": "^2.1.1"
     },
     "dependencies": {
-        "@spectrum-web-components/iconset": "^0.2.1",
-        "lit-element": "^2.1.0",
-        "lit-html": "^1.0.0",
+        "@spectrum-web-components/base": "^0.1.0",
+        "@spectrum-web-components/iconset": "^0.2.2",
         "tslib": "^2.0.0"
     },
-    "gitHead": "61d6daa63fedca757761095d1e1ed6919d8a1673"
+    "gitHead": "51706b5f7aeec990c6323501aa22f8aee5827e31"
 }

src/icon.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/icon.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{display:inline-block;color:inherit;fill:currentColor;pointer-events:none}:host(:not(:root)){overflow:hidden}:host([size=xxs]),:host([size=xxs]) img,:host([size=xxs]) svg{height:calc(var(--spectrum-alias-workflow-icon-size,

src/icon.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{display:inline-block;color:inherit;fill:currentColor;pointer-events:none}:host(:not(:root)){overflow:hidden}:host([size=xxs]),:host([size=xxs]) img,:host([size=xxs]) svg{height:calc(var(--spectrum-alias-workflow-icon-size,

src/Icon.d.ts

@@ -1,3 +0,3 @@
-import { LitElement, CSSResultArray, TemplateResult } from 'lit-element';
-export declare class Icon extends LitElement {
+import { SpectrumElement, CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
+export declare class Icon extends SpectrumElement {
     static is: string;
@@ -4,0 +4,0 @@ src?: string;

src/Icon.js

@@ -13,7 +13,6 @@ /*
 import { __decorate } from "tslib";
-import { html, LitElement, property, query, } from 'lit-element';
+import { html, SpectrumElement, property, query, ifDefined, } from '@spectrum-web-components/base';
 import { IconsetRegistry } from '@spectrum-web-components/iconset/src/iconset-registry.js';
 import iconStyles from './icon.css.js';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-export class Icon extends LitElement {
+export class Icon extends SpectrumElement {
     constructor() {
@@ -20,0 +19,0 @@ super(...arguments);

src/Icon.ts

@@ -15,3 +15,3 @@ /*
     html,
-    LitElement,
+    SpectrumElement,
     property,
@@ -21,3 +21,4 @@ query,
     TemplateResult,
-} from 'lit-element';
+    ifDefined,
+} from '@spectrum-web-components/base';
 
@@ -27,5 +28,4 @@ import { IconsetRegistry } from '@spectrum-web-components/iconset/src/iconset-registry.js';
 import iconStyles from './icon.css.js';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
 
-export class Icon extends LitElement {
+export class Icon extends SpectrumElement {
     public static is = 'sp-icon';
@@ -32,0 +32,0 @@

src/spectrum-icon-alert-medium.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-icon-alert-medium.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 @@ .alert-medium{width:var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-alert-medium-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-alert-medium.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 @@ .alert-medium{width:var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-alert-medium-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-alert-small.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-icon-alert-small.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 @@ .alert-small{width:var(--spectrum-icon-alert-small-width,var(--spectrum-global-dimension-size-175));height:var(--spectrum-icon-alert-small-height,var(--spectrum-global-dimension-size-175))}

src/spectrum-icon-alert-small.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 @@ .alert-small{width:var(--spectrum-icon-alert-small-width,var(--spectrum-global-dimension-size-175));height:var(--spectrum-icon-alert-small-height,var(--spectrum-global-dimension-size-175))}

src/spectrum-icon-arrow-down-small.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-icon-arrow-down-small.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 @@ .arrow-down-small{width:var(--spectrum-icon-arrow-down-small-width,var(--spectrum-global-dimension-size-100));height:var(--spectrum-icon-arrow-down-small-height)}

src/spectrum-icon-arrow-down-small.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 @@ .arrow-down-small{width:var(--spectrum-icon-arrow-down-small-width,var(--spectrum-global-dimension-size-100));height:var(--spectrum-icon-arrow-down-small-height)}

src/spectrum-icon-arrow-left-medium.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-icon-arrow-left-medium.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 @@ .arrow-left-medium{width:var(--spectrum-icon-arrow-left-medium-width,var(--spectrum-global-dimension-size-175));height:var(--spectrum-icon-arrow-left-medium-height)}

src/spectrum-icon-arrow-left-medium.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 @@ .arrow-left-medium{width:var(--spectrum-icon-arrow-left-medium-width,var(--spectrum-global-dimension-size-175));height:var(--spectrum-icon-arrow-left-medium-height)}

src/spectrum-icon-arrow-up-small.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-icon-arrow-up-small.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 @@

src/spectrum-icon-arrow-up-small.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 @@

src/spectrum-icon-asterick.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-icon-asterick.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 @@ .asterick{width:var(--spectrum-fieldlabel-asterisk-size,var(--spectrum-global-dimension-size-100));height:var(--spectrum-fieldlabel-asterisk-size,var(--spectrum-global-dimension-size-100))}

src/spectrum-icon-asterick.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 @@ .asterick{width:var(--spectrum-fieldlabel-asterisk-size,var(--spectrum-global-dimension-size-100));height:var(--spectrum-fieldlabel-asterisk-size,var(--spectrum-global-dimension-size-100))}

src/spectrum-icon-checkmark-medium.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-icon-checkmark-medium.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 @@ .checkmark-medium{width:var(--spectrum-icon-checkmark-medium-width);height:var(--spectrum-icon-checkmark-medium-height)}

src/spectrum-icon-checkmark-medium.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 @@ .checkmark-medium{width:var(--spectrum-icon-checkmark-medium-width);height:var(--spectrum-icon-checkmark-medium-height)}

src/spectrum-icon-checkmark-small.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-icon-checkmark-small.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 @@ .checkmark-small{width:var(--spectrum-icon-checkmark-small-width);height:var(--spectrum-icon-checkmark-small-height)}

src/spectrum-icon-checkmark-small.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 @@ .checkmark-small{width:var(--spectrum-icon-checkmark-small-width);height:var(--spectrum-icon-checkmark-small-height)}

src/spectrum-icon-chevron-down-medium.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-icon-chevron-down-medium.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 @@ .chevron-down-medium{width:var(--spectrum-icon-chevron-down-medium-width);height:var(--spectrum-icon-chevron-down-medium-height,var(--spectrum-global-dimension-size-75))}

src/spectrum-icon-chevron-down-medium.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 @@ .chevron-down-medium{width:var(--spectrum-icon-chevron-down-medium-width);height:var(--spectrum-icon-chevron-down-medium-height,var(--spectrum-global-dimension-size-75))}

src/spectrum-icon-chevron-down-small.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-icon-chevron-down-small.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 @@ .chevron-down-small{width:var(--spectrum-icon-chevron-down-small-width,var(--spectrum-global-dimension-size-100));height:var(--spectrum-icon-chevron-down-small-height,var(--spectrum-global-dimension-size-75))}

src/spectrum-icon-chevron-down-small.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 @@ .chevron-down-small{width:var(--spectrum-icon-chevron-down-small-width,var(--spectrum-global-dimension-size-100));height:var(--spectrum-icon-chevron-down-small-height,var(--spectrum-global-dimension-size-75))}

src/spectrum-icon-chevron-left-large.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-icon-chevron-left-large.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 @@ .chevron-left-large{width:var(--spectrum-icon-chevron-left-large-width);height:var(--spectrum-icon-chevron-left-large-height,var(--spectrum-global-dimension-size-200))}

src/spectrum-icon-chevron-left-large.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 @@ .chevron-left-large{width:var(--spectrum-icon-chevron-left-large-width);height:var(--spectrum-icon-chevron-left-large-height,var(--spectrum-global-dimension-size-200))}

src/spectrum-icon-chevron-left-medium.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-icon-chevron-left-medium.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 @@ .chevron-left-medium{width:var(--spectrum-icon-chevron-left-medium-width,var(--spectrum-global-dimension-size-75));height:var(--spectrum-icon-chevron-left-medium-height)}

src/spectrum-icon-chevron-left-medium.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 @@ .chevron-left-medium{width:var(--spectrum-icon-chevron-left-medium-width,var(--spectrum-global-dimension-size-75));height:var(--spectrum-icon-chevron-left-medium-height)}

src/spectrum-icon-chevron-right-large.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-icon-chevron-right-large.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 @@ .chevron-right-large{width:var(--spectrum-icon-chevron-right-large-width);height:var(--spectrum-icon-chevron-right-large-height,var(--spectrum-global-dimension-size-200))}

src/spectrum-icon-chevron-right-large.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 @@ .chevron-right-large{width:var(--spectrum-icon-chevron-right-large-width);height:var(--spectrum-icon-chevron-right-large-height,var(--spectrum-global-dimension-size-200))}

src/spectrum-icon-chevron-right-medium.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-icon-chevron-right-medium.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 @@ .chevron-right-medium{width:var(--spectrum-icon-chevron-right-medium-width,var(--spectrum-global-dimension-size-75));height:var(--spectrum-icon-chevron-right-medium-height)}

src/spectrum-icon-chevron-right-medium.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 @@ .chevron-right-medium{width:var(--spectrum-icon-chevron-right-medium-width,var(--spectrum-global-dimension-size-75));height:var(--spectrum-icon-chevron-right-medium-height)}

src/spectrum-icon-chevron-right-small.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-icon-chevron-right-small.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 @@ .chevron-right-small{width:var(--spectrum-icon-chevron-right-small-width,var(--spectrum-global-dimension-size-75));height:var(--spectrum-icon-chevron-right-small-height,var(--spectrum-global-dimension-size-100))}

src/spectrum-icon-chevron-right-small.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 @@ .chevron-right-small{width:var(--spectrum-icon-chevron-right-small-width,var(--spectrum-global-dimension-size-75));height:var(--spectrum-icon-chevron-right-small-height,var(--spectrum-global-dimension-size-100))}

src/spectrum-icon-chevron-up-small.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-icon-chevron-up-small.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 @@ .chevron-up-small{width:var(--spectrum-icon-chevron-up-small-width,var(--spectrum-global-dimension-size-100));height:var(--spectrum-icon-chevron-up-small-height,var(--spectrum-global-dimension-size-75))}

src/spectrum-icon-chevron-up-small.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 @@ .chevron-up-small{width:var(--spectrum-icon-chevron-up-small-width,var(--spectrum-global-dimension-size-100));height:var(--spectrum-icon-chevron-up-small-height,var(--spectrum-global-dimension-size-75))}

src/spectrum-icon-corner-triangle.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-icon-corner-triangle.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 @@ .corner-triangle{width:var(--spectrum-icon-cornertriangle-width,var(--spectrum-global-dimension-size-65));height:var(--spectrum-icon-cornertriangle-height,var(--spectrum-global-dimension-size-65))}

src/spectrum-icon-corner-triangle.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 @@ .corner-triangle{width:var(--spectrum-icon-cornertriangle-width,var(--spectrum-global-dimension-size-65));height:var(--spectrum-icon-cornertriangle-height,var(--spectrum-global-dimension-size-65))}

src/spectrum-icon-cross-large.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-icon-cross-large.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 @@ .cross-large{width:var(--spectrum-icon-cross-large-width);height:var(--spectrum-icon-cross-large-height)}

src/spectrum-icon-cross-large.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 @@ .cross-large{width:var(--spectrum-icon-cross-large-width);height:var(--spectrum-icon-cross-large-height)}

src/spectrum-icon-cross-medium.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-icon-cross-medium.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 @@ .cross-medium{width:var(--spectrum-icon-cross-medium-width,var(--spectrum-global-dimension-size-100));height:var(--spectrum-icon-cross-medium-height,var(--spectrum-global-dimension-size-100))}

src/spectrum-icon-cross-medium.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 @@ .cross-medium{width:var(--spectrum-icon-cross-medium-width,var(--spectrum-global-dimension-size-100));height:var(--spectrum-icon-cross-medium-height,var(--spectrum-global-dimension-size-100))}

src/spectrum-icon-cross-small.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-icon-cross-small.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 @@ .cross-small{width:var(--spectrum-icon-cross-small-width,var(--spectrum-global-dimension-size-100));height:var(--spectrum-icon-cross-small-height,var(--spectrum-global-dimension-size-100))}

src/spectrum-icon-cross-small.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 @@ .cross-small{width:var(--spectrum-icon-cross-small-width,var(--spectrum-global-dimension-size-100));height:var(--spectrum-icon-cross-small-height,var(--spectrum-global-dimension-size-100))}

src/spectrum-icon-dash-small.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-icon-dash-small.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 @@ .dash-small{width:var(--spectrum-icon-dash-small-width);height:var(--spectrum-icon-dash-small-height)}

src/spectrum-icon-dash-small.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 @@ .dash-small{width:var(--spectrum-icon-dash-small-width);height:var(--spectrum-icon-dash-small-height)}

src/spectrum-icon-double-gripper.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-icon-double-gripper.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 @@ .double-gripper{width:var(--spectrum-icon-doublegripper-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-icon-doublegripper-height,var(--spectrum-global-dimension-size-50))}

src/spectrum-icon-double-gripper.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 @@ .double-gripper{width:var(--spectrum-icon-doublegripper-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-icon-doublegripper-height,var(--spectrum-global-dimension-size-50))}

src/spectrum-icon-folder-breadcrumb.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-icon-folder-breadcrumb.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 @@ .folder-breadcrumb{width:var(--spectrum-icon-folderbreadcrumb-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-folderbreadcrumb-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-folder-breadcrumb.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 @@ .folder-breadcrumb{width:var(--spectrum-icon-folderbreadcrumb-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-folderbreadcrumb-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-help-medium.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-icon-help-medium.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 @@ .help-medium{width:var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-info-medium-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-help-medium.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 @@ .help-medium{width:var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-info-medium-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-help-small.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-icon-help-small.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 @@ .help-small{width:var(--spectrum-icon-info-small-width,var(--spectrum-global-dimension-size-175));height:var(--spectrum-icon-info-small-height,var(--spectrum-global-dimension-size-175))}

src/spectrum-icon-help-small.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 @@ .help-small{width:var(--spectrum-icon-info-small-width,var(--spectrum-global-dimension-size-175));height:var(--spectrum-icon-info-small-height,var(--spectrum-global-dimension-size-175))}

src/spectrum-icon-info-medium.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-icon-info-medium.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 @@ .info-medium{width:var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-info-medium-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-info-medium.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 @@ .info-medium{width:var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-info-medium-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-info-small.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-icon-info-small.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 @@ .info-small{width:var(--spectrum-icon-info-small-width,var(--spectrum-global-dimension-size-175));height:var(--spectrum-icon-info-small-height,var(--spectrum-global-dimension-size-175))}

src/spectrum-icon-info-small.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 @@ .info-small{width:var(--spectrum-icon-info-small-width,var(--spectrum-global-dimension-size-175));height:var(--spectrum-icon-info-small-height,var(--spectrum-global-dimension-size-175))}

src/spectrum-icon-magnifier.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-icon-magnifier.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 @@ .magnifier{width:var(--spectrum-icon-magnifier-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-icon-magnifier-height,var(--spectrum-global-dimension-size-200))}

src/spectrum-icon-magnifier.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 @@ .magnifier{width:var(--spectrum-icon-magnifier-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-icon-magnifier-height,var(--spectrum-global-dimension-size-200))}

src/spectrum-icon-skip-left.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-icon-skip-left.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 @@ .skip-left{width:var(--spectrum-icon-skip-left-width);height:var(--spectrum-icon-skip-left-height)}

src/spectrum-icon-skip-left.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 @@ .skip-left{width:var(--spectrum-icon-skip-left-width);height:var(--spectrum-icon-skip-left-height)}

src/spectrum-icon-skip-right.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-icon-skip-right.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 @@ .skip-right{width:var(--spectrum-icon-skip-right-width);height:var(--spectrum-icon-skip-right-height)}

src/spectrum-icon-skip-right.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 @@ .skip-right{width:var(--spectrum-icon-skip-right-width);height:var(--spectrum-icon-skip-right-height)}

src/spectrum-icon-star-outline.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-icon-star-outline.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 @@ .star-outline{width:var(--spectrum-icon-star-outline-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-star-outline-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-star-outline.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 @@ .star-outline{width:var(--spectrum-icon-star-outline-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-star-outline-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-star.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-icon-star.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 @@ .star{width:var(--spectrum-icon-star-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-star-height,var(--spectrum-global-dimension-size-225))}.spectrum-UIIcon-StarOutline{width:var(--spectrum-icon-star-outline-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-star-outline-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-star.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 @@ .star{width:var(--spectrum-icon-star-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-star-height,var(--spectrum-global-dimension-size-225))}.spectrum-UIIcon-StarOutline{width:var(--spectrum-icon-star-outline-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-star-outline-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-success-medium.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-icon-success-medium.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 @@ .success-medium{width:var(--spectrum-icon-success-medium-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-success-medium-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-success-medium.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 @@ .success-medium{width:var(--spectrum-icon-success-medium-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-success-medium-height,var(--spectrum-global-dimension-size-225))}

src/spectrum-icon-success-small.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-icon-success-small.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 @@ .success-small{width:var(--spectrum-icon-success-small-width,var(--spectrum-global-dimension-size-175));height:var(--spectrum-icon-success-small-height,var(--spectrum-global-dimension-size-175))}

src/spectrum-icon-success-small.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 @@ .success-small{width:var(--spectrum-icon-success-small-width,var(--spectrum-global-dimension-size-175));height:var(--spectrum-icon-success-small-height,var(--spectrum-global-dimension-size-175))}

src/spectrum-icon-triple-gripper.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-icon-triple-gripper.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 @@ .triple-gripper{width:var(--spectrum-icon-triplegripper-width);height:var(--spectrum-icon-triplegripper-height,var(--spectrum-global-dimension-size-85))}

src/spectrum-icon-triple-gripper.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 @@ .triple-gripper{width:var(--spectrum-icon-triplegripper-width);height:var(--spectrum-icon-triplegripper-height,var(--spectrum-global-dimension-size-85))}

src/spectrum-icon.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-icon.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{display:inline-block;color:inherit;fill:currentColor;pointer-events:none}:host(:not(:root)){overflow:hidden}:host([size=xxs]),:host([size=xxs]) img,:host([size=xxs]) svg{height:calc(var(--spectrum-alias-workflow-icon-size,

src/spectrum-icon.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{display:inline-block;color:inherit;fill:currentColor;pointer-events:none}:host(:not(:root)){overflow:hidden}:host([size=xxs]),:host([size=xxs]) img,:host([size=xxs]) svg{height:calc(var(--spectrum-alias-workflow-icon-size,

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

219247

increased by1.43%

Dependency count

3

decreased by-25%

Lines of code

2704

increased by0.11%

Dependency changes

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

• - Removedlit-element@^2.1.0

• - Removedlit-html@^1.0.0

• Updated@spectrum-web-components/iconset@^0.2.2