@spectrum-web-components/icon 0.11.13-devmode.0 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/package.json +4 -4
  2. package/sp-icon.js +1 -2
  3. package/sp-icon.js.map +1 -1
  4. package/src/Icon.js +4 -101
  5. package/src/Icon.js.map +1 -1
  6. package/src/IconBase.js +2 -32
  7. package/src/IconBase.js.map +1 -1
  8. package/src/icon.css.js +2 -4
  9. package/src/icon.css.js.map +1 -1
  10. package/src/index.js +1 -2
  11. package/src/index.js.map +1 -1
  12. package/src/spectrum-icon-arrow.css.js +2 -4
  13. package/src/spectrum-icon-arrow.css.js.map +1 -1
  14. package/src/spectrum-icon-asterisk.css.js +2 -4
  15. package/src/spectrum-icon-asterisk.css.js.map +1 -1
  16. package/src/spectrum-icon-checkmark.css.js +2 -4
  17. package/src/spectrum-icon-checkmark.css.js.map +1 -1
  18. package/src/spectrum-icon-chevron.css.js +2 -4
  19. package/src/spectrum-icon-chevron.css.js.map +1 -1
  20. package/src/spectrum-icon-corner-triangle.css.js +2 -4
  21. package/src/spectrum-icon-corner-triangle.css.js.map +1 -1
  22. package/src/spectrum-icon-cross.css.js +2 -4
  23. package/src/spectrum-icon-cross.css.js.map +1 -1
  24. package/src/spectrum-icon-dash.css.js +2 -4
  25. package/src/spectrum-icon-dash.css.js.map +1 -1
  26. package/src/spectrum-icon-double-gripper.css.js +2 -4
  27. package/src/spectrum-icon-double-gripper.css.js.map +1 -1
  28. package/src/spectrum-icon-single-gripper.css.js +2 -4
  29. package/src/spectrum-icon-single-gripper.css.js.map +1 -1
  30. package/src/spectrum-icon-triple-gripper.css.js +2 -4
  31. package/src/spectrum-icon-triple-gripper.css.js.map +1 -1
  32. package/src/spectrum-icon.css.js +2 -4
  33. package/src/spectrum-icon.css.js.map +1 -1
  34. package/stories/icon.stories.js +13 -36
  35. package/stories/icon.stories.js.map +1 -1
  36. package/stories/images.js +1 -1
  37. package/stories/images.js.map +1 -1
  38. package/test/benchmark/test-basic.js +2 -12
  39. package/test/benchmark/test-basic.js.map +1 -1
  40. package/test/icon.test-vrt.js +1 -3
  41. package/test/icon.test-vrt.js.map +1 -1
  42. package/test/icon.test.js +9 -80
  43. package/test/icon.test.js.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/icon",
3
- "version": "0.11.13-devmode.0+1a8b29491",
3
+ "version": "0.12.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -71,8 +71,8 @@
71
71
  "lit-html"
72
72
  ],
73
73
  "dependencies": {
74
- "@spectrum-web-components/base": "^0.6.1-devmode.0+1a8b29491",
75
- "@spectrum-web-components/iconset": "^0.6.10-devmode.0+1a8b29491",
74
+ "@spectrum-web-components/base": "^0.7.0",
75
+ "@spectrum-web-components/iconset": "^0.7.0",
76
76
  "tslib": "^2.0.0"
77
77
  },
78
78
  "devDependencies": {
@@ -84,5 +84,5 @@
84
84
  "./sp-*.js",
85
85
  "./**/*.dev.js"
86
86
  ],
87
- "gitHead": "1a8b294911ab377fa4f07e16eb016f1e3bf7b517"
87
+ "gitHead": "05c81318844160db3f8156144106e643507fef97"
88
88
  }
package/sp-icon.js CHANGED
@@ -1,3 +1,2 @@
1
- import { Icon } from "./src/Icon.js";
2
- customElements.define("sp-icon", Icon);
1
+ import{Icon as e}from"./src/Icon.js";customElements.define("sp-icon",e);
3
2
  //# sourceMappingURL=sp-icon.js.map
package/sp-icon.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["sp-icon.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { Icon } from './src/Icon.js';\n\ncustomElements.define('sp-icon', Icon);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'sp-icon': Icon;\n }\n}\n"],
5
- "mappings": "AAWA;AAEA,eAAe,OAAO,WAAW,IAAI;",
5
+ "mappings": "AAWA,qCAEA,eAAe,OAAO,UAAW,CAAI",
6
6
  "names": []
7
7
  }
