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

Comparing version 0.6.4-alpha.85 to 0.6.4-alpha.169

custom-elements.json

@@ -17,9 +17,8 @@ {
         {
-          "name": "size",
-          "type": "string",
-          "default": "\"m\""
+          "name": "label",
+          "type": "string | undefined"
         },
         {
-          "name": "label",
-          "type": "string | undefined"
+          "name": "size",
+          "type": "\"s\" | \"m\" | \"l\" | \"xl\" | undefined"
         }
@@ -29,7 +28,2 @@ ],
         {
-          "name": "is",
-          "type": "string",
-          "default": "\"sp-icon\""
-        },
-        {
           "name": "src",
@@ -45,8 +39,2 @@ "attribute": "src",
         {
-          "name": "size",
-          "attribute": "size",
-          "type": "string",
-          "default": "\"m\""
-        },
-        {
           "name": "label",
@@ -57,2 +45,7 @@ "attribute": "label",
         {
+          "name": "size",
+          "attribute": "size",
+          "type": "\"s\" | \"m\" | \"l\" | \"xl\" | undefined"
+        },
+        {
           "name": "shadowRoot",
@@ -59,0 +52,0 @@ "type": "ShadowRoot"

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.6.4-alpha.85+d9ef1386",
+    "version": "0.6.4-alpha.169+a396c860",
     "description": "",
@@ -53,10 +53,10 @@ "main": "./src/index.js",
     "devDependencies": {
-        "@spectrum-css/icon": "^3.0.0-beta.1"
+        "@spectrum-css/icon": "^3.0.0-beta.2"
     },
     "dependencies": {
-        "@spectrum-web-components/base": "^0.1.4-alpha.85+d9ef1386",
-        "@spectrum-web-components/iconset": "^0.2.6-alpha.85+d9ef1386",
+        "@spectrum-web-components/base": "^0.1.4-alpha.169+a396c860",
+        "@spectrum-web-components/iconset": "^0.2.6-alpha.169+a396c860",
         "tslib": "^2.0.0"
     },
-    "gitHead": "d9ef13866edfb98e309914ae7582b807bee5d241"
+    "gitHead": "a396c860b62c2f94b2e9fcd015a4962a6c57af36"
 }

README.md

@@ -32,3 +32,3 @@ ## Description
 <sp-icons-medium></sp-icons-medium>
-<sp-icon name="ui:Magnifier"></sp-icon>
+<sp-icon name="ui:Arrow100"></sp-icon>
 ```
@@ -43,9 +43,7 @@
 ```html
-<sp-icon size="xxs" name="ui:Magnifier"></sp-icon>
-<sp-icon size="xs" name="ui:Magnifier"></sp-icon>
-<sp-icon size="s" name="ui:Magnifier"></sp-icon>
-<sp-icon size="m" name="ui:Magnifier"></sp-icon>
-<sp-icon size="l" name="ui:Magnifier"></sp-icon>
-<sp-icon size="xl" name="ui:Magnifier"></sp-icon>
-<sp-icon size="xxl" name="ui:Magnifier"></sp-icon>
+<sp-icon size="s" name="ui:Arrow100"></sp-icon>
+<sp-icon size="m" name="ui:Arrow100"></sp-icon>
+<sp-icon size="l" name="ui:Arrow100"></sp-icon>
+<sp-icon size="xl" name="ui:Arrow100"></sp-icon>
+<sp-icon size="xxl" name="ui:Arrow100"></sp-icon>
 ```
@@ -58,3 +56,3 @@
 ```html
-<sp-icon name="ui:Magnifier" style="color: red;"></sp-icon>
+<sp-icon name="ui:Arrow100" style="color: red;"></sp-icon>
 ```
@@ -68,12 +66,2 @@
 <sp-icon
-    size="xxs"
-    label="Previous"
-    src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTU3Ljk5NSAtNTUzMC4wMzIgNiAxMCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2U6IzE0NzNlNjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yNTEuMywzMzNsNC00LTQtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3MDEuNjk1IC01MTk2LjAzMikgcm90YXRlKDE4MCkiLz48L3N2Zz4="
-></sp-icon>
-<sp-icon
-    size="xs"
-    label="Previous"
-    src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTU3Ljk5NSAtNTUzMC4wMzIgNiAxMCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2U6IzE0NzNlNjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yNTEuMywzMzNsNC00LTQtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3MDEuNjk1IC01MTk2LjAzMikgcm90YXRlKDE4MCkiLz48L3N2Zz4="
-></sp-icon>
-<sp-icon
     size="s"
@@ -110,3 +98,3 @@ label="Previous"
 ```html
-<sp-icon size="xxs">
+<sp-icon size="s">
     <svg
@@ -163,3 +151,3 @@ xmlns="http://www.w3.org/2000/svg"
 ```html
-<sp-icon name="ui:Magnifier" label="Magnify"></sp-icon>
+<sp-icon name="ui:Arrow100" label="Arrow pointing to the right"></sp-icon>
 ```

src/icon.css.js

@@ -14,15 +14,5 @@ /*
 const styles = css `
-: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-s,
-var(--spectrum-global-dimension-size-200))/2);width:calc(var(--spectrum-alias-workflow-icon-size-s,
-var(--spectrum-global-dimension-size-200))/2)}:host([size=xs]),:host([size=xs]) img,:host([size=xs]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))/2);width:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))/2)}:host([size=s]),:host([size=s]) img,:host([size=s]) svg{height:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200));width:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200))}:host([size=m]),:host([size=m]) img,:host([size=m]) svg{height:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225));width:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225))}:host([size=l]),:host([size=l]) img,:host([size=l]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-s,
-var(--spectrum-global-dimension-size-200))*2);width:calc(var(--spectrum-alias-workflow-icon-size-s,
-var(--spectrum-global-dimension-size-200))*2)}:host([size=xl]),:host([size=xl]) img,:host([size=xl]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*2);width:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*2)}:host([size=xxl]),:host([size=xxl]) img,:host([size=xxl]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*3);width:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*3)}#container{height:100%}img{height:auto}::slotted(*),img{width:100%;vertical-align:top}::slotted(*){height:100%}
+:host{display:inline-block;color:inherit;fill:currentColor;pointer-events:none}:host(:not(:root)){overflow:hidden}:host([size=s]){height:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200));width:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200))}:host([size=m]){height:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225));width:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225))}:host([size=l]){height:var(--spectrum-alias-workflow-icon-size-l);width:var(--spectrum-alias-workflow-icon-size-l)}:host([size=xl]){height:var(--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275));width:var(--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275))}:host([size=xxl]){height:var(--spectrum-global-dimension-size-400);width:var(--spectrum-global-dimension-size-400)}:host{height:var(--spectrum-icon-tshirt-size-height,var(--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)));width:var(--spectrum-icon-tshirt-size-width,var(--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)))}#container{height:100%}::slotted(*),img,svg{height:100%;width:100%;vertical-align:top}
 `;
 export default styles;
 //# sourceMappingURL=icon.css.js.map

src/icon.css.ts

@@ -14,14 +14,4 @@ /*
 const styles = css`
-: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-s,
-var(--spectrum-global-dimension-size-200))/2);width:calc(var(--spectrum-alias-workflow-icon-size-s,
-var(--spectrum-global-dimension-size-200))/2)}:host([size=xs]),:host([size=xs]) img,:host([size=xs]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))/2);width:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))/2)}:host([size=s]),:host([size=s]) img,:host([size=s]) svg{height:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200));width:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200))}:host([size=m]),:host([size=m]) img,:host([size=m]) svg{height:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225));width:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225))}:host([size=l]),:host([size=l]) img,:host([size=l]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-s,
-var(--spectrum-global-dimension-size-200))*2);width:calc(var(--spectrum-alias-workflow-icon-size-s,
-var(--spectrum-global-dimension-size-200))*2)}:host([size=xl]),:host([size=xl]) img,:host([size=xl]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*2);width:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*2)}:host([size=xxl]),:host([size=xxl]) img,:host([size=xxl]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*3);width:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*3)}#container{height:100%}img{height:auto}::slotted(*),img{width:100%;vertical-align:top}::slotted(*){height:100%}
+:host{display:inline-block;color:inherit;fill:currentColor;pointer-events:none}:host(:not(:root)){overflow:hidden}:host([size=s]){height:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200));width:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200))}:host([size=m]){height:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225));width:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225))}:host([size=l]){height:var(--spectrum-alias-workflow-icon-size-l);width:var(--spectrum-alias-workflow-icon-size-l)}:host([size=xl]){height:var(--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275));width:var(--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275))}:host([size=xxl]){height:var(--spectrum-global-dimension-size-400);width:var(--spectrum-global-dimension-size-400)}:host{height:var(--spectrum-icon-tshirt-size-height,var(--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)));width:var(--spectrum-icon-tshirt-size-width,var(--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)))}#container{height:100%}::slotted(*),img,svg{height:100%;width:100%;vertical-align:top}
 `;
 export default styles;

src/Icon.d.ts

@@ -1,11 +0,8 @@
-import { SpectrumElement, CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
-export declare class Icon extends SpectrumElement {
-    static is: string;
+import { TemplateResult } from '@spectrum-web-components/base';
+import { IconBase } from './IconBase.js';
+export declare class Icon extends IconBase {
     src?: string;
     name?: string;
-    size: string;
-    label?: string;
     private iconContainer?;
     private updateIconPromise?;
-    static get styles(): CSSResultArray;
     connectedCallback(): void;
@@ -12,0 +9,0 @@ disconnectedCallback(): void;

src/Icon.js

@@ -13,9 +13,8 @@ /*
 import { __decorate } from "tslib";
-import { html, SpectrumElement, property, query, ifDefined, } from '@spectrum-web-components/base';
+import { html, 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';
-export class Icon extends SpectrumElement {
+import { IconBase } from './IconBase.js';
+export class Icon extends IconBase {
     constructor() {
         super(...arguments);
-        this.size = 'm';
         this.iconsetListener = (event) => {
@@ -32,5 +31,2 @@ if (!this.name) {
     }
-    static get styles() {
-        return [iconStyles];
-    }
     connectedCallback() {
@@ -62,5 +58,3 @@ super.connectedCallback();
         }
-        return html `
-            <slot></slot>
-        `;
+        return super.render();
     }
@@ -83,3 +77,3 @@ async updateIcon() {
         this.iconContainer.innerHTML = '';
-        return iconset.applyIconToElement(this.iconContainer, icon.icon, this.size, this.label ? this.label : '');
+        return iconset.applyIconToElement(this.iconContainer, icon.icon, this.size || '', this.label ? this.label : '');
     }
@@ -101,3 +95,2 @@ parseIcon(icon) {
 }
-Icon.is = 'sp-icon';
 __decorate([
@@ -110,10 +103,4 @@ property()
 __decorate([
-    property({ reflect: true })
-], Icon.prototype, "size", void 0);
-__decorate([
-    property()
-], Icon.prototype, "label", void 0);
-__decorate([
     query('#container')
 ], Icon.prototype, "iconContainer", void 0);
 //# sourceMappingURL=Icon.js.map

src/Icon.ts

@@ -15,6 +15,4 @@ /*
     html,
-    SpectrumElement,
     property,
     query,
-    CSSResultArray,
     TemplateResult,
@@ -26,7 +24,5 @@ ifDefined,
 
-import iconStyles from './icon.css.js';
+import { IconBase } from './IconBase.js';
 
-export class Icon extends SpectrumElement {
-    public static is = 'sp-icon';
-
+export class Icon extends IconBase {
     @property()
@@ -38,8 +34,2 @@ public src?: string;
 
-    @property({ reflect: true })
-    public size = 'm';
-
-    @property()
-    public label?: string;
-
     @query('#container')
@@ -50,6 +40,2 @@ private iconContainer?: HTMLElement;
 
-    public static get styles(): CSSResultArray {
-        return [iconStyles];
-    }
-
     public connectedCallback(): void {
@@ -99,5 +85,3 @@ super.connectedCallback();
         }
-        return html`
-            <slot></slot>
-        `;
+        return super.render();
     }
@@ -124,3 +108,3 @@
             icon.icon,
-            this.size,
+            this.size || '',
             this.label ? this.label : ''
@@ -127,0 +111,0 @@ );

src/index.d.ts

@@ -0,1 +1,2 @@
+export * from './IconBase.js';
 export * from './Icon.js';

src/index.js

@@ -12,3 +12,4 @@ /*
 */
+export * from './IconBase.js';
 export * from './Icon.js';
 //# sourceMappingURL=index.js.map

src/index.ts

@@ -12,2 +12,3 @@ /*
 */
+export * from './IconBase.js';
 export * from './Icon.js';

src/spectrum-config.js

@@ -55,247 +55,43 @@ /*
             ],
+            exclude: [/img/, /svg/],
         },
         {
-            name: 'icon-alert-medium',
-            host: {
-                selector: '.spectrum-UIIcon-AlertMedium',
-                shadowSelector: '.alert-medium',
-            },
+            name: 'icon-arrow',
+            host: '.spectrum-UIIcon-Arrow',
         },
         {
-            name: 'icon-alert-small',
-            host: {
-                selector: '.spectrum-UIIcon-AlertSmall',
-                shadowSelector: '.alert-small',
-            },
+            name: 'icon-asterisk',
+            host: '.spectrum-UIIcon-Asterisk',
         },
         {
-            name: 'icon-arrow-down-small',
-            host: {
-                selector: '.spectrum-UIIcon-ArrowDownSmall',
-                shadowSelector: '.arrow-down-small',
-            },
+            name: 'icon-checkmark',
+            host: '.spectrum-UIIcon-Checkmark',
         },
         {
-            name: 'icon-arrow-left-medium',
-            host: {
-                selector: '.spectrum-UIIcon-ArrowLeftMedium',
-                shadowSelector: '.arrow-left-medium',
-            },
+            name: 'icon-chevron',
+            host: '.spectrum-UIIcon-Chevron',
         },
         {
-            name: 'icon-arrow-up-small',
-            host: {
-                selector: '.spectrum-UIIcon-ArrowUpSmall',
-                shadowSelector: '.arrow-up-small',
-            },
-        },
-        {
-            name: 'icon-asterick',
-            host: {
-                selector: '.spectrum-UIIcon-Asterisk',
-                shadowSelector: '.asterick',
-            },
-        },
-        {
-            name: 'icon-checkmark-medium',
-            host: {
-                selector: '.spectrum-UIIcon-CheckmarkMedium',
-                shadowSelector: '.checkmark-medium',
-            },
-        },
-        {
-            name: 'icon-checkmark-small',
-            host: {
-                selector: '.spectrum-UIIcon-CheckmarkSmall',
-                shadowSelector: '.checkmark-small',
-            },
-        },
-        {
-            name: 'icon-chevron-down-medium',
-            host: {
-                selector: '.spectrum-UIIcon-ChevronDownMedium',
-                shadowSelector: '.chevron-down-medium',
-            },
-        },
-        {
-            name: 'icon-chevron-down-small',
-            host: {
-                selector: '.spectrum-UIIcon-ChevronDownSmall',
-                shadowSelector: '.chevron-down-small',
-            },
-        },
-        {
-            name: 'icon-chevron-left-large',
-            host: {
-                selector: '.spectrum-UIIcon-ChevronLeftLarge',
-                shadowSelector: '.chevron-left-large',
-            },
-        },
-        {
-            name: 'icon-chevron-left-medium',
-            host: {
-                selector: '.spectrum-UIIcon-ChevronLeftMedium',
-                shadowSelector: '.chevron-left-medium',
-            },
-        },
-        {
-            name: 'icon-chevron-right-large',
-            host: {
-                selector: '.spectrum-UIIcon-ChevronRightLarge',
-                shadowSelector: '.chevron-right-large',
-            },
-        },
-        {
-            name: 'icon-chevron-right-medium',
-            host: {
-                selector: '.spectrum-UIIcon-ChevronRightMedium',
-                shadowSelector: '.chevron-right-medium',
-            },
-        },
-        {
-            name: 'icon-chevron-right-small',
-            host: {
-                selector: '.spectrum-UIIcon-ChevronRightSmall',
-                shadowSelector: '.chevron-right-small',
-            },
-        },
-        {
-            name: 'icon-chevron-up-small',
-            host: {
-                selector: '.spectrum-UIIcon-ChevronUpSmall',
-                shadowSelector: '.chevron-up-small',
-            },
-        },
-        {
             name: 'icon-corner-triangle',
-            host: {
-                selector: '.spectrum-UIIcon-CornerTriangle',
-                shadowSelector: '.corner-triangle',
-            },
+            host: '.spectrum-UIIcon-CornerTriangle',
         },
         {
-            name: 'icon-cross-large',
-            host: {
-                selector: '.spectrum-UIIcon-CrossLarge',
-                shadowSelector: '.cross-large',
-            },
+            name: 'icon-cross',
+            host: '.spectrum-UIIcon-Cross',
         },
         {
-            name: 'icon-cross-medium',
-            host: {
-                selector: '.spectrum-UIIcon-CrossMedium',
-                shadowSelector: '.cross-medium',
-            },
+            name: 'icon-dash',
+            host: '.spectrum-UIIcon-Dash',
         },
         {
-            name: 'icon-cross-small',
-            host: {
-                selector: '.spectrum-UIIcon-CrossSmall',
-                shadowSelector: '.cross-small',
-            },
-        },
-        {
-            name: 'icon-dash-small',
-            host: {
-                selector: '.spectrum-UIIcon-DashSmall',
-                shadowSelector: '.dash-small',
-            },
-        },
-        {
             name: 'icon-double-gripper',
-            host: {
-                selector: '.spectrum-UIIcon-DoubleGripper',
-                shadowSelector: '.double-gripper',
-            },
+            host: '.spectrum-UIIcon-DoubleGripper',
         },
         {
-            name: 'icon-folder-breadcrumb',
-            host: {
-                selector: '.spectrum-UIIcon-FolderBreadcrumb',
-                shadowSelector: '.folder-breadcrumb',
-            },
+            name: 'icon-single-gripper',
+            host: '.spectrum-UIIcon-SingleGripper',
         },
         {
-            name: 'icon-help-medium',
-            host: {
-                selector: '.spectrum-UIIcon-HelpMedium',
-                shadowSelector: '.help-medium',
-            },
-        },
-        {
-            name: 'icon-help-small',
-            host: {
-                selector: '.spectrum-UIIcon-HelpSmall',
-                shadowSelector: '.help-small',
-            },
-        },
-        {
-            name: 'icon-info-medium',
-            host: {
-                selector: '.spectrum-UIIcon-InfoMedium',
-                shadowSelector: '.info-medium',
-            },
-        },
-        {
-            name: 'icon-info-small',
-            host: {
-                selector: '.spectrum-UIIcon-InfoSmall',
-                shadowSelector: '.info-small',
-            },
-        },
-        {
-            name: 'icon-magnifier',
-            host: {
-                selector: '.spectrum-UIIcon-Magnifier',
-                shadowSelector: '.magnifier',
-            },
-        },
-        {
-            name: 'icon-skip-left',
-            host: {
-                selector: '.spectrum-UIIcon-SkipLeft',
-                shadowSelector: '.skip-left',
-            },
-        },
-        {
-            name: 'icon-skip-right',
-            host: {
-                selector: '.spectrum-UIIcon-SkipRight',
-                shadowSelector: '.skip-right',
-            },
-        },
-        {
-            name: 'icon-star',
-            host: {
-                selector: '.spectrum-UIIcon-Star',
-                shadowSelector: '.star',
-            },
-        },
-        {
-            name: 'icon-star-outline',
-            host: {
-                selector: '.spectrum-UIIcon-StarOutline',
-                shadowSelector: '.star-outline',
-            },
-        },
-        {
-            name: 'icon-success-medium',
-            host: {
-                selector: '.spectrum-UIIcon-SuccessMedium',
-                shadowSelector: '.success-medium',
-            },
-        },
-        {
-            name: 'icon-success-small',
-            host: {
-                selector: '.spectrum-UIIcon-SuccessSmall',
-                shadowSelector: '.success-small',
-            },
-        },
-        {
             name: 'icon-triple-gripper',
-            host: {
-                selector: '.spectrum-UIIcon-TripleGripper',
-                shadowSelector: '.triple-gripper',
-            },
+            host: '.spectrum-UIIcon-TripleGripper',
         },
@@ -302,0 +98,0 @@ ],

src/spectrum-icon-corner-triangle.css.js

@@ -14,5 +14,5 @@ /*
 const styles = css `
-.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))}
+.spectrum-UIIcon-CornerTriangle75{width:var(--spectrum-alias-ui-icon-cornertriangle-size-75,var(--spectrum-global-dimension-size-65));height:var(--spectrum-alias-ui-icon-cornertriangle-size-75,var(--spectrum-global-dimension-size-65))}.spectrum-UIIcon-CornerTriangle100{width:var(--spectrum-alias-ui-icon-cornertriangle-size-100);height:var(--spectrum-alias-ui-icon-cornertriangle-size-100)}.spectrum-UIIcon-CornerTriangle200{width:var(--spectrum-alias-ui-icon-cornertriangle-size-200,var(--spectrum-global-dimension-size-75));height:var(--spectrum-alias-ui-icon-cornertriangle-size-200,var(--spectrum-global-dimension-size-75))}.spectrum-UIIcon-CornerTriangle300{width:var(--spectrum-alias-ui-icon-cornertriangle-size-300);height:var(--spectrum-alias-ui-icon-cornertriangle-size-300)}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-icon-corner-triangle.css.js.map

src/spectrum-icon-corner-triangle.css.ts

@@ -14,4 +14,4 @@ /*
 const styles = css`
-.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))}
+.spectrum-UIIcon-CornerTriangle75{width:var(--spectrum-alias-ui-icon-cornertriangle-size-75,var(--spectrum-global-dimension-size-65));height:var(--spectrum-alias-ui-icon-cornertriangle-size-75,var(--spectrum-global-dimension-size-65))}.spectrum-UIIcon-CornerTriangle100{width:var(--spectrum-alias-ui-icon-cornertriangle-size-100);height:var(--spectrum-alias-ui-icon-cornertriangle-size-100)}.spectrum-UIIcon-CornerTriangle200{width:var(--spectrum-alias-ui-icon-cornertriangle-size-200,var(--spectrum-global-dimension-size-75));height:var(--spectrum-alias-ui-icon-cornertriangle-size-200,var(--spectrum-global-dimension-size-75))}.spectrum-UIIcon-CornerTriangle300{width:var(--spectrum-alias-ui-icon-cornertriangle-size-300);height:var(--spectrum-alias-ui-icon-cornertriangle-size-300)}
 `;
 export default styles;

src/spectrum-icon-double-gripper.css.js

@@ -14,5 +14,5 @@ /*
 const styles = css `
-.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))}
+.spectrum-UIIcon-DoubleGripper100{width:var(--spectrum-alias-ui-icon-doublegripper-size-100-height);height:var(--spectrum-alias-ui-icon-doublegripper-size-100-width,var(--spectrum-global-dimension-size-200))}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-icon-double-gripper.css.js.map

src/spectrum-icon-double-gripper.css.ts

@@ -14,4 +14,4 @@ /*
 const styles = css`
-.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))}
+.spectrum-UIIcon-DoubleGripper100{width:var(--spectrum-alias-ui-icon-doublegripper-size-100-height);height:var(--spectrum-alias-ui-icon-doublegripper-size-100-width,var(--spectrum-global-dimension-size-200))}
 `;
 export default styles;

src/spectrum-icon-triple-gripper.css.js

@@ -14,5 +14,5 @@ /*
 const styles = css `
-.triple-gripper{width:var(--spectrum-icon-triplegripper-width);height:var(--spectrum-icon-triplegripper-height,var(--spectrum-global-dimension-size-85))}
+.spectrum-UIIcon-TripleGripper100{width:var(--spectrum-alias-ui-icon-triplegripper-size-100-height,var(--spectrum-global-dimension-size-100));height:var(--spectrum-alias-ui-icon-triplegripper-size-100-width)}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-icon-triple-gripper.css.js.map

src/spectrum-icon-triple-gripper.css.ts

@@ -14,4 +14,4 @@ /*
 const styles = css`
-.triple-gripper{width:var(--spectrum-icon-triplegripper-width);height:var(--spectrum-icon-triplegripper-height,var(--spectrum-global-dimension-size-85))}
+.spectrum-UIIcon-TripleGripper100{width:var(--spectrum-alias-ui-icon-triplegripper-size-100-height,var(--spectrum-global-dimension-size-100));height:var(--spectrum-alias-ui-icon-triplegripper-size-100-width)}
 `;
 export default styles;

src/spectrum-icon.css.js

@@ -14,15 +14,5 @@ /*
 const styles = css `
-: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-s,
-var(--spectrum-global-dimension-size-200))/2);width:calc(var(--spectrum-alias-workflow-icon-size-s,
-var(--spectrum-global-dimension-size-200))/2)}:host([size=xs]),:host([size=xs]) img,:host([size=xs]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))/2);width:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))/2)}:host([size=s]),:host([size=s]) img,:host([size=s]) svg{height:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200));width:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200))}:host([size=m]),:host([size=m]) img,:host([size=m]) svg{height:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225));width:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225))}:host([size=l]),:host([size=l]) img,:host([size=l]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-s,
-var(--spectrum-global-dimension-size-200))*2);width:calc(var(--spectrum-alias-workflow-icon-size-s,
-var(--spectrum-global-dimension-size-200))*2)}:host([size=xl]),:host([size=xl]) img,:host([size=xl]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*2);width:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*2)}:host([size=xxl]),:host([size=xxl]) img,:host([size=xxl]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*3);width:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*3)}
+:host{display:inline-block;color:inherit;fill:currentColor;pointer-events:none}:host(:not(:root)){overflow:hidden}:host([size=s]){height:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200));width:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200))}:host([size=m]){height:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225));width:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225))}:host([size=l]){height:var(--spectrum-alias-workflow-icon-size-l);width:var(--spectrum-alias-workflow-icon-size-l)}:host([size=xl]){height:var(--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275));width:var(--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275))}:host([size=xxl]){height:var(--spectrum-global-dimension-size-400);width:var(--spectrum-global-dimension-size-400)}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-icon.css.js.map

src/spectrum-icon.css.ts

@@ -14,14 +14,4 @@ /*
 const styles = css`
-: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-s,
-var(--spectrum-global-dimension-size-200))/2);width:calc(var(--spectrum-alias-workflow-icon-size-s,
-var(--spectrum-global-dimension-size-200))/2)}:host([size=xs]),:host([size=xs]) img,:host([size=xs]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))/2);width:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))/2)}:host([size=s]),:host([size=s]) img,:host([size=s]) svg{height:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200));width:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200))}:host([size=m]),:host([size=m]) img,:host([size=m]) svg{height:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225));width:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225))}:host([size=l]),:host([size=l]) img,:host([size=l]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-s,
-var(--spectrum-global-dimension-size-200))*2);width:calc(var(--spectrum-alias-workflow-icon-size-s,
-var(--spectrum-global-dimension-size-200))*2)}:host([size=xl]),:host([size=xl]) img,:host([size=xl]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*2);width:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*2)}:host([size=xxl]),:host([size=xxl]) img,:host([size=xxl]) svg{height:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*3);width:calc(var(--spectrum-alias-workflow-icon-size-m,
-var(--spectrum-global-dimension-size-225))*3)}
+:host{display:inline-block;color:inherit;fill:currentColor;pointer-events:none}:host(:not(:root)){overflow:hidden}:host([size=s]){height:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200));width:var(--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200))}:host([size=m]){height:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225));width:var(--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225))}:host([size=l]){height:var(--spectrum-alias-workflow-icon-size-l);width:var(--spectrum-alias-workflow-icon-size-l)}:host([size=xl]){height:var(--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275));width:var(--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275))}:host([size=xxl]){height:var(--spectrum-global-dimension-size-400);width:var(--spectrum-global-dimension-size-400)}
 `;
 export default styles;

src/spectrum-vars.json

@@ -5,66 +5,55 @@ {
     "--spectrum-alias-workflow-icon-size-m": "var(--spectrum-global-dimension-size-225)",
-    "--spectrum-icon-alert-medium-width": "var(--spectrum-global-dimension-size-225)",
-    "--spectrum-icon-alert-medium-height": "var(--spectrum-global-dimension-size-225)",
-    "--spectrum-icon-alert-small-width": "var(--spectrum-global-dimension-size-175)",
-    "--spectrum-icon-alert-small-height": "var(--spectrum-global-dimension-size-175)",
-    "--spectrum-icon-arrow-down-small-width": "var(--spectrum-global-dimension-size-100)",
-    "--spectrum-icon-arrow-down-small-height": "undefined",
-    "--spectrum-icon-arrow-left-medium-width": "var(--spectrum-global-dimension-size-175)",
-    "--spectrum-icon-arrow-left-medium-height": "undefined",
-    "--spectrum-fieldlabel-asterisk-size": "var(--spectrum-global-dimension-size-100)",
-    "--spectrum-icon-checkmark-medium-width": "undefined",
-    "--spectrum-icon-checkmark-medium-height": "undefined",
-    "--spectrum-icon-checkmark-small-width": "undefined",
-    "--spectrum-icon-checkmark-small-height": "undefined",
-    "--spectrum-icon-chevron-down-medium-width": "undefined",
-    "--spectrum-icon-chevron-down-medium-height": "var(--spectrum-global-dimension-size-75)",
-    "--spectrum-icon-chevron-down-small-width": "var(--spectrum-global-dimension-size-100)",
-    "--spectrum-icon-chevron-down-small-height": "var(--spectrum-global-dimension-size-75)",
-    "--spectrum-icon-chevron-left-large-width": "undefined",
-    "--spectrum-icon-chevron-left-large-height": "var(--spectrum-global-dimension-size-200)",
-    "--spectrum-icon-chevron-left-medium-width": "var(--spectrum-global-dimension-size-75)",
-    "--spectrum-icon-chevron-left-medium-height": "undefined",
-    "--spectrum-icon-chevron-right-large-width": "undefined",
-    "--spectrum-icon-chevron-right-large-height": "var(--spectrum-global-dimension-size-200)",
-    "--spectrum-icon-chevron-right-medium-width": "var(--spectrum-global-dimension-size-75)",
-    "--spectrum-icon-chevron-right-medium-height": "undefined",
-    "--spectrum-icon-chevron-right-small-width": "var(--spectrum-global-dimension-size-75)",
-    "--spectrum-icon-chevron-right-small-height": "var(--spectrum-global-dimension-size-100)",
-    "--spectrum-icon-chevron-up-small-width": "var(--spectrum-global-dimension-size-100)",
-    "--spectrum-icon-chevron-up-small-height": "var(--spectrum-global-dimension-size-75)",
-    "--spectrum-icon-cornertriangle-width": "var(--spectrum-global-dimension-size-65)",
-    "--spectrum-icon-cornertriangle-height": "var(--spectrum-global-dimension-size-65)",
-    "--spectrum-icon-cross-large-width": "undefined",
-    "--spectrum-icon-cross-large-height": "undefined",
-    "--spectrum-icon-cross-medium-width": "var(--spectrum-global-dimension-size-100)",
-    "--spectrum-icon-cross-medium-height": "var(--spectrum-global-dimension-size-100)",
-    "--spectrum-icon-cross-small-width": "var(--spectrum-global-dimension-size-100)",
-    "--spectrum-icon-cross-small-height": "var(--spectrum-global-dimension-size-100)",
-    "--spectrum-icon-dash-small-width": "undefined",
-    "--spectrum-icon-dash-small-height": "undefined",
-    "--spectrum-icon-doublegripper-width": "var(--spectrum-global-dimension-size-200)",
-    "--spectrum-icon-doublegripper-height": "var(--spectrum-global-dimension-size-50)",
-    "--spectrum-icon-folderbreadcrumb-width": "var(--spectrum-global-dimension-size-225)",
-    "--spectrum-icon-folderbreadcrumb-height": "var(--spectrum-global-dimension-size-225)",
-    "--spectrum-icon-info-medium-width": "var(--spectrum-global-dimension-size-225)",
-    "--spectrum-icon-info-medium-height": "var(--spectrum-global-dimension-size-225)",
-    "--spectrum-icon-info-small-width": "var(--spectrum-global-dimension-size-175)",
-    "--spectrum-icon-info-small-height": "var(--spectrum-global-dimension-size-175)",
-    "--spectrum-icon-magnifier-width": "var(--spectrum-global-dimension-size-200)",
-    "--spectrum-icon-magnifier-height": "var(--spectrum-global-dimension-size-200)",
-    "--spectrum-icon-skip-left-width": "undefined",
-    "--spectrum-icon-skip-left-height": "undefined",
-    "--spectrum-icon-skip-right-width": "undefined",
-    "--spectrum-icon-skip-right-height": "undefined",
-    "--spectrum-icon-star-width": "var(--spectrum-global-dimension-size-225)",
-    "--spectrum-icon-star-height": "var(--spectrum-global-dimension-size-225)",
-    "--spectrum-icon-star-outline-width": "var(--spectrum-global-dimension-size-225)",
-    "--spectrum-icon-star-outline-height": "var(--spectrum-global-dimension-size-225)",
-    "--spectrum-icon-success-medium-width": "var(--spectrum-global-dimension-size-225)",
-    "--spectrum-icon-success-medium-height": "var(--spectrum-global-dimension-size-225)",
-    "--spectrum-icon-success-small-width": "var(--spectrum-global-dimension-size-175)",
-    "--spectrum-icon-success-small-height": "var(--spectrum-global-dimension-size-175)",
-    "--spectrum-icon-triplegripper-width": "undefined",
-    "--spectrum-icon-triplegripper-height": "var(--spectrum-global-dimension-size-85)"
+    "--spectrum-alias-workflow-icon-size-l": "undefined",
+    "--spectrum-alias-workflow-icon-size-xl": "var(--spectrum-global-dimension-size-275)",
+    "--spectrum-alias-ui-icon-chevron-size-75": "undefined",
+    "--spectrum-alias-ui-icon-chevron-size-100": "undefined",
+    "--spectrum-alias-ui-icon-chevron-size-200": "undefined",
+    "--spectrum-alias-ui-icon-chevron-size-300": "undefined",
+    "--spectrum-alias-ui-icon-chevron-size-400": "undefined",
+    "--spectrum-alias-ui-icon-chevron-size-500": "undefined",
+    "--spectrum-alias-ui-icon-arrow-size-75": "undefined",
+    "--spectrum-alias-ui-icon-arrow-size-100": "undefined",
+    "--spectrum-alias-ui-icon-arrow-size-200": "undefined",
+    "--spectrum-alias-ui-icon-arrow-size-300": "undefined",
+    "--spectrum-alias-ui-icon-arrow-size-400": "undefined",
+    "--spectrum-alias-ui-icon-arrow-size-500": "undefined",
+    "--spectrum-alias-ui-icon-arrow-size-600": "undefined",
+    "--spectrum-alias-ui-icon-checkmark-size-50": "undefined",
+    "--spectrum-alias-ui-icon-checkmark-size-75": "undefined",
+    "--spectrum-alias-ui-icon-checkmark-size-100": "undefined",
+    "--spectrum-alias-ui-icon-checkmark-size-200": "undefined",
+    "--spectrum-alias-ui-icon-checkmark-size-300": "undefined",
+    "--spectrum-alias-ui-icon-checkmark-size-400": "undefined",
+    "--spectrum-alias-ui-icon-checkmark-size-500": "undefined",
+    "--spectrum-alias-ui-icon-checkmark-size-600": "undefined",
+    "--spectrum-alias-ui-icon-dash-size-50": "undefined",
+    "--spectrum-alias-ui-icon-dash-size-75": "undefined",
+    "--spectrum-alias-ui-icon-dash-size-100": "undefined",
+    "--spectrum-alias-ui-icon-dash-size-200": "undefined",
+    "--spectrum-alias-ui-icon-dash-size-300": "undefined",
+    "--spectrum-alias-ui-icon-dash-size-400": "undefined",
+    "--spectrum-alias-ui-icon-dash-size-500": "undefined",
+    "--spectrum-alias-ui-icon-dash-size-600": "undefined",
+    "--spectrum-alias-ui-icon-cross-size-75": "undefined",
+    "--spectrum-alias-ui-icon-cross-size-100": "undefined",
+    "--spectrum-alias-ui-icon-cross-size-200": "undefined",
+    "--spectrum-alias-ui-icon-cross-size-300": "undefined",
+    "--spectrum-alias-ui-icon-cross-size-400": "undefined",
+    "--spectrum-alias-ui-icon-cross-size-500": "undefined",
+    "--spectrum-alias-ui-icon-cross-size-600": "undefined",
+    "--spectrum-alias-ui-icon-triplegripper-size-100-height": "var(--spectrum-global-dimension-size-100)",
+    "--spectrum-alias-ui-icon-triplegripper-size-100-width": "undefined",
+    "--spectrum-alias-ui-icon-doublegripper-size-100-height": "undefined",
+    "--spectrum-alias-ui-icon-doublegripper-size-100-width": "var(--spectrum-global-dimension-size-200)",
+    "--spectrum-alias-ui-icon-singlegripper-size-100-height": "undefined",
+    "--spectrum-alias-ui-icon-singlegripper-size-100-width": "var(--spectrum-global-dimension-size-300)",
+    "--spectrum-alias-ui-icon-cornertriangle-size-75": "var(--spectrum-global-dimension-size-65)",
+    "--spectrum-alias-ui-icon-cornertriangle-size-100": "undefined",
+    "--spectrum-alias-ui-icon-cornertriangle-size-200": "var(--spectrum-global-dimension-size-75)",
+    "--spectrum-alias-ui-icon-cornertriangle-size-300": "undefined",
+    "--spectrum-alias-ui-icon-asterisk-size-75": "var(--spectrum-global-dimension-static-size-100)",
+    "--spectrum-alias-ui-icon-asterisk-size-300": "undefined",
+    "--spectrum-alias-ui-icon-asterisk-size-100": "var(--spectrum-global-dimension-size-100)",
+    "--spectrum-alias-ui-icon-asterisk-size-200": "undefined"
   }
 }

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

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 8 instances 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

246279

increased by10.29%

Number of package files

210

increased by3.45%

Worsened metrics

Number of low license alerts

47

increased by20.51%

Lines of code

2665

decreased by-3.48%

Number of lines in readme file

148

decreased by-7.5%

Dependency changes

• Updated@spectrum-web-components/base@^0.1.4-alpha.169+a396c860

• Updated@spectrum-web-components/iconset@^0.2.6-alpha.169+a396c860