package/src/Icon.js CHANGED
@@ -1,103 +1,6 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __decorateClass = (decorators, target, key, kind) => {
4
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
5
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
6
- if (decorator = decorators[i])
7
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
8
- if (kind && result)
9
- __defProp(target, key, result);
10
- return result;
11
- };
12
- import { html } from "@spectrum-web-components/base";
13
- import {
14
- property,
15
- query
16
- } from "@spectrum-web-components/base/src/decorators.js";
17
- import { ifDefined } from "@spectrum-web-components/base/src/directives.js";
18
- import { IconsetRegistry } from "@spectrum-web-components/iconset/src/iconset-registry.js";
19
- import { IconBase } from "./IconBase.js";
20
- export class Icon extends IconBase {
21
- constructor() {
22
- super(...arguments);
23
- this.iconsetListener = (event) => {
24
- if (!this.name) {
25
- return;
26
- }
27
- const icon = this.parseIcon(this.name);
28
- if (event.detail.name === icon.iconset) {
29
- this.updateIconPromise = this.updateIcon();
30
- }
31
- };
32
- }
33
- connectedCallback() {
34
- super.connectedCallback();
35
- window.addEventListener("sp-iconset-added", this.iconsetListener);
36
- }
37
- disconnectedCallback() {
38
- super.disconnectedCallback();
39
- window.removeEventListener("sp-iconset-added", this.iconsetListener);
40
- }
41
- firstUpdated() {
42
- this.updateIconPromise = this.updateIcon();
43
- }
44
- attributeChangedCallback(name, old, value) {
45
- super.attributeChangedCallback(name, old, value);
46
- this.updateIconPromise = this.updateIcon();
47
- }
48
- render() {
49
- if (this.name) {
50
- return html`
1
+ var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var r=(o,e,t,n)=>{for(var i=n>1?void 0:n?l(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(i=(n?a(e,t,i):a(i))||i);return n&&i&&p(e,t,i),i};import{html as c}from"@spectrum-web-components/base";import{property as d,query as m}from"@spectrum-web-components/base/src/decorators.js";import{ifDefined as u}from"@spectrum-web-components/base/src/directives.js";import{IconsetRegistry as h}from"@spectrum-web-components/iconset/src/iconset-registry.js";import{IconBase as v}from"./IconBase.js";export class Icon extends v{constructor(){super(...arguments);this.iconsetListener=e=>{if(!this.name)return;const t=this.parseIcon(this.name);e.detail.name===t.iconset&&(this.updateIconPromise=this.updateIcon())}}connectedCallback(){super.connectedCallback(),window.addEventListener("sp-iconset-added",this.iconsetListener)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("sp-iconset-added",this.iconsetListener)}firstUpdated(){this.updateIconPromise=this.updateIcon()}attributeChangedCallback(e,t,n){super.attributeChangedCallback(e,t,n),this.updateIconPromise=this.updateIcon()}render(){return this.name?c`
51
2
  <div id="container"></div>
52
- `;
53
- } else if (this.src) {
54
- return html`
55
- <img src="${this.src}" alt=${ifDefined(this.label)} />
56
- `;
57
- }
58
- return super.render();
59
- }
60
- async updateIcon() {
61
- if (this.updateIconPromise) {
62
- await this.updateIconPromise;
63
- }
64
- if (!this.name) {
65
- return Promise.resolve();
66
- }
67
- const icon = this.parseIcon(this.name);
68
- const iconset = IconsetRegistry.getInstance().getIconset(icon.iconset);
69
- if (!iconset) {
70
- return Promise.resolve();
71
- }
72
- if (!this.iconContainer) {
73
- return Promise.resolve();
74
- }
75
- this.iconContainer.innerHTML = "";
76
- return iconset.applyIconToElement(this.iconContainer, icon.icon, this.size || "", this.label ? this.label : "");
77
- }
78
- parseIcon(icon) {
79
- const iconParts = icon.split(":");
80
- let iconsetName = "default";
81
- let iconName = icon;
82
- if (iconParts.length > 1) {
83
- iconsetName = iconParts[0];
84
- iconName = iconParts[1];
85
- }
86
- return { iconset: iconsetName, icon: iconName };
87
- }
88
- async getUpdateComplete() {
89
- const complete = await super.getUpdateComplete();
90
- await this.updateIconPromise;
91
- return complete;
92
- }
93
- }
94
- __decorateClass([
95
- property()
96
- ], Icon.prototype, "src", 2);
97
- __decorateClass([
98
- property()
99
- ], Icon.prototype, "name", 2);
100
- __decorateClass([
101
- query("#container")
102
- ], Icon.prototype, "iconContainer", 2);
3
+ `:this.src?c`
4
+ <img src="${this.src}" alt=${u(this.label)} />
5
+ `:super.render()}async updateIcon(){if(this.updateIconPromise&&await this.updateIconPromise,!this.name)return Promise.resolve();const e=this.parseIcon(this.name),t=h.getInstance().getIconset(e.iconset);return!t||!this.iconContainer?Promise.resolve():(this.iconContainer.innerHTML="",t.applyIconToElement(this.iconContainer,e.icon,this.size||"",this.label?this.label:""))}parseIcon(e){const t=e.split(":");let n="default",i=e;return t.length>1&&(n=t[0],i=t[1]),{iconset:n,icon:i}}async getUpdateComplete(){const e=await super.getUpdateComplete();return await this.updateIconPromise,e}}r([d()],Icon.prototype,"src",2),r([d()],Icon.prototype,"name",2),r([m("#container")],Icon.prototype,"iconContainer",2);
103
6
  //# sourceMappingURL=Icon.js.map
package/src/Icon.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["Icon.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport {\n property,\n query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport { IconsetRegistry } from '@spectrum-web-components/iconset/src/iconset-registry.js';\n\nimport { IconBase } from './IconBase.js';\n\n/**\n * @element sp-icon\n */\nexport class Icon extends IconBase {\n @property()\n public src?: string;\n\n @property()\n public name?: string;\n\n @query('#container')\n private iconContainer?: HTMLElement;\n\n private updateIconPromise?: Promise<void>;\n\n public override connectedCallback(): void {\n super.connectedCallback();\n window.addEventListener('sp-iconset-added', this.iconsetListener);\n }\n\n public override disconnectedCallback(): void {\n super.disconnectedCallback();\n window.removeEventListener('sp-iconset-added', this.iconsetListener);\n }\n\n public override firstUpdated(): void {\n this.updateIconPromise = this.updateIcon();\n }\n\n public override attributeChangedCallback(\n name: string,\n old: string,\n value: string\n ): void {\n super.attributeChangedCallback(name, old, value);\n this.updateIconPromise = this.updateIcon(); // any of our attributes change, update our icon\n }\n\n private iconsetListener = (event: CustomEvent): void => {\n if (!this.name) {\n return;\n }\n // parse the icon name to get iconset name\n const icon = this.parseIcon(this.name);\n if (event.detail.name === icon.iconset) {\n this.updateIconPromise = this.updateIcon();\n }\n };\n\n protected override render(): TemplateResult {\n if (this.name) {\n return html`\n <div id=\"container\"></div>\n `;\n } else if (this.src) {\n return html`\n <img src=\"${this.src}\" alt=${ifDefined(this.label)} />\n `;\n }\n return super.render();\n }\n\n private async updateIcon(): Promise<void> {\n if (this.updateIconPromise) {\n await this.updateIconPromise;\n }\n if (!this.name) {\n return Promise.resolve();\n }\n // parse the icon name to get iconset name\n const icon = this.parseIcon(this.name);\n // try to retrieve the iconset\n const iconset = IconsetRegistry.getInstance().getIconset(icon.iconset);\n if (!iconset) {\n // we can stop here as there's nothing to be done till we get the iconset\n return Promise.resolve();\n }\n if (!this.iconContainer) {\n return Promise.resolve();\n }\n this.iconContainer.innerHTML = '';\n return iconset.applyIconToElement(\n this.iconContainer,\n icon.icon,\n this.size || '',\n this.label ? this.label : ''\n );\n }\n\n private parseIcon(icon: string): { iconset: string; icon: string } {\n const iconParts = icon.split(':');\n let iconsetName = 'default';\n let iconName = icon;\n if (iconParts.length > 1) {\n iconsetName = iconParts[0];\n iconName = iconParts[1];\n }\n return { iconset: iconsetName, icon: iconName };\n }\n\n protected override async getUpdateComplete(): Promise<boolean> {\n const complete = (await super.getUpdateComplete()) as boolean;\n await this.updateIconPromise;\n return complete;\n }\n}\n"],
5
- "mappings": ";;;;;;;;;;;AAYA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;AAEA;AAKO,aAAM,aAAa,SAAS;AAAA,EAA5B;AAAA;AAmCK,2BAAkB,CAAC,UAA6B;AACpD,UAAI,CAAC,KAAK,MAAM;AACZ;AAAA,MACJ;AAEA,YAAM,OAAO,KAAK,UAAU,KAAK,IAAI;AACrC,UAAI,MAAM,OAAO,SAAS,KAAK,SAAS;AACpC,aAAK,oBAAoB,KAAK,WAAW;AAAA,MAC7C;AAAA,IACJ;AAAA;AAAA,EAhCgB,oBAA0B;AACtC,UAAM,kBAAkB;AACxB,WAAO,iBAAiB,oBAAoB,KAAK,eAAe;AAAA,EACpE;AAAA,EAEgB,uBAA6B;AACzC,UAAM,qBAAqB;AAC3B,WAAO,oBAAoB,oBAAoB,KAAK,eAAe;AAAA,EACvE;AAAA,EAEgB,eAAqB;AACjC,SAAK,oBAAoB,KAAK,WAAW;AAAA,EAC7C;AAAA,EAEgB,yBACZ,MACA,KACA,OACI;AACJ,UAAM,yBAAyB,MAAM,KAAK,KAAK;AAC/C,SAAK,oBAAoB,KAAK,WAAW;AAAA,EAC7C;AAAA,EAamB,SAAyB;AACxC,QAAI,KAAK,MAAM;AACX,aAAO;AAAA;AAAA;AAAA,IAGX,WAAW,KAAK,KAAK;AACjB,aAAO;AAAA,4BACS,KAAK,YAAY,UAAU,KAAK,KAAK;AAAA;AAAA,IAEzD;AACA,WAAO,MAAM,OAAO;AAAA,EACxB;AAAA,QAEc,aAA4B;AACtC,QAAI,KAAK,mBAAmB;AACxB,YAAM,KAAK;AAAA,IACf;AACA,QAAI,CAAC,KAAK,MAAM;AACZ,aAAO,QAAQ,QAAQ;AAAA,IAC3B;AAEA,UAAM,OAAO,KAAK,UAAU,KAAK,IAAI;AAErC,UAAM,UAAU,gBAAgB,YAAY,EAAE,WAAW,KAAK,OAAO;AACrE,QAAI,CAAC,SAAS;AAEV,aAAO,QAAQ,QAAQ;AAAA,IAC3B;AACA,QAAI,CAAC,KAAK,eAAe;AACrB,aAAO,QAAQ,QAAQ;AAAA,IAC3B;AACA,SAAK,cAAc,YAAY;AAC/B,WAAO,QAAQ,mBACX,KAAK,eACL,KAAK,MACL,KAAK,QAAQ,IACb,KAAK,QAAQ,KAAK,QAAQ,EAC9B;AAAA,EACJ;AAAA,EAEQ,UAAU,MAAiD;AAC/D,UAAM,YAAY,KAAK,MAAM,GAAG;AAChC,QAAI,cAAc;AAClB,QAAI,WAAW;AACf,QAAI,UAAU,SAAS,GAAG;AACtB,oBAAc,UAAU;AACxB,iBAAW,UAAU;AAAA,IACzB;AACA,WAAO,EAAE,SAAS,aAAa,MAAM,SAAS;AAAA,EAClD;AAAA,QAEyB,oBAAsC;AAC3D,UAAM,WAAY,MAAM,MAAM,kBAAkB;AAChD,UAAM,KAAK;AACX,WAAO;AAAA,EACX;AACJ;AApGW;AAAA,EADP,AAAC,SAAS;AAAA,GACH,AAFJ,KAEI;AAGA;AAAA,EADP,AAAC,SAAS;AAAA,GACH,AALJ,KAKI;AAGC;AAAA,EADR,AAAC,MAAM,YAAY;AAAA,GACX,AARL,KAQK;",
5
+ "mappings": "wMAYA,qDACA,sFAIA,4EAEA,2FAEA,yCAKO,aAAM,YAAa,EAAS,CAA5B,kCAmCK,qBAAkB,AAAC,GAA6B,CACpD,GAAI,CAAC,KAAK,KACN,OAGJ,KAAM,GAAO,KAAK,UAAU,KAAK,IAAI,EACrC,AAAI,EAAM,OAAO,OAAS,EAAK,SAC3B,MAAK,kBAAoB,KAAK,WAAW,EAEjD,EAhCgB,mBAA0B,CACtC,MAAM,kBAAkB,EACxB,OAAO,iBAAiB,mBAAoB,KAAK,eAAe,CACpE,CAEgB,sBAA6B,CACzC,MAAM,qBAAqB,EAC3B,OAAO,oBAAoB,mBAAoB,KAAK,eAAe,CACvE,CAEgB,cAAqB,CACjC,KAAK,kBAAoB,KAAK,WAAW,CAC7C,CAEgB,yBACZ,EACA,EACA,EACI,CACJ,MAAM,yBAAyB,EAAM,EAAK,CAAK,EAC/C,KAAK,kBAAoB,KAAK,WAAW,CAC7C,CAamB,QAAyB,CACxC,MAAI,MAAK,KACE;AAAA;AAAA,cAGA,KAAK,IACL;AAAA,4BACS,KAAK,YAAY,EAAU,KAAK,KAAK;AAAA,cAGlD,MAAM,OAAO,CACxB,MAEc,aAA4B,CAItC,GAHI,KAAK,mBACL,KAAM,MAAK,kBAEX,CAAC,KAAK,KACN,MAAO,SAAQ,QAAQ,EAG3B,KAAM,GAAO,KAAK,UAAU,KAAK,IAAI,EAE/B,EAAU,EAAgB,YAAY,EAAE,WAAW,EAAK,OAAO,EAKrE,MAJI,CAAC,GAID,CAAC,KAAK,cACC,QAAQ,QAAQ,EAE3B,MAAK,cAAc,UAAY,GACxB,EAAQ,mBACX,KAAK,cACL,EAAK,KACL,KAAK,MAAQ,GACb,KAAK,MAAQ,KAAK,MAAQ,EAC9B,EACJ,CAEQ,UAAU,EAAiD,CAC/D,KAAM,GAAY,EAAK,MAAM,GAAG,EAChC,GAAI,GAAc,UACd,EAAW,EACf,MAAI,GAAU,OAAS,GACnB,GAAc,EAAU,GACxB,EAAW,EAAU,IAElB,CAAE,QAAS,EAAa,KAAM,CAAS,CAClD,MAEyB,oBAAsC,CAC3D,KAAM,GAAY,KAAM,OAAM,kBAAkB,EAChD,YAAM,MAAK,kBACJ,CACX,CACJ,CApGW,GADP,AAAC,EAAS,GACH,AAFJ,KAEI,mBAGA,GADP,AAAC,EAAS,GACH,AALJ,KAKI,oBAGC,GADR,AAAC,EAAM,YAAY,GACX,AARL,KAQK",
6
6
  "names": []
7
7
  }
package/src/IconBase.js CHANGED
@@ -1,34 +1,4 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __decorateClass = (decorators, target, key, kind) => {
4
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
5
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
6
- if (decorator = decorators[i])
7
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
8
- if (kind && result)
9
- __defProp(target, key, result);
10
- return result;
11
- };
12
- import {
13
- html,
14
- SpectrumElement
15
- } from "@spectrum-web-components/base";
16
- import { property } from "@spectrum-web-components/base/src/decorators.js";
17
- import iconStyles from "./icon.css.js";
18
- export class IconBase extends SpectrumElement {
19
- static get styles() {
20
- return [iconStyles];
21
- }
22
- render() {
23
- return html`
1
+ var u=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var i=(l,t,s,r)=>{for(var e=r>1?void 0:r?c(t,s):t,o=l.length-1,p;o>=0;o--)(p=l[o])&&(e=(r?p(t,s,e):p(e))||e);return r&&e&&u(t,s,e),e};import{html as a,SpectrumElement as n}from"@spectrum-web-components/base";import{property as m}from"@spectrum-web-components/base/src/decorators.js";import S from"./icon.css.js";export class IconBase extends n{static get styles(){return[S]}render(){return a`
24
2
  <slot></slot>
25
- `;
26
- }
27
- }
28
- __decorateClass([
29
- property()
30
- ], IconBase.prototype, "label", 2);
31
- __decorateClass([
32
- property({ reflect: true })
33
- ], IconBase.prototype, "size", 2);
3
+ `}}i([m()],IconBase.prototype,"label",2),i([m({reflect:!0})],IconBase.prototype,"size",2);
34
4
  //# sourceMappingURL=IconBase.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["IconBase.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n CSSResultArray,\n html,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport iconStyles from './icon.css.js';\n\nexport class IconBase extends SpectrumElement {\n public static override get styles(): CSSResultArray {\n return [iconStyles];\n }\n\n @property()\n public label?: string;\n\n @property({ reflect: true })\n public size?: 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n protected override render(): TemplateResult {\n return html`\n <slot></slot>\n `;\n }\n}\n"],
5
- "mappings": ";;;;;;;;;;;AAYA;AAAA;AAAA;AAAA;AAMA;AAEA;AAEO,aAAM,iBAAiB,gBAAgB;AAAA,aACf,SAAyB;AAChD,WAAO,CAAC,UAAU;AAAA,EACtB;AAAA,EAQmB,SAAyB;AACxC,WAAO;AAAA;AAAA;AAAA,EAGX;AACJ;AAVW;AAAA,EADP,AAAC,SAAS;AAAA,GACH,AANJ,SAMI;AAGA;AAAA,EADP,AAAC,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GACpB,AATJ,SASI;",
5
+ "mappings": "wMAYA,0EAMA,2EAEA,6BAEO,aAAM,gBAAiB,EAAgB,WACf,SAAyB,CAChD,MAAO,CAAC,CAAU,CACtB,CAQmB,QAAyB,CACxC,MAAO;AAAA;AAAA,SAGX,CACJ,CAVW,GADP,AAAC,EAAS,GACH,AANJ,SAMI,qBAGA,GADP,AAAC,EAAS,CAAE,QAAS,EAAK,CAAC,GACpB,AATJ,SASI",
6
6
  "names": []
7
7
  }
package/src/icon.css.js CHANGED
@@ -1,5 +1,4 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as i}from"@spectrum-web-components/base";const s=i`
3
2
  :host{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}:host(:not(:root)){overflow:hidden}@media (forced-colors:active){.spectrum-UIIcon,:host{forced-color-adjust:auto}}:host{--spectrum-icon-size-s:var(
4
3
  --spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200)
5
4
  );--spectrum-icon-size-m:var(
@@ -25,6 +24,5 @@ const styles = css`
25
24
  --spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)
26
25
  )
27
26
  )}#container{height:100%}::slotted(*),img,svg{color:inherit;height:100%;vertical-align:top;width:100%}@media (forced-colors:active){::slotted(*),img,svg{forced-color-adjust:auto}}
28
- `;
29
- export default styles;
27
+ `;export default s;
30
28
  //# sourceMappingURL=icon.css.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["icon.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}:host(:not(:root)){overflow:hidden}@media (forced-colors:active){.spectrum-UIIcon,:host{forced-color-adjust:auto}}:host{--spectrum-icon-size-s:var(\n--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200)\n);--spectrum-icon-size-m:var(\n--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)\n);--spectrum-icon-size-l:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-size-xl:var(\n--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275)\n);--spectrum-icon-size-xxl:var(--spectrum-global-dimension-size-400)}:host([size=s]){height:var(\n--spectrum-icon-size-s\n);width:var(--spectrum-icon-size-s)}:host([size=m]){height:var(\n--spectrum-icon-size-m\n);width:var(--spectrum-icon-size-m)}:host([size=l]){height:var(\n--spectrum-icon-size-l\n);width:var(--spectrum-icon-size-l)}:host([size=xl]){height:var(\n--spectrum-icon-size-xl\n);width:var(--spectrum-icon-size-xl)}:host([size=xxl]){height:var(\n--spectrum-icon-size-xxl\n);width:var(--spectrum-icon-size-xxl)}:host{height:var(\n--spectrum-icon-tshirt-size-height,var(\n--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)\n)\n);width:var(\n--spectrum-icon-tshirt-size-width,var(\n--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)\n)\n)}#container{height:100%}::slotted(*),img,svg{color:inherit;height:100%;vertical-align:top;width:100%}@media (forced-colors:active){::slotted(*),img,svg{forced-color-adjust:auto}}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Bf,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2Bf,cAAe",
6
6
  "names": []
7
7
  }
package/src/index.js CHANGED
@@ -1,3 +1,2 @@
1
- export * from "./IconBase.js";
2
- export * from "./Icon.js";
1
+ export*from"./IconBase.js";export*from"./Icon.js";
3
2
  //# sourceMappingURL=index.js.map
package/src/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["index.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nexport * from './IconBase.js';\nexport * from './Icon.js';\n"],
5
- "mappings": "AAWA;AACA;",
5
+ "mappings": "AAWA,2BACA",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,4 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as r}from"@spectrum-web-components/base";const o=r`
3
2
  @media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowDown600,.spectrum-UIIcon-ArrowDown75{transform:rotate(90deg)}.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowLeft600,.spectrum-UIIcon-ArrowLeft75{transform:rotate(180deg)}.spectrum-UIIcon-ArrowUp100,.spectrum-UIIcon-ArrowUp200,.spectrum-UIIcon-ArrowUp300,.spectrum-UIIcon-ArrowUp400,.spectrum-UIIcon-ArrowUp500,.spectrum-UIIcon-ArrowUp600,.spectrum-UIIcon-ArrowUp75{transform:rotate(270deg)}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowRight75,.spectrum-UIIcon-ArrowUp75{height:var(--spectrum-alias-ui-icon-arrow-size-75);width:var(
4
3
  --spectrum-alias-ui-icon-arrow-size-75
5
4
  )}.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowRight100,.spectrum-UIIcon-ArrowUp100{height:var(--spectrum-alias-ui-icon-arrow-size-100);width:var(
@@ -15,6 +14,5 @@ const styles = css`
15
14
  )}.spectrum-UIIcon-ArrowDown600,.spectrum-UIIcon-ArrowLeft600,.spectrum-UIIcon-ArrowRight600,.spectrum-UIIcon-ArrowUp600{height:var(--spectrum-alias-ui-icon-arrow-size-600);width:var(
16
15
  --spectrum-alias-ui-icon-arrow-size-600
17
16
  )}
18
- `;
19
- export default styles;
17
+ `;export default o;
20
18
  //# sourceMappingURL=spectrum-icon-arrow.css.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-icon-arrow.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowDown600,.spectrum-UIIcon-ArrowDown75{transform:rotate(90deg)}.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowLeft600,.spectrum-UIIcon-ArrowLeft75{transform:rotate(180deg)}.spectrum-UIIcon-ArrowUp100,.spectrum-UIIcon-ArrowUp200,.spectrum-UIIcon-ArrowUp300,.spectrum-UIIcon-ArrowUp400,.spectrum-UIIcon-ArrowUp500,.spectrum-UIIcon-ArrowUp600,.spectrum-UIIcon-ArrowUp75{transform:rotate(270deg)}.spectrum-UIIcon-ArrowDown75,.spectrum-UIIcon-ArrowLeft75,.spectrum-UIIcon-ArrowRight75,.spectrum-UIIcon-ArrowUp75{height:var(--spectrum-alias-ui-icon-arrow-size-75);width:var(\n--spectrum-alias-ui-icon-arrow-size-75\n)}.spectrum-UIIcon-ArrowDown100,.spectrum-UIIcon-ArrowLeft100,.spectrum-UIIcon-ArrowRight100,.spectrum-UIIcon-ArrowUp100{height:var(--spectrum-alias-ui-icon-arrow-size-100);width:var(\n--spectrum-alias-ui-icon-arrow-size-100\n)}.spectrum-UIIcon-ArrowDown200,.spectrum-UIIcon-ArrowLeft200,.spectrum-UIIcon-ArrowRight200,.spectrum-UIIcon-ArrowUp200{height:var(--spectrum-alias-ui-icon-arrow-size-200);width:var(\n--spectrum-alias-ui-icon-arrow-size-200\n)}.spectrum-UIIcon-ArrowDown300,.spectrum-UIIcon-ArrowLeft300,.spectrum-UIIcon-ArrowRight300,.spectrum-UIIcon-ArrowUp300{height:var(--spectrum-alias-ui-icon-arrow-size-300);width:var(\n--spectrum-alias-ui-icon-arrow-size-300\n)}.spectrum-UIIcon-ArrowDown400,.spectrum-UIIcon-ArrowLeft400,.spectrum-UIIcon-ArrowRight400,.spectrum-UIIcon-ArrowUp400{height:var(--spectrum-alias-ui-icon-arrow-size-400);width:var(\n--spectrum-alias-ui-icon-arrow-size-400\n)}.spectrum-UIIcon-ArrowDown500,.spectrum-UIIcon-ArrowLeft500,.spectrum-UIIcon-ArrowRight500,.spectrum-UIIcon-ArrowUp500{height:var(--spectrum-alias-ui-icon-arrow-size-500);width:var(\n--spectrum-alias-ui-icon-arrow-size-500\n)}.spectrum-UIIcon-ArrowDown600,.spectrum-UIIcon-ArrowLeft600,.spectrum-UIIcon-ArrowRight600,.spectrum-UIIcon-ArrowUp600{height:var(--spectrum-alias-ui-icon-arrow-size-600);width:var(\n--spectrum-alias-ui-icon-arrow-size-600\n)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBf,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBf,cAAe",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,4 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as s}from"@spectrum-web-components/base";const i=s`
3
2
  @media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Asterisk75{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(
4
3
  --spectrum-alias-ui-icon-asterisk-size-75,var(--spectrum-global-dimension-static-size-100)
5
4
  )}.spectrum-UIIcon-Asterisk100{height:var(
@@ -11,6 +10,5 @@ const styles = css`
11
10
  )}.spectrum-UIIcon-Asterisk300{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(
12
11
  --spectrum-alias-ui-icon-asterisk-size-300
13
12
  )}
14
- `;
15
- export default styles;
13
+ `;export default i;
16
14
  //# sourceMappingURL=spectrum-icon-asterisk.css.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-icon-asterisk.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Asterisk75{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(\n--spectrum-alias-ui-icon-asterisk-size-75,var(--spectrum-global-dimension-static-size-100)\n)}.spectrum-UIIcon-Asterisk100{height:var(\n--spectrum-alias-ui-icon-asterisk-size-100,var(--spectrum-global-dimension-size-100)\n);width:var(\n--spectrum-alias-ui-icon-asterisk-size-100,var(--spectrum-global-dimension-size-100)\n)}.spectrum-UIIcon-Asterisk200{height:var(--spectrum-alias-ui-icon-asterisk-size-200);width:var(\n--spectrum-alias-ui-icon-asterisk-size-200\n)}.spectrum-UIIcon-Asterisk300{height:var(--spectrum-alias-ui-icon-asterisk-size-300);width:var(\n--spectrum-alias-ui-icon-asterisk-size-300\n)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaf,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaf,cAAe",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,4 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as c}from"@spectrum-web-components/base";const i=c`
3
2
  @media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Checkmark50{height:var(--spectrum-alias-ui-icon-checkmark-size-50);width:var(
4
3
  --spectrum-alias-ui-icon-checkmark-size-50
5
4
  )}.spectrum-UIIcon-Checkmark75{height:var(--spectrum-alias-ui-icon-checkmark-size-75);width:var(
@@ -17,6 +16,5 @@ const styles = css`
17
16
  )}.spectrum-UIIcon-Checkmark600{height:var(--spectrum-alias-ui-icon-checkmark-size-600);width:var(
18
17
  --spectrum-alias-ui-icon-checkmark-size-600
19
18
  )}
20
- `;
21
- export default styles;
19
+ `;export default i;
22
20
  //# sourceMappingURL=spectrum-icon-checkmark.css.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-icon-checkmark.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Checkmark50{height:var(--spectrum-alias-ui-icon-checkmark-size-50);width:var(\n--spectrum-alias-ui-icon-checkmark-size-50\n)}.spectrum-UIIcon-Checkmark75{height:var(--spectrum-alias-ui-icon-checkmark-size-75);width:var(\n--spectrum-alias-ui-icon-checkmark-size-75\n)}.spectrum-UIIcon-Checkmark100{height:var(--spectrum-alias-ui-icon-checkmark-size-100);width:var(\n--spectrum-alias-ui-icon-checkmark-size-100\n)}.spectrum-UIIcon-Checkmark200{height:var(--spectrum-alias-ui-icon-checkmark-size-200);width:var(\n--spectrum-alias-ui-icon-checkmark-size-200\n)}.spectrum-UIIcon-Checkmark300{height:var(--spectrum-alias-ui-icon-checkmark-size-300);width:var(\n--spectrum-alias-ui-icon-checkmark-size-300\n)}.spectrum-UIIcon-Checkmark400{height:var(--spectrum-alias-ui-icon-checkmark-size-400);width:var(\n--spectrum-alias-ui-icon-checkmark-size-400\n)}.spectrum-UIIcon-Checkmark500{height:var(--spectrum-alias-ui-icon-checkmark-size-500);width:var(\n--spectrum-alias-ui-icon-checkmark-size-500\n)}.spectrum-UIIcon-Checkmark600{height:var(--spectrum-alias-ui-icon-checkmark-size-600);width:var(\n--spectrum-alias-ui-icon-checkmark-size-600\n)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBf,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBf,cAAe",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,4 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as e}from"@spectrum-web-components/base";const o=e`
3
2
  @media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronDown500,.spectrum-UIIcon-ChevronDown75{transform:rotate(90deg)}.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronLeft500,.spectrum-UIIcon-ChevronLeft75{transform:rotate(180deg)}.spectrum-UIIcon-ChevronUp100,.spectrum-UIIcon-ChevronUp200,.spectrum-UIIcon-ChevronUp300,.spectrum-UIIcon-ChevronUp400,.spectrum-UIIcon-ChevronUp500,.spectrum-UIIcon-ChevronUp75{transform:rotate(270deg)}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronRight75,.spectrum-UIIcon-ChevronUp75{height:var(--spectrum-alias-ui-icon-chevron-size-75);width:var(
4
3
  --spectrum-alias-ui-icon-chevron-size-75
5
4
  )}.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronRight100,.spectrum-UIIcon-ChevronUp100{height:var(--spectrum-alias-ui-icon-chevron-size-100);width:var(
@@ -13,6 +12,5 @@ const styles = css`
13
12
  )}.spectrum-UIIcon-ChevronDown500,.spectrum-UIIcon-ChevronLeft500,.spectrum-UIIcon-ChevronRight500,.spectrum-UIIcon-ChevronUp500{height:var(--spectrum-alias-ui-icon-chevron-size-500);width:var(
14
13
  --spectrum-alias-ui-icon-chevron-size-500
15
14
  )}
16
- `;
17
- export default styles;
15
+ `;export default o;
18
16
  //# sourceMappingURL=spectrum-icon-chevron.css.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-icon-chevron.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronDown500,.spectrum-UIIcon-ChevronDown75{transform:rotate(90deg)}.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronLeft500,.spectrum-UIIcon-ChevronLeft75{transform:rotate(180deg)}.spectrum-UIIcon-ChevronUp100,.spectrum-UIIcon-ChevronUp200,.spectrum-UIIcon-ChevronUp300,.spectrum-UIIcon-ChevronUp400,.spectrum-UIIcon-ChevronUp500,.spectrum-UIIcon-ChevronUp75{transform:rotate(270deg)}.spectrum-UIIcon-ChevronDown75,.spectrum-UIIcon-ChevronLeft75,.spectrum-UIIcon-ChevronRight75,.spectrum-UIIcon-ChevronUp75{height:var(--spectrum-alias-ui-icon-chevron-size-75);width:var(\n--spectrum-alias-ui-icon-chevron-size-75\n)}.spectrum-UIIcon-ChevronDown100,.spectrum-UIIcon-ChevronLeft100,.spectrum-UIIcon-ChevronRight100,.spectrum-UIIcon-ChevronUp100{height:var(--spectrum-alias-ui-icon-chevron-size-100);width:var(\n--spectrum-alias-ui-icon-chevron-size-100\n)}.spectrum-UIIcon-ChevronDown200,.spectrum-UIIcon-ChevronLeft200,.spectrum-UIIcon-ChevronRight200,.spectrum-UIIcon-ChevronUp200{height:var(--spectrum-alias-ui-icon-chevron-size-200);width:var(\n--spectrum-alias-ui-icon-chevron-size-200\n)}.spectrum-UIIcon-ChevronDown300,.spectrum-UIIcon-ChevronLeft300,.spectrum-UIIcon-ChevronRight300,.spectrum-UIIcon-ChevronUp300{height:var(--spectrum-alias-ui-icon-chevron-size-300);width:var(\n--spectrum-alias-ui-icon-chevron-size-300\n)}.spectrum-UIIcon-ChevronDown400,.spectrum-UIIcon-ChevronLeft400,.spectrum-UIIcon-ChevronRight400,.spectrum-UIIcon-ChevronUp400{height:var(--spectrum-alias-ui-icon-chevron-size-400);width:var(\n--spectrum-alias-ui-icon-chevron-size-400\n)}.spectrum-UIIcon-ChevronDown500,.spectrum-UIIcon-ChevronLeft500,.spectrum-UIIcon-ChevronRight500,.spectrum-UIIcon-ChevronUp500{height:var(--spectrum-alias-ui-icon-chevron-size-500);width:var(\n--spectrum-alias-ui-icon-chevron-size-500\n)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAef,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAef,cAAe",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,4 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as r}from"@spectrum-web-components/base";const e=r`
3
2
  @media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-CornerTriangle75{height:var(
4
3
  --spectrum-alias-ui-icon-cornertriangle-size-75,var(--spectrum-global-dimension-size-65)
5
4
  );width:var(
@@ -13,6 +12,5 @@ const styles = css`
13
12
  )}.spectrum-UIIcon-CornerTriangle300{height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);width:var(
14
13
  --spectrum-alias-ui-icon-cornertriangle-size-300
15
14
  )}
16
- `;
17
- export default styles;
15
+ `;export default e;
18
16
  //# sourceMappingURL=spectrum-icon-corner-triangle.css.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-icon-corner-triangle.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-CornerTriangle75{height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75,var(--spectrum-global-dimension-size-65)\n);width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-75,var(--spectrum-global-dimension-size-65)\n)}.spectrum-UIIcon-CornerTriangle100{height:var(--spectrum-alias-ui-icon-cornertriangle-size-100);width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-100\n)}.spectrum-UIIcon-CornerTriangle200{height:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200,var(--spectrum-global-dimension-size-75)\n);width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-200,var(--spectrum-global-dimension-size-75)\n)}.spectrum-UIIcon-CornerTriangle300{height:var(--spectrum-alias-ui-icon-cornertriangle-size-300);width:var(\n--spectrum-alias-ui-icon-cornertriangle-size-300\n)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAef,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAef,cAAe",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,4 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as s}from"@spectrum-web-components/base";const i=s`
3
2
  @media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Cross75{height:var(--spectrum-alias-ui-icon-cross-size-75);width:var(
4
3
  --spectrum-alias-ui-icon-cross-size-75
5
4
  )}.spectrum-UIIcon-Cross100{height:var(--spectrum-alias-ui-icon-cross-size-100);width:var(
@@ -15,6 +14,5 @@ const styles = css`
15
14
  )}.spectrum-UIIcon-Cross600{height:var(--spectrum-alias-ui-icon-cross-size-600);width:var(
16
15
  --spectrum-alias-ui-icon-cross-size-600
17
16
  )}
18
- `;
19
- export default styles;
17
+ `;export default i;
20
18
  //# sourceMappingURL=spectrum-icon-cross.css.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-icon-cross.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Cross75{height:var(--spectrum-alias-ui-icon-cross-size-75);width:var(\n--spectrum-alias-ui-icon-cross-size-75\n)}.spectrum-UIIcon-Cross100{height:var(--spectrum-alias-ui-icon-cross-size-100);width:var(\n--spectrum-alias-ui-icon-cross-size-100\n)}.spectrum-UIIcon-Cross200{height:var(--spectrum-alias-ui-icon-cross-size-200);width:var(\n--spectrum-alias-ui-icon-cross-size-200\n)}.spectrum-UIIcon-Cross300{height:var(--spectrum-alias-ui-icon-cross-size-300);width:var(\n--spectrum-alias-ui-icon-cross-size-300\n)}.spectrum-UIIcon-Cross400{height:var(--spectrum-alias-ui-icon-cross-size-400);width:var(\n--spectrum-alias-ui-icon-cross-size-400\n)}.spectrum-UIIcon-Cross500{height:var(--spectrum-alias-ui-icon-cross-size-500);width:var(\n--spectrum-alias-ui-icon-cross-size-500\n)}.spectrum-UIIcon-Cross600{height:var(--spectrum-alias-ui-icon-cross-size-600);width:var(\n--spectrum-alias-ui-icon-cross-size-600\n)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBf,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBf,cAAe",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,4 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as s}from"@spectrum-web-components/base";const i=s`
3
2
  @media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Dash50{height:var(--spectrum-alias-ui-icon-dash-size-50);width:var(
4
3
  --spectrum-alias-ui-icon-dash-size-50
5
4
  )}.spectrum-UIIcon-Dash75{height:var(--spectrum-alias-ui-icon-dash-size-75);width:var(
@@ -17,6 +16,5 @@ const styles = css`
17
16
  )}.spectrum-UIIcon-Dash600{height:var(--spectrum-alias-ui-icon-dash-size-600);width:var(
18
17
  --spectrum-alias-ui-icon-dash-size-600
19
18
  )}
20
- `;
21
- export default styles;
19
+ `;export default i;
22
20
  //# sourceMappingURL=spectrum-icon-dash.css.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-icon-dash.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-Dash50{height:var(--spectrum-alias-ui-icon-dash-size-50);width:var(\n--spectrum-alias-ui-icon-dash-size-50\n)}.spectrum-UIIcon-Dash75{height:var(--spectrum-alias-ui-icon-dash-size-75);width:var(\n--spectrum-alias-ui-icon-dash-size-75\n)}.spectrum-UIIcon-Dash100{height:var(--spectrum-alias-ui-icon-dash-size-100);width:var(\n--spectrum-alias-ui-icon-dash-size-100\n)}.spectrum-UIIcon-Dash200{height:var(--spectrum-alias-ui-icon-dash-size-200);width:var(\n--spectrum-alias-ui-icon-dash-size-200\n)}.spectrum-UIIcon-Dash300{height:var(--spectrum-alias-ui-icon-dash-size-300);width:var(\n--spectrum-alias-ui-icon-dash-size-300\n)}.spectrum-UIIcon-Dash400{height:var(--spectrum-alias-ui-icon-dash-size-400);width:var(\n--spectrum-alias-ui-icon-dash-size-400\n)}.spectrum-UIIcon-Dash500{height:var(--spectrum-alias-ui-icon-dash-size-500);width:var(\n--spectrum-alias-ui-icon-dash-size-500\n)}.spectrum-UIIcon-Dash600{height:var(--spectrum-alias-ui-icon-dash-size-600);width:var(\n--spectrum-alias-ui-icon-dash-size-600\n)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBf,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBf,cAAe",
6
6
  "names": []
7
7
  }
@@ -1,10 +1,8 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as e}from"@spectrum-web-components/base";const r=e`
3
2
  @media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-DoubleGripper100{height:var(
4
3
  --spectrum-alias-ui-icon-doublegripper-size-100-width,var(--spectrum-global-dimension-size-200)
5
4
  );width:var(
6
5
  --spectrum-alias-ui-icon-doublegripper-size-100-height
7
6
  )}
8
- `;
9
- export default styles;
7
+ `;export default r;
10
8
  //# sourceMappingURL=spectrum-icon-double-gripper.css.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-icon-double-gripper.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-DoubleGripper100{height:var(\n--spectrum-alias-ui-icon-doublegripper-size-100-width,var(--spectrum-global-dimension-size-200)\n);width:var(\n--spectrum-alias-ui-icon-doublegripper-size-100-height\n)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOf,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOf,cAAe",
6
6
  "names": []
7
7
  }
@@ -1,10 +1,8 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as e}from"@spectrum-web-components/base";const i=e`
3
2
  @media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-SingleGripper100{height:var(
4
3
  --spectrum-alias-ui-icon-singlegripper-size-100-width,var(--spectrum-global-dimension-size-300)
5
4
  );width:var(
6
5
  --spectrum-alias-ui-icon-singlegripper-size-100-height
7
6
  )}
8
- `;
9
- export default styles;
7
+ `;export default i;
10
8
  //# sourceMappingURL=spectrum-icon-single-gripper.css.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-icon-single-gripper.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-SingleGripper100{height:var(\n--spectrum-alias-ui-icon-singlegripper-size-100-width,var(--spectrum-global-dimension-size-300)\n);width:var(\n--spectrum-alias-ui-icon-singlegripper-size-100-height\n)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOf,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOf,cAAe",
6
6
  "names": []
7
7
  }
@@ -1,8 +1,6 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as e}from"@spectrum-web-components/base";const r=e`
3
2
  @media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-TripleGripper100{height:var(--spectrum-alias-ui-icon-triplegripper-size-100-width);width:var(
4
3
  --spectrum-alias-ui-icon-triplegripper-size-100-height,var(--spectrum-global-dimension-size-100)
5
4
  )}
6
- `;
7
- export default styles;
5
+ `;export default r;
8
6
  //# sourceMappingURL=spectrum-icon-triple-gripper.css.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-icon-triple-gripper.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){.spectrum-Icon,.spectrum-UIIcon{forced-color-adjust:auto}}.spectrum-UIIcon-TripleGripper100{height:var(--spectrum-alias-ui-icon-triplegripper-size-100-width);width:var(\n--spectrum-alias-ui-icon-triplegripper-size-100-height,var(--spectrum-global-dimension-size-100)\n)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAKf,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA,EAKf,cAAe",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,4 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as s}from"@spectrum-web-components/base";const i=s`
3
2
  :host{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}:host(:not(:root)){overflow:hidden}@media (forced-colors:active){.spectrum-UIIcon,:host{forced-color-adjust:auto}}:host{--spectrum-icon-size-s:var(
4
3
  --spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200)
5
4
  );--spectrum-icon-size-m:var(
@@ -17,6 +16,5 @@ const styles = css`
17
16
  );width:var(--spectrum-icon-size-xl)}:host([size=xxl]){height:var(
18
17
  --spectrum-icon-size-xxl
19
18
  );width:var(--spectrum-icon-size-xxl)}
20
- `;
21
- export default styles;
19
+ `;export default i;
22
20
  //# sourceMappingURL=spectrum-icon.css.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-icon.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}:host(:not(:root)){overflow:hidden}@media (forced-colors:active){.spectrum-UIIcon,:host{forced-color-adjust:auto}}:host{--spectrum-icon-size-s:var(\n--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200)\n);--spectrum-icon-size-m:var(\n--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)\n);--spectrum-icon-size-l:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-size-xl:var(\n--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275)\n);--spectrum-icon-size-xxl:var(--spectrum-global-dimension-size-400)}:host([size=s]){height:var(\n--spectrum-icon-size-s\n);width:var(--spectrum-icon-size-s)}:host([size=m]){height:var(\n--spectrum-icon-size-m\n);width:var(--spectrum-icon-size-m)}:host([size=l]){height:var(\n--spectrum-icon-size-l\n);width:var(--spectrum-icon-size-l)}:host([size=xl]){height:var(\n--spectrum-icon-size-xl\n);width:var(--spectrum-icon-size-xl)}:host([size=xxl]){height:var(\n--spectrum-icon-size-xxl\n);width:var(--spectrum-icon-size-xxl)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBf,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBf,cAAe",
6
6
  "names": []
7
7
  }
@@ -1,41 +1,20 @@
1
- import { html } from "@spectrum-web-components/base";
2
- import "@spectrum-web-components/icon/sp-icon.js";
3
- import { back } from "./images";
4
- import "@spectrum-web-components/icons/sp-icons-medium.js";
5
- import "@spectrum-web-components/icons/sp-icons-large.js";
6
- const sizes = ["s", "m", "l", "xl", "xxl"];
7
- export default {
8
- component: "sp-icon",
9
- title: "Icon"
10
- };
11
- export const Medium = () => {
12
- return html`
1
+ import{html as e}from"@spectrum-web-components/base";import"@spectrum-web-components/icon/sp-icon.js";import{back as s}from"./images";import"@spectrum-web-components/icons/sp-icons-medium.js";import"@spectrum-web-components/icons/sp-icons-large.js";const t=["s","m","l","xl","xxl"];export default{component:"sp-icon",title:"Icon"};export const Medium=()=>e`
13
2
  <sp-icons-medium></sp-icons-medium>
14
- ${sizes.map((size) => html`
15
- <sp-icon size=${size} name="ui:Chevron200"></sp-icon>
3
+ ${t.map(o=>e`
4
+ <sp-icon size=${o} name="ui:Chevron200"></sp-icon>
16
5
  `)}
17
- `;
18
- };
19
- export const Large = () => {
20
- return html`
6
+ `,Large=()=>e`
21
7
  <sp-icons-large></sp-icons-large>
22
- ${sizes.map((size) => html`
23
- <sp-icon size=${size} name="ui:Chevron400"></sp-icon>
8
+ ${t.map(o=>e`
9
+ <sp-icon size=${o} name="ui:Chevron400"></sp-icon>
24
10
  `)}
25
- `;
26
- };
27
- export const imageIcon = () => {
28
- return html`
29
- ${sizes.map((size) => html`
30
- <sp-icon label="Back" size=${size} src=${back}></sp-icon>
11
+ `,imageIcon=()=>e`
12
+ ${t.map(o=>e`
13
+ <sp-icon label="Back" size=${o} src=${s}></sp-icon>
31
14
  `)}
32
- `;
33
- };
34
- imageIcon.storyName = "Image Icon";
35
- export const svgIcon = () => {
36
- return html`
37
- ${sizes.map((size) => html`
38
- <sp-icon size=${size}>
15
+ `;imageIcon.storyName="Image Icon";export const svgIcon=()=>e`
16
+ ${t.map(o=>e`
17
+ <sp-icon size=${o}>
39
18
  <svg
40
19
  xmlns="http://www.w3.org/2000/svg"
41
20
  viewBox="0 0 22 22"
@@ -50,7 +29,5 @@ export const svgIcon = () => {
50
29
  </svg>
51
30
  </sp-icon>
52
31
  `)}
53
- `;
54
- };
55
- svgIcon.storyName = "SVG Icon";
32
+ `;svgIcon.storyName="SVG Icon";
56
33
  //# sourceMappingURL=icon.stories.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["icon.stories.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport { back } from './images';\nimport '@spectrum-web-components/icons/sp-icons-medium.js';\nimport '@spectrum-web-components/icons/sp-icons-large.js';\n\nconst sizes = ['s', 'm', 'l', 'xl', 'xxl'];\n\nexport default {\n component: 'sp-icon',\n title: 'Icon',\n};\n\nexport const Medium = (): TemplateResult => {\n return html`\n <sp-icons-medium></sp-icons-medium>\n ${sizes.map(\n (size) => html`\n <sp-icon size=${size} name=\"ui:Chevron200\"></sp-icon>\n `\n )}\n `;\n};\n\nexport const Large = (): TemplateResult => {\n return html`\n <sp-icons-large></sp-icons-large>\n ${sizes.map(\n (size) => html`\n <sp-icon size=${size} name=\"ui:Chevron400\"></sp-icon>\n `\n )}\n `;\n};\n\nexport const imageIcon = (): TemplateResult => {\n return html`\n ${sizes.map(\n (size) => html`\n <sp-icon label=\"Back\" size=${size} src=${back}></sp-icon>\n `\n )}\n `;\n};\n\nimageIcon.storyName = 'Image Icon';\n\nexport const svgIcon = (): TemplateResult => {\n return html`\n ${sizes.map(\n (size) => html`\n <sp-icon size=${size}>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 22 22\"\n fill=\"currentColor\"\n height=\"18\"\n width=\"18\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M19.75,10.04h-15l5.97-5.97a.483.483,0,0,0,0-.7l-.35-.36a.513.513,0,0,0-.71,0L2.24,10.44a.513.513,0,0,0,0,.71l7.39,7.84a.513.513,0,0,0,.71,0l.35-.35a.513.513,0,0,0,0-.71L4.76,11.5H19.75a.25.25,0,0,0,.25-.25v-.96A.25.25,0,0,0,19.75,10.04Z\"\n ></path>\n </svg>\n </sp-icon>\n `\n )}\n `;\n};\n\nsvgIcon.storyName = 'SVG Icon';\n"],
5
- "mappings": "AAWA;AAEA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,CAAC,KAAK,KAAK,KAAK,MAAM,KAAK;AAEzC,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACX;AAEO,aAAM,SAAS,MAAsB;AACxC,SAAO;AAAA;AAAA,UAED,MAAM,IACJ,CAAC,SAAS;AAAA,gCACU;AAAA,aAExB;AAAA;AAER;AAEO,aAAM,QAAQ,MAAsB;AACvC,SAAO;AAAA;AAAA,UAED,MAAM,IACJ,CAAC,SAAS;AAAA,gCACU;AAAA,aAExB;AAAA;AAER;AAEO,aAAM,YAAY,MAAsB;AAC3C,SAAO;AAAA,UACD,MAAM,IACJ,CAAC,SAAS;AAAA,6CACuB,YAAY;AAAA,aAEjD;AAAA;AAER;AAEA,UAAU,YAAY;AAEf,aAAM,UAAU,MAAsB;AACzC,SAAO;AAAA,UACD,MAAM,IACJ,CAAC,SAAS;AAAA,gCACU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAexB;AAAA;AAER;AAEA,QAAQ,YAAY;",
5
+ "mappings": "AAWA,qDAEA,iDACA,gCACA,0DACA,yDAEA,KAAM,GAAQ,CAAC,IAAK,IAAK,IAAK,KAAM,KAAK,EAEzC,cAAe,CACX,UAAW,UACX,MAAO,MACX,EAEO,YAAM,QAAS,IACX;AAAA;AAAA,UAED,EAAM,IACJ,AAAC,GAAS;AAAA,gCACU;AAAA,aAExB;AAAA,MAIK,MAAQ,IACV;AAAA;AAAA,UAED,EAAM,IACJ,AAAC,GAAS;AAAA,gCACU;AAAA,aAExB;AAAA,MAIK,UAAY,IACd;AAAA,UACD,EAAM,IACJ,AAAC,GAAS;AAAA,6CACuB,SAAY;AAAA,aAEjD;AAAA,MAIR,UAAU,UAAY,aAEf,YAAM,SAAU,IACZ;AAAA,UACD,EAAM,IACJ,AAAC,GAAS;AAAA,gCACU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAexB;AAAA,MAIR,QAAQ,UAAY",
6
6
  "names": []
7
7
  }
package/stories/images.js CHANGED
@@ -1,2 +1,2 @@
1
- export const back = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTU3Ljk5NSAtNTUzMC4wMzIgNiAxMCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2U6IzE0NzNlNjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yNTEuMywzMzNsNC00LTQtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3MDEuNjk1IC01MTk2LjAzMikgcm90YXRlKDE4MCkiLz48L3N2Zz4=";
1
+ export const back="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTU3Ljk5NSAtNTUzMC4wMzIgNiAxMCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2U6IzE0NzNlNjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yNTEuMywzMzNsNC00LTQtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3MDEuNjk1IC01MTk2LjAzMikgcm90YXRlKDE4MCkiLz48L3N2Zz4=";
2
2
  //# sourceMappingURL=images.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["images.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nexport const back =\n 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yOTU3Ljk5NSAtNTUzMC4wMzIgNiAxMCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2U6IzE0NzNlNjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yNTEuMywzMzNsNC00LTQtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3MDEuNjk1IC01MTk2LjAzMikgcm90YXRlKDE4MCkiLz48L3N2Zz4=';\n"],
5
- "mappings": "AAYO,aAAM,OACT;",
5
+ "mappings": "AAYO,YAAM,MACT",
6
6
  "names": []
7
7
  }
@@ -1,14 +1,4 @@
1
- import "@spectrum-web-components/icon/sp-icon.js";
2
- import "@spectrum-web-components/icons/sp-icons-medium.js";
3
- import { html } from "lit";
4
- import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
5
- async function test() {
6
- const iconset = document.createElement("sp-icons-medium");
7
- document.body.append(iconset);
8
- await iconset.updateComplete;
9
- measureFixtureCreation(html`
1
+ import"@spectrum-web-components/icon/sp-icon.js";import"@spectrum-web-components/icons/sp-icons-medium.js";import{html as e}from"lit";import{measureFixtureCreation as t}from"../../../../test/benchmark/helpers.js";async function i(){const o=document.createElement("sp-icons-medium");document.body.append(o),await o.updateComplete,t(e`
10
2
  <sp-icon name="ui:Arrow100"></sp-icon>
11
- `);
12
- }
13
- test();
3
+ `)}i();
14
4
  //# sourceMappingURL=test-basic.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["test-basic.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport '@spectrum-web-components/icons/sp-icons-medium.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nasync function test(): Promise<void> {\n const iconset = document.createElement('sp-icons-medium');\n document.body.append(iconset);\n await iconset.updateComplete;\n\n measureFixtureCreation(html`\n <sp-icon name=\"ui:Arrow100\"></sp-icon>\n `);\n}\n\ntest();\n"],
5
- "mappings": "AAYA;AACA;AACA;AACA;AAEA,sBAAqC;AACjC,QAAM,UAAU,SAAS,cAAc,iBAAiB;AACxD,WAAS,KAAK,OAAO,OAAO;AAC5B,QAAM,QAAQ;AAEd,yBAAuB;AAAA;AAAA,KAEtB;AACL;AAEA,KAAK;",
5
+ "mappings": "AAYA,iDACA,0DACA,2BACA,+EAEA,kBAAqC,CACjC,KAAM,GAAU,SAAS,cAAc,iBAAiB,EACxD,SAAS,KAAK,OAAO,CAAO,EAC5B,KAAM,GAAQ,eAEd,EAAuB;AAAA;AAAA,KAEtB,CACL,CAEA,EAAK",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,2 @@
1
- import * as stories from "../stories/icon.stories.js";
2
- import { regressVisuals } from "../../../test/visual/test.js";
3
- regressVisuals("IconStories", stories);
1
+ import*as r from"../stories/icon.stories.js";import{regressVisuals as s}from"../../../test/visual/test.js";s("IconStories",r);
4
2
  //# sourceMappingURL=icon.test-vrt.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["icon.test-vrt.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/icon.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('IconStories', stories);\n"],
5
- "mappings": "AAYA;AACA;AAEA,eAAe,eAAe,OAAO;",
5
+ "mappings": "AAYA,6CACA,8DAEA,EAAe,cAAe,CAAO",
6
6
  "names": []
7
7
  }
package/test/icon.test.js CHANGED
@@ -1,93 +1,22 @@
1
- import "@spectrum-web-components/icon/sp-icon.js";
2
- import "@spectrum-web-components/icons/sp-icons-medium.js";
3
- import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
4
- import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
5
- describe("Icon", () => {
6
- before(async () => {
7
- const icons = document.createElement("sp-icons-medium");
8
- document.body.append(icons);
9
- await elementUpdated(icons);
10
- });
11
- it("loads", async () => {
12
- const el = await fixture(html`
1
+ import"@spectrum-web-components/icon/sp-icon.js";import"@spectrum-web-components/icons/sp-icons-medium.js";import{elementUpdated as t,expect as e,fixture as s,html as i}from"@open-wc/testing";import{testForLitDevWarnings as a}from"../../../test/testing-helpers.js";describe("Icon",()=>{before(async()=>{const A=document.createElement("sp-icons-medium");document.body.append(A),await t(A)}),it("loads",async()=>{const A=await s(i`
13
2
  <sp-icon name="ui:Chevron200"></sp-icon>
14
- `);
15
- await elementUpdated(el);
16
- expect(el).to.not.be.undefined;
17
- const container = el.shadowRoot ? el.shadowRoot.querySelector("#container") : el.querySelector("#container");
18
- expect(container).to.exist;
19
- const icon = container.querySelector("svg");
20
- expect(icon).to.exist;
21
- expect(icon.getAttribute("aria-hidden")).to.equal("true");
22
- });
23
- testForLitDevWarnings(async () => await fixture(html`
3
+ `);await t(A),e(A).to.not.be.undefined;const n=A.shadowRoot?A.shadowRoot.querySelector("#container"):A.querySelector("#container");e(n).to.exist;const o=n.querySelector("svg");e(o).to.exist,e(o.getAttribute("aria-hidden")).to.equal("true")}),a(async()=>await s(i`
24
4
  <sp-icon
25
5
  label="Image Icon"
26
6
  src="data:image/png;base64,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"
27
7
  ></sp-icon>
28
- `));
29
- it("loads w/ src", async () => {
30
- const el = await fixture(html`
8
+ `)),it("loads w/ src",async()=>{const A=await s(i`
31
9
  <sp-icon
32
10
  label="Image Icon"
33
11
  src="data:image/png;base64,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"
34
12
  ></sp-icon>
35
- `);
36
- await elementUpdated(el);
37
- await expect(el).to.be.accessible();
38
- });
39
- it("loads w/ label", async () => {
40
- const label = "Chevron";
41
- const el = await fixture(html`
42
- <sp-icon name="ui:Chevron200" label=${label}></sp-icon>
43
- `);
44
- await elementUpdated(el);
45
- expect(el).to.not.be.undefined;
46
- const container = el.shadowRoot ? el.shadowRoot.querySelector("#container") : el.querySelector("#container");
47
- expect(container).to.exist;
48
- const icon = container.querySelector("svg");
49
- expect(icon).to.exist;
50
- expect(icon.hasAttribute("aria-hidden")).to.be.false;
51
- expect(icon.getAttribute("aria-label")).to.equal(label);
52
- });
53
- it("does not error when name is missing", async () => {
54
- const el = await fixture(html`
13
+ `);await t(A),await e(A).to.be.accessible()}),it("loads w/ label",async()=>{const A="Chevron",n=await s(i`
14
+ <sp-icon name="ui:Chevron200" label=${A}></sp-icon>
15
+ `);await t(n),e(n).to.not.be.undefined;const o=n.shadowRoot?n.shadowRoot.querySelector("#container"):n.querySelector("#container");e(o).to.exist;const c=o.querySelector("svg");e(c).to.exist,e(c.hasAttribute("aria-hidden")).to.be.false,e(c.getAttribute("aria-label")).to.equal(A)}),it("does not error when name is missing",async()=>{const A=await s(i`
55
16
  <sp-icon></sp-icon>
56
- `);
57
- return elementUpdated(el);
58
- });
59
- it("does not error with unknown set", async () => {
60
- const el = await fixture(html`
17
+ `);return t(A)}),it("does not error with unknown set",async()=>{const A=await s(i`
61
18
  <sp-icon name="unknown-icon"></sp-icon>
62
- `);
63
- return elementUpdated(el);
64
- });
65
- it("does error with unknown icon", async () => {
66
- const el = document.createElement("sp-icon");
67
- el.name = "ui:unknown-icon";
68
- try {
69
- document.body.appendChild(el);
70
- await elementUpdated(el);
71
- expect("failed").to.not.equal("failed");
72
- } catch (error) {
73
- expect(() => {
74
- throw error;
75
- }).to.throw();
76
- }
77
- el.remove();
78
- });
79
- it("does not add multiple SVGs when removed and re-added to DOM", async () => {
80
- const el = await fixture(html`
19
+ `);return t(A)}),it("does error with unknown icon",async()=>{const A=document.createElement("sp-icon");A.name="ui:unknown-icon";try{document.body.appendChild(A),await t(A),e("failed").to.not.equal("failed")}catch(n){e(()=>{throw n}).to.throw()}A.remove()}),it("does not add multiple SVGs when removed and re-added to DOM",async()=>{const A=await s(i`
81
20
  <sp-icon name="ui:Chevron200"></sp-icon>
82
- `);
83
- await elementUpdated(el);
84
- expect(el).to.not.be.undefined;
85
- const parent = el.parentNode;
86
- parent.removeChild(el);
87
- parent.appendChild(el);
88
- await el.updateComplete;
89
- const count = el.shadowRoot.querySelectorAll("svg").length;
90
- expect(count).to.equal(1);
91
- });
92
- });
21
+ `);await t(A),e(A).to.not.be.undefined;const n=A.parentNode;n.removeChild(A),n.appendChild(A),await A.updateComplete;const o=A.shadowRoot.querySelectorAll("svg").length;e(o).to.equal(1)})});
93
22
  //# sourceMappingURL=icon.test.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["icon.test.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport { Icon } from '@spectrum-web-components/icon';\nimport '@spectrum-web-components/icons/sp-icons-medium.js';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\ndescribe('Icon', () => {\n before(async () => {\n const icons = document.createElement('sp-icons-medium');\n document.body.append(icons);\n\n await elementUpdated(icons);\n });\n\n it('loads', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon name=\"ui:Chevron200\"></sp-icon>\n `\n );\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n const container = el.shadowRoot\n ? (el.shadowRoot.querySelector('#container') as HTMLDivElement)\n : (el.querySelector('#container') as HTMLDivElement);\n expect(container).to.exist;\n const icon = container.querySelector('svg') as SVGElement;\n expect(icon).to.exist;\n expect(icon.getAttribute('aria-hidden')).to.equal('true');\n });\n\n testForLitDevWarnings(\n async () =>\n await fixture<Icon>(\n html`\n <sp-icon\n label=\"Image Icon\"\n src=\"data:image/png;base64,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\"\n ></sp-icon>\n `\n )\n );\n\n it('loads w/ src', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon\n label=\"Image Icon\"\n src=\"data:image/png;base64,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\"\n ></sp-icon>\n `\n );\n\n await elementUpdated(el);\n\n await expect(el).to.be.accessible();\n });\n\n it('loads w/ label', async () => {\n const label = 'Chevron';\n const el = await fixture<Icon>(\n html`\n <sp-icon name=\"ui:Chevron200\" label=${label}></sp-icon>\n `\n );\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n const container = el.shadowRoot\n ? (el.shadowRoot.querySelector('#container') as HTMLDivElement)\n : (el.querySelector('#container') as HTMLDivElement);\n expect(container).to.exist;\n const icon = container.querySelector('svg') as SVGElement;\n expect(icon).to.exist;\n expect(icon.hasAttribute('aria-hidden')).to.be.false;\n expect(icon.getAttribute('aria-label')).to.equal(label);\n });\n\n it('does not error when name is missing', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon></sp-icon>\n `\n );\n\n return elementUpdated(el);\n });\n\n it('does not error with unknown set', async () => {\n const el = await fixture<Icon>(html`\n <sp-icon name=\"unknown-icon\"></sp-icon>\n `);\n\n return elementUpdated(el);\n });\n\n it('does error with unknown icon', async () => {\n const el = document.createElement('sp-icon');\n el.name = 'ui:unknown-icon';\n try {\n document.body.appendChild(el);\n await elementUpdated(el);\n expect('failed').to.not.equal('failed');\n } catch (error) {\n expect(() => {\n throw error;\n }).to.throw();\n }\n el.remove();\n });\n\n it('does not add multiple SVGs when removed and re-added to DOM', async () => {\n const el = await fixture<Icon>(\n html`\n <sp-icon name=\"ui:Chevron200\"></sp-icon>\n `\n );\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n\n const parent = el.parentNode as HTMLElement;\n parent.removeChild(el);\n parent.appendChild(el);\n\n // wait for updates\n await el.updateComplete;\n\n const count = el.shadowRoot.querySelectorAll('svg').length;\n expect(count).to.equal(1);\n });\n});\n"],
5
- "mappings": "AAYA;AAEA;AACA;AACA;AAEA,SAAS,QAAQ,MAAM;AACnB,SAAO,YAAY;AACf,UAAM,QAAQ,SAAS,cAAc,iBAAiB;AACtD,aAAS,KAAK,OAAO,KAAK;AAE1B,UAAM,eAAe,KAAK;AAAA,EAC9B,CAAC;AAED,KAAG,SAAS,YAAY;AACpB,UAAM,KAAK,MAAM,QACb;AAAA;AAAA,aAGJ;AAEA,UAAM,eAAe,EAAE;AACvB,WAAO,EAAE,EAAE,GAAG,IAAI,GAAG;AACrB,UAAM,YAAY,GAAG,aACd,GAAG,WAAW,cAAc,YAAY,IACxC,GAAG,cAAc,YAAY;AACpC,WAAO,SAAS,EAAE,GAAG;AACrB,UAAM,OAAO,UAAU,cAAc,KAAK;AAC1C,WAAO,IAAI,EAAE,GAAG;AAChB,WAAO,KAAK,aAAa,aAAa,CAAC,EAAE,GAAG,MAAM,MAAM;AAAA,EAC5D,CAAC;AAED,wBACI,YACI,MAAM,QACF;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMJ,CACR;AAEA,KAAG,gBAAgB,YAAY;AAC3B,UAAM,KAAK,MAAM,QACb;AAAA;AAAA;AAAA;AAAA;AAAA,aAMJ;AAEA,UAAM,eAAe,EAAE;AAEvB,UAAM,OAAO,EAAE,EAAE,GAAG,GAAG,WAAW;AAAA,EACtC,CAAC;AAED,KAAG,kBAAkB,YAAY;AAC7B,UAAM,QAAQ;AACd,UAAM,KAAK,MAAM,QACb;AAAA,sDAC0C;AAAA,aAE9C;AAEA,UAAM,eAAe,EAAE;AACvB,WAAO,EAAE,EAAE,GAAG,IAAI,GAAG;AACrB,UAAM,YAAY,GAAG,aACd,GAAG,WAAW,cAAc,YAAY,IACxC,GAAG,cAAc,YAAY;AACpC,WAAO,SAAS,EAAE,GAAG;AACrB,UAAM,OAAO,UAAU,cAAc,KAAK;AAC1C,WAAO,IAAI,EAAE,GAAG;AAChB,WAAO,KAAK,aAAa,aAAa,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,KAAK,aAAa,YAAY,CAAC,EAAE,GAAG,MAAM,KAAK;AAAA,EAC1D,CAAC;AAED,KAAG,uCAAuC,YAAY;AAClD,UAAM,KAAK,MAAM,QACb;AAAA;AAAA,aAGJ;AAEA,WAAO,eAAe,EAAE;AAAA,EAC5B,CAAC;AAED,KAAG,mCAAmC,YAAY;AAC9C,UAAM,KAAK,MAAM,QAAc;AAAA;AAAA,SAE9B;AAED,WAAO,eAAe,EAAE;AAAA,EAC5B,CAAC;AAED,KAAG,gCAAgC,YAAY;AAC3C,UAAM,KAAK,SAAS,cAAc,SAAS;AAC3C,OAAG,OAAO;AACV,QAAI;AACA,eAAS,KAAK,YAAY,EAAE;AAC5B,YAAM,eAAe,EAAE;AACvB,aAAO,QAAQ,EAAE,GAAG,IAAI,MAAM,QAAQ;AAAA,IAC1C,SAAS,OAAP;AACE,aAAO,MAAM;AACT,cAAM;AAAA,MACV,CAAC,EAAE,GAAG,MAAM;AAAA,IAChB;AACA,OAAG,OAAO;AAAA,EACd,CAAC;AAED,KAAG,+DAA+D,YAAY;AAC1E,UAAM,KAAK,MAAM,QACb;AAAA;AAAA,aAGJ;AAEA,UAAM,eAAe,EAAE;AACvB,WAAO,EAAE,EAAE,GAAG,IAAI,GAAG;AAErB,UAAM,SAAS,GAAG;AAClB,WAAO,YAAY,EAAE;AACrB,WAAO,YAAY,EAAE;AAGrB,UAAM,GAAG;AAET,UAAM,QAAQ,GAAG,WAAW,iBAAiB,KAAK,EAAE;AACpD,WAAO,KAAK,EAAE,GAAG,MAAM,CAAC;AAAA,EAC5B,CAAC;AACL,CAAC;",
5
+ "mappings": "AAYA,iDAEA,0DACA,qFACA,yEAEA,SAAS,OAAQ,IAAM,CACnB,OAAO,SAAY,CACf,KAAM,GAAQ,SAAS,cAAc,iBAAiB,EACtD,SAAS,KAAK,OAAO,CAAK,EAE1B,KAAM,GAAe,CAAK,CAC9B,CAAC,EAED,GAAG,QAAS,SAAY,CACpB,KAAM,GAAK,KAAM,GACb;AAAA;AAAA,aAGJ,EAEA,KAAM,GAAe,CAAE,EACvB,EAAO,CAAE,EAAE,GAAG,IAAI,GAAG,UACrB,KAAM,GAAY,EAAG,WACd,EAAG,WAAW,cAAc,YAAY,EACxC,EAAG,cAAc,YAAY,EACpC,EAAO,CAAS,EAAE,GAAG,MACrB,KAAM,GAAO,EAAU,cAAc,KAAK,EAC1C,EAAO,CAAI,EAAE,GAAG,MAChB,EAAO,EAAK,aAAa,aAAa,CAAC,EAAE,GAAG,MAAM,MAAM,CAC5D,CAAC,EAED,EACI,SACI,KAAM,GACF;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMJ,CACR,EAEA,GAAG,eAAgB,SAAY,CAC3B,KAAM,GAAK,KAAM,GACb;AAAA;AAAA;AAAA;AAAA;AAAA,aAMJ,EAEA,KAAM,GAAe,CAAE,EAEvB,KAAM,GAAO,CAAE,EAAE,GAAG,GAAG,WAAW,CACtC,CAAC,EAED,GAAG,iBAAkB,SAAY,CAC7B,KAAM,GAAQ,UACR,EAAK,KAAM,GACb;AAAA,sDAC0C;AAAA,aAE9C,EAEA,KAAM,GAAe,CAAE,EACvB,EAAO,CAAE,EAAE,GAAG,IAAI,GAAG,UACrB,KAAM,GAAY,EAAG,WACd,EAAG,WAAW,cAAc,YAAY,EACxC,EAAG,cAAc,YAAY,EACpC,EAAO,CAAS,EAAE,GAAG,MACrB,KAAM,GAAO,EAAU,cAAc,KAAK,EAC1C,EAAO,CAAI,EAAE,GAAG,MAChB,EAAO,EAAK,aAAa,aAAa,CAAC,EAAE,GAAG,GAAG,MAC/C,EAAO,EAAK,aAAa,YAAY,CAAC,EAAE,GAAG,MAAM,CAAK,CAC1D,CAAC,EAED,GAAG,sCAAuC,SAAY,CAClD,KAAM,GAAK,KAAM,GACb;AAAA;AAAA,aAGJ,EAEA,MAAO,GAAe,CAAE,CAC5B,CAAC,EAED,GAAG,kCAAmC,SAAY,CAC9C,KAAM,GAAK,KAAM,GAAc;AAAA;AAAA,SAE9B,EAED,MAAO,GAAe,CAAE,CAC5B,CAAC,EAED,GAAG,+BAAgC,SAAY,CAC3C,KAAM,GAAK,SAAS,cAAc,SAAS,EAC3C,EAAG,KAAO,kBACV,GAAI,CACA,SAAS,KAAK,YAAY,CAAE,EAC5B,KAAM,GAAe,CAAE,EACvB,EAAO,QAAQ,EAAE,GAAG,IAAI,MAAM,QAAQ,CAC1C,OAAS,EAAP,CACE,EAAO,IAAM,CACT,KAAM,EACV,CAAC,EAAE,GAAG,MAAM,CAChB,CACA,EAAG,OAAO,CACd,CAAC,EAED,GAAG,8DAA+D,SAAY,CAC1E,KAAM,GAAK,KAAM,GACb;AAAA;AAAA,aAGJ,EAEA,KAAM,GAAe,CAAE,EACvB,EAAO,CAAE,EAAE,GAAG,IAAI,GAAG,UAErB,KAAM,GAAS,EAAG,WAClB,EAAO,YAAY,CAAE,EACrB,EAAO,YAAY,CAAE,EAGrB,KAAM,GAAG,eAET,KAAM,GAAQ,EAAG,WAAW,iBAAiB,KAAK,EAAE,OACpD,EAAO,CAAK,EAAE,GAAG,MAAM,CAAC,CAC5B,CAAC,CACL,CAAC",
6
6
  "names": []
7
7
  }