@spectrum-web-components/icons-ui 0.8.13-devmode.0 → 0.9.0

package/src/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["index.ts"],
   "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 } from '@spectrum-web-components/base';\nimport { setCustomTemplateLiteralTag } from './custom-tag.js';\n\nsetCustomTemplateLiteralTag(html);\n\nexport { setCustomTemplateLiteralTag };\nexport * from './icons.js';\n"],
-  "mappings": "AAYA;AACA;AAEA,4BAA4B,IAAI;AAEhC;AACA;",
+  "mappings": "AAYA,qDACA,8DAEA,EAA4B,CAAI,EAEhC,yCACA",
   "names": []
 }

package/stories/icon-manifest.js

@@ -1,102 +1,2 @@
-import {
-  html
-} from "@spectrum-web-components/base";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-arrow100.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-arrow200.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-arrow300.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-arrow400.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-arrow500.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-arrow600.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-arrow75.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-asterisk100.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-asterisk200.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-asterisk300.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-asterisk75.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-checkmark200.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-checkmark300.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-checkmark400.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-checkmark50.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-checkmark500.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-checkmark600.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-checkmark75.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-chevron200.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-chevron300.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-chevron400.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-chevron500.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-chevron600.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-chevron75.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle100.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle200.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle300.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle75.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-cross600.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-dash100.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-dash200.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-dash300.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-dash400.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-dash50.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-dash500.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-dash600.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-dash75.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-double-gripper.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-single-gripper.js";
-import "@spectrum-web-components/icons-ui/icons/sp-icon-triple-gripper.js";
-export const iconManifest = [
-  { name: "Arrow100", tag: "<sp-icon-arrow100>", story: (size) => html`<sp-icon-arrow100 size=${size}></sp-icon-arrow100>` },
-  { name: "Arrow200", tag: "<sp-icon-arrow200>", story: (size) => html`<sp-icon-arrow200 size=${size}></sp-icon-arrow200>` },
-  { name: "Arrow300", tag: "<sp-icon-arrow300>", story: (size) => html`<sp-icon-arrow300 size=${size}></sp-icon-arrow300>` },
-  { name: "Arrow400", tag: "<sp-icon-arrow400>", story: (size) => html`<sp-icon-arrow400 size=${size}></sp-icon-arrow400>` },
-  { name: "Arrow500", tag: "<sp-icon-arrow500>", story: (size) => html`<sp-icon-arrow500 size=${size}></sp-icon-arrow500>` },
-  { name: "Arrow600", tag: "<sp-icon-arrow600>", story: (size) => html`<sp-icon-arrow600 size=${size}></sp-icon-arrow600>` },
-  { name: "Arrow75", tag: "<sp-icon-arrow75>", story: (size) => html`<sp-icon-arrow75 size=${size}></sp-icon-arrow75>` },
-  { name: "Asterisk100", tag: "<sp-icon-asterisk100>", story: (size) => html`<sp-icon-asterisk100 size=${size}></sp-icon-asterisk100>` },
-  { name: "Asterisk200", tag: "<sp-icon-asterisk200>", story: (size) => html`<sp-icon-asterisk200 size=${size}></sp-icon-asterisk200>` },
-  { name: "Asterisk300", tag: "<sp-icon-asterisk300>", story: (size) => html`<sp-icon-asterisk300 size=${size}></sp-icon-asterisk300>` },
-  { name: "Asterisk75", tag: "<sp-icon-asterisk75>", story: (size) => html`<sp-icon-asterisk75 size=${size}></sp-icon-asterisk75>` },
-  { name: "Checkmark100", tag: "<sp-icon-checkmark100>", story: (size) => html`<sp-icon-checkmark100 size=${size}></sp-icon-checkmark100>` },
-  { name: "Checkmark200", tag: "<sp-icon-checkmark200>", story: (size) => html`<sp-icon-checkmark200 size=${size}></sp-icon-checkmark200>` },
-  { name: "Checkmark300", tag: "<sp-icon-checkmark300>", story: (size) => html`<sp-icon-checkmark300 size=${size}></sp-icon-checkmark300>` },
-  { name: "Checkmark400", tag: "<sp-icon-checkmark400>", story: (size) => html`<sp-icon-checkmark400 size=${size}></sp-icon-checkmark400>` },
-  { name: "Checkmark50", tag: "<sp-icon-checkmark50>", story: (size) => html`<sp-icon-checkmark50 size=${size}></sp-icon-checkmark50>` },
-  { name: "Checkmark500", tag: "<sp-icon-checkmark500>", story: (size) => html`<sp-icon-checkmark500 size=${size}></sp-icon-checkmark500>` },
-  { name: "Checkmark600", tag: "<sp-icon-checkmark600>", story: (size) => html`<sp-icon-checkmark600 size=${size}></sp-icon-checkmark600>` },
-  { name: "Checkmark75", tag: "<sp-icon-checkmark75>", story: (size) => html`<sp-icon-checkmark75 size=${size}></sp-icon-checkmark75>` },
-  { name: "Chevron100", tag: "<sp-icon-chevron100>", story: (size) => html`<sp-icon-chevron100 size=${size}></sp-icon-chevron100>` },
-  { name: "Chevron200", tag: "<sp-icon-chevron200>", story: (size) => html`<sp-icon-chevron200 size=${size}></sp-icon-chevron200>` },
-  { name: "Chevron300", tag: "<sp-icon-chevron300>", story: (size) => html`<sp-icon-chevron300 size=${size}></sp-icon-chevron300>` },
-  { name: "Chevron400", tag: "<sp-icon-chevron400>", story: (size) => html`<sp-icon-chevron400 size=${size}></sp-icon-chevron400>` },
-  { name: "Chevron500", tag: "<sp-icon-chevron500>", story: (size) => html`<sp-icon-chevron500 size=${size}></sp-icon-chevron500>` },
-  { name: "Chevron600", tag: "<sp-icon-chevron600>", story: (size) => html`<sp-icon-chevron600 size=${size}></sp-icon-chevron600>` },
-  { name: "Chevron75", tag: "<sp-icon-chevron75>", story: (size) => html`<sp-icon-chevron75 size=${size}></sp-icon-chevron75>` },
-  { name: "Corner triangle100", tag: "<sp-icon-corner-triangle100>", story: (size) => html`<sp-icon-corner-triangle100 size=${size}></sp-icon-corner-triangle100>` },
-  { name: "Corner triangle200", tag: "<sp-icon-corner-triangle200>", story: (size) => html`<sp-icon-corner-triangle200 size=${size}></sp-icon-corner-triangle200>` },
-  { name: "Corner triangle300", tag: "<sp-icon-corner-triangle300>", story: (size) => html`<sp-icon-corner-triangle300 size=${size}></sp-icon-corner-triangle300>` },
-  { name: "Corner triangle75", tag: "<sp-icon-corner-triangle75>", story: (size) => html`<sp-icon-corner-triangle75 size=${size}></sp-icon-corner-triangle75>` },
-  { name: "Cross100", tag: "<sp-icon-cross100>", story: (size) => html`<sp-icon-cross100 size=${size}></sp-icon-cross100>` },
-  { name: "Cross200", tag: "<sp-icon-cross200>", story: (size) => html`<sp-icon-cross200 size=${size}></sp-icon-cross200>` },
-  { name: "Cross300", tag: "<sp-icon-cross300>", story: (size) => html`<sp-icon-cross300 size=${size}></sp-icon-cross300>` },
-  { name: "Cross400", tag: "<sp-icon-cross400>", story: (size) => html`<sp-icon-cross400 size=${size}></sp-icon-cross400>` },
-  { name: "Cross500", tag: "<sp-icon-cross500>", story: (size) => html`<sp-icon-cross500 size=${size}></sp-icon-cross500>` },
-  { name: "Cross600", tag: "<sp-icon-cross600>", story: (size) => html`<sp-icon-cross600 size=${size}></sp-icon-cross600>` },
-  { name: "Cross75", tag: "<sp-icon-cross75>", story: (size) => html`<sp-icon-cross75 size=${size}></sp-icon-cross75>` },
-  { name: "Dash100", tag: "<sp-icon-dash100>", story: (size) => html`<sp-icon-dash100 size=${size}></sp-icon-dash100>` },
-  { name: "Dash200", tag: "<sp-icon-dash200>", story: (size) => html`<sp-icon-dash200 size=${size}></sp-icon-dash200>` },
-  { name: "Dash300", tag: "<sp-icon-dash300>", story: (size) => html`<sp-icon-dash300 size=${size}></sp-icon-dash300>` },
-  { name: "Dash400", tag: "<sp-icon-dash400>", story: (size) => html`<sp-icon-dash400 size=${size}></sp-icon-dash400>` },
-  { name: "Dash50", tag: "<sp-icon-dash50>", story: (size) => html`<sp-icon-dash50 size=${size}></sp-icon-dash50>` },
-  { name: "Dash500", tag: "<sp-icon-dash500>", story: (size) => html`<sp-icon-dash500 size=${size}></sp-icon-dash500>` },
-  { name: "Dash600", tag: "<sp-icon-dash600>", story: (size) => html`<sp-icon-dash600 size=${size}></sp-icon-dash600>` },
-  { name: "Dash75", tag: "<sp-icon-dash75>", story: (size) => html`<sp-icon-dash75 size=${size}></sp-icon-dash75>` },
-  { name: "Double gripper", tag: "<sp-icon-double-gripper>", story: (size) => html`<sp-icon-double-gripper size=${size}></sp-icon-double-gripper>` },
-  { name: "Single gripper", tag: "<sp-icon-single-gripper>", story: (size) => html`<sp-icon-single-gripper size=${size}></sp-icon-single-gripper>` },
-  { name: "Triple gripper", tag: "<sp-icon-triple-gripper>", story: (size) => html`<sp-icon-triple-gripper size=${size}></sp-icon-triple-gripper>` }
-];
+import{html as r}from"@spectrum-web-components/base";import"@spectrum-web-components/icons-ui/icons/sp-icon-arrow100.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-arrow200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-arrow300.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-arrow400.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-arrow500.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-arrow600.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-arrow75.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-asterisk100.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-asterisk200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-asterisk300.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-asterisk75.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-checkmark200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-checkmark300.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-checkmark400.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-checkmark50.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-checkmark500.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-checkmark600.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-checkmark75.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-chevron200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-chevron300.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-chevron400.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-chevron500.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-chevron600.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-chevron75.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle100.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle300.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle75.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross600.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-dash100.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-dash200.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-dash300.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-dash400.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-dash50.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-dash500.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-dash600.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-dash75.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-double-gripper.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-single-gripper.js";import"@spectrum-web-components/icons-ui/icons/sp-icon-triple-gripper.js";export const iconManifest=[{name:"Arrow100",tag:"<sp-icon-arrow100>",story:s=>r`<sp-icon-arrow100 size=${s}></sp-icon-arrow100>`},{name:"Arrow200",tag:"<sp-icon-arrow200>",story:s=>r`<sp-icon-arrow200 size=${s}></sp-icon-arrow200>`},{name:"Arrow300",tag:"<sp-icon-arrow300>",story:s=>r`<sp-icon-arrow300 size=${s}></sp-icon-arrow300>`},{name:"Arrow400",tag:"<sp-icon-arrow400>",story:s=>r`<sp-icon-arrow400 size=${s}></sp-icon-arrow400>`},{name:"Arrow500",tag:"<sp-icon-arrow500>",story:s=>r`<sp-icon-arrow500 size=${s}></sp-icon-arrow500>`},{name:"Arrow600",tag:"<sp-icon-arrow600>",story:s=>r`<sp-icon-arrow600 size=${s}></sp-icon-arrow600>`},{name:"Arrow75",tag:"<sp-icon-arrow75>",story:s=>r`<sp-icon-arrow75 size=${s}></sp-icon-arrow75>`},{name:"Asterisk100",tag:"<sp-icon-asterisk100>",story:s=>r`<sp-icon-asterisk100 size=${s}></sp-icon-asterisk100>`},{name:"Asterisk200",tag:"<sp-icon-asterisk200>",story:s=>r`<sp-icon-asterisk200 size=${s}></sp-icon-asterisk200>`},{name:"Asterisk300",tag:"<sp-icon-asterisk300>",story:s=>r`<sp-icon-asterisk300 size=${s}></sp-icon-asterisk300>`},{name:"Asterisk75",tag:"<sp-icon-asterisk75>",story:s=>r`<sp-icon-asterisk75 size=${s}></sp-icon-asterisk75>`},{name:"Checkmark100",tag:"<sp-icon-checkmark100>",story:s=>r`<sp-icon-checkmark100 size=${s}></sp-icon-checkmark100>`},{name:"Checkmark200",tag:"<sp-icon-checkmark200>",story:s=>r`<sp-icon-checkmark200 size=${s}></sp-icon-checkmark200>`},{name:"Checkmark300",tag:"<sp-icon-checkmark300>",story:s=>r`<sp-icon-checkmark300 size=${s}></sp-icon-checkmark300>`},{name:"Checkmark400",tag:"<sp-icon-checkmark400>",story:s=>r`<sp-icon-checkmark400 size=${s}></sp-icon-checkmark400>`},{name:"Checkmark50",tag:"<sp-icon-checkmark50>",story:s=>r`<sp-icon-checkmark50 size=${s}></sp-icon-checkmark50>`},{name:"Checkmark500",tag:"<sp-icon-checkmark500>",story:s=>r`<sp-icon-checkmark500 size=${s}></sp-icon-checkmark500>`},{name:"Checkmark600",tag:"<sp-icon-checkmark600>",story:s=>r`<sp-icon-checkmark600 size=${s}></sp-icon-checkmark600>`},{name:"Checkmark75",tag:"<sp-icon-checkmark75>",story:s=>r`<sp-icon-checkmark75 size=${s}></sp-icon-checkmark75>`},{name:"Chevron100",tag:"<sp-icon-chevron100>",story:s=>r`<sp-icon-chevron100 size=${s}></sp-icon-chevron100>`},{name:"Chevron200",tag:"<sp-icon-chevron200>",story:s=>r`<sp-icon-chevron200 size=${s}></sp-icon-chevron200>`},{name:"Chevron300",tag:"<sp-icon-chevron300>",story:s=>r`<sp-icon-chevron300 size=${s}></sp-icon-chevron300>`},{name:"Chevron400",tag:"<sp-icon-chevron400>",story:s=>r`<sp-icon-chevron400 size=${s}></sp-icon-chevron400>`},{name:"Chevron500",tag:"<sp-icon-chevron500>",story:s=>r`<sp-icon-chevron500 size=${s}></sp-icon-chevron500>`},{name:"Chevron600",tag:"<sp-icon-chevron600>",story:s=>r`<sp-icon-chevron600 size=${s}></sp-icon-chevron600>`},{name:"Chevron75",tag:"<sp-icon-chevron75>",story:s=>r`<sp-icon-chevron75 size=${s}></sp-icon-chevron75>`},{name:"Corner triangle100",tag:"<sp-icon-corner-triangle100>",story:s=>r`<sp-icon-corner-triangle100 size=${s}></sp-icon-corner-triangle100>`},{name:"Corner triangle200",tag:"<sp-icon-corner-triangle200>",story:s=>r`<sp-icon-corner-triangle200 size=${s}></sp-icon-corner-triangle200>`},{name:"Corner triangle300",tag:"<sp-icon-corner-triangle300>",story:s=>r`<sp-icon-corner-triangle300 size=${s}></sp-icon-corner-triangle300>`},{name:"Corner triangle75",tag:"<sp-icon-corner-triangle75>",story:s=>r`<sp-icon-corner-triangle75 size=${s}></sp-icon-corner-triangle75>`},{name:"Cross100",tag:"<sp-icon-cross100>",story:s=>r`<sp-icon-cross100 size=${s}></sp-icon-cross100>`},{name:"Cross200",tag:"<sp-icon-cross200>",story:s=>r`<sp-icon-cross200 size=${s}></sp-icon-cross200>`},{name:"Cross300",tag:"<sp-icon-cross300>",story:s=>r`<sp-icon-cross300 size=${s}></sp-icon-cross300>`},{name:"Cross400",tag:"<sp-icon-cross400>",story:s=>r`<sp-icon-cross400 size=${s}></sp-icon-cross400>`},{name:"Cross500",tag:"<sp-icon-cross500>",story:s=>r`<sp-icon-cross500 size=${s}></sp-icon-cross500>`},{name:"Cross600",tag:"<sp-icon-cross600>",story:s=>r`<sp-icon-cross600 size=${s}></sp-icon-cross600>`},{name:"Cross75",tag:"<sp-icon-cross75>",story:s=>r`<sp-icon-cross75 size=${s}></sp-icon-cross75>`},{name:"Dash100",tag:"<sp-icon-dash100>",story:s=>r`<sp-icon-dash100 size=${s}></sp-icon-dash100>`},{name:"Dash200",tag:"<sp-icon-dash200>",story:s=>r`<sp-icon-dash200 size=${s}></sp-icon-dash200>`},{name:"Dash300",tag:"<sp-icon-dash300>",story:s=>r`<sp-icon-dash300 size=${s}></sp-icon-dash300>`},{name:"Dash400",tag:"<sp-icon-dash400>",story:s=>r`<sp-icon-dash400 size=${s}></sp-icon-dash400>`},{name:"Dash50",tag:"<sp-icon-dash50>",story:s=>r`<sp-icon-dash50 size=${s}></sp-icon-dash50>`},{name:"Dash500",tag:"<sp-icon-dash500>",story:s=>r`<sp-icon-dash500 size=${s}></sp-icon-dash500>`},{name:"Dash600",tag:"<sp-icon-dash600>",story:s=>r`<sp-icon-dash600 size=${s}></sp-icon-dash600>`},{name:"Dash75",tag:"<sp-icon-dash75>",story:s=>r`<sp-icon-dash75 size=${s}></sp-icon-dash75>`},{name:"Double gripper",tag:"<sp-icon-double-gripper>",story:s=>r`<sp-icon-double-gripper size=${s}></sp-icon-double-gripper>`},{name:"Single gripper",tag:"<sp-icon-single-gripper>",story:s=>r`<sp-icon-single-gripper size=${s}></sp-icon-single-gripper>`},{name:"Triple gripper",tag:"<sp-icon-triple-gripper>",story:s=>r`<sp-icon-triple-gripper size=${s}></sp-icon-triple-gripper>`}];
 //# sourceMappingURL=icon-manifest.js.map

package/stories/icon-manifest.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["icon-manifest.ts"],
   "sourcesContent": ["\n/*\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*/import {\n        html,\n        TemplateResult\n    } from '@spectrum-web-components/base';\r\n\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow100.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow200.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow300.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow400.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow500.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow600.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-arrow75.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-asterisk100.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-asterisk200.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-asterisk300.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-asterisk75.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark200.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark300.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark400.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark50.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark500.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark600.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark75.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron200.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron300.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron400.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron500.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron600.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-chevron75.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle100.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle200.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle300.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-corner-triangle75.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross600.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash100.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash200.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash300.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash400.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash50.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash500.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash600.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-dash75.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-double-gripper.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-single-gripper.js';\r\nimport '@spectrum-web-components/icons-ui/icons/sp-icon-triple-gripper.js';\r\nexport const iconManifest = [\r\n{name: 'Arrow100', tag: '<sp-icon-arrow100>', story: (size: string): TemplateResult => html`<sp-icon-arrow100 size=${size}></sp-icon-arrow100>`},\r\n{name: 'Arrow200', tag: '<sp-icon-arrow200>', story: (size: string): TemplateResult => html`<sp-icon-arrow200 size=${size}></sp-icon-arrow200>`},\r\n{name: 'Arrow300', tag: '<sp-icon-arrow300>', story: (size: string): TemplateResult => html`<sp-icon-arrow300 size=${size}></sp-icon-arrow300>`},\r\n{name: 'Arrow400', tag: '<sp-icon-arrow400>', story: (size: string): TemplateResult => html`<sp-icon-arrow400 size=${size}></sp-icon-arrow400>`},\r\n{name: 'Arrow500', tag: '<sp-icon-arrow500>', story: (size: string): TemplateResult => html`<sp-icon-arrow500 size=${size}></sp-icon-arrow500>`},\r\n{name: 'Arrow600', tag: '<sp-icon-arrow600>', story: (size: string): TemplateResult => html`<sp-icon-arrow600 size=${size}></sp-icon-arrow600>`},\r\n{name: 'Arrow75', tag: '<sp-icon-arrow75>', story: (size: string): TemplateResult => html`<sp-icon-arrow75 size=${size}></sp-icon-arrow75>`},\r\n{name: 'Asterisk100', tag: '<sp-icon-asterisk100>', story: (size: string): TemplateResult => html`<sp-icon-asterisk100 size=${size}></sp-icon-asterisk100>`},\r\n{name: 'Asterisk200', tag: '<sp-icon-asterisk200>', story: (size: string): TemplateResult => html`<sp-icon-asterisk200 size=${size}></sp-icon-asterisk200>`},\r\n{name: 'Asterisk300', tag: '<sp-icon-asterisk300>', story: (size: string): TemplateResult => html`<sp-icon-asterisk300 size=${size}></sp-icon-asterisk300>`},\r\n{name: 'Asterisk75', tag: '<sp-icon-asterisk75>', story: (size: string): TemplateResult => html`<sp-icon-asterisk75 size=${size}></sp-icon-asterisk75>`},\r\n{name: 'Checkmark100', tag: '<sp-icon-checkmark100>', story: (size: string): TemplateResult => html`<sp-icon-checkmark100 size=${size}></sp-icon-checkmark100>`},\r\n{name: 'Checkmark200', tag: '<sp-icon-checkmark200>', story: (size: string): TemplateResult => html`<sp-icon-checkmark200 size=${size}></sp-icon-checkmark200>`},\r\n{name: 'Checkmark300', tag: '<sp-icon-checkmark300>', story: (size: string): TemplateResult => html`<sp-icon-checkmark300 size=${size}></sp-icon-checkmark300>`},\r\n{name: 'Checkmark400', tag: '<sp-icon-checkmark400>', story: (size: string): TemplateResult => html`<sp-icon-checkmark400 size=${size}></sp-icon-checkmark400>`},\r\n{name: 'Checkmark50', tag: '<sp-icon-checkmark50>', story: (size: string): TemplateResult => html`<sp-icon-checkmark50 size=${size}></sp-icon-checkmark50>`},\r\n{name: 'Checkmark500', tag: '<sp-icon-checkmark500>', story: (size: string): TemplateResult => html`<sp-icon-checkmark500 size=${size}></sp-icon-checkmark500>`},\r\n{name: 'Checkmark600', tag: '<sp-icon-checkmark600>', story: (size: string): TemplateResult => html`<sp-icon-checkmark600 size=${size}></sp-icon-checkmark600>`},\r\n{name: 'Checkmark75', tag: '<sp-icon-checkmark75>', story: (size: string): TemplateResult => html`<sp-icon-checkmark75 size=${size}></sp-icon-checkmark75>`},\r\n{name: 'Chevron100', tag: '<sp-icon-chevron100>', story: (size: string): TemplateResult => html`<sp-icon-chevron100 size=${size}></sp-icon-chevron100>`},\r\n{name: 'Chevron200', tag: '<sp-icon-chevron200>', story: (size: string): TemplateResult => html`<sp-icon-chevron200 size=${size}></sp-icon-chevron200>`},\r\n{name: 'Chevron300', tag: '<sp-icon-chevron300>', story: (size: string): TemplateResult => html`<sp-icon-chevron300 size=${size}></sp-icon-chevron300>`},\r\n{name: 'Chevron400', tag: '<sp-icon-chevron400>', story: (size: string): TemplateResult => html`<sp-icon-chevron400 size=${size}></sp-icon-chevron400>`},\r\n{name: 'Chevron500', tag: '<sp-icon-chevron500>', story: (size: string): TemplateResult => html`<sp-icon-chevron500 size=${size}></sp-icon-chevron500>`},\r\n{name: 'Chevron600', tag: '<sp-icon-chevron600>', story: (size: string): TemplateResult => html`<sp-icon-chevron600 size=${size}></sp-icon-chevron600>`},\r\n{name: 'Chevron75', tag: '<sp-icon-chevron75>', story: (size: string): TemplateResult => html`<sp-icon-chevron75 size=${size}></sp-icon-chevron75>`},\r\n{name: 'Corner triangle100', tag: '<sp-icon-corner-triangle100>', story: (size: string): TemplateResult => html`<sp-icon-corner-triangle100 size=${size}></sp-icon-corner-triangle100>`},\r\n{name: 'Corner triangle200', tag: '<sp-icon-corner-triangle200>', story: (size: string): TemplateResult => html`<sp-icon-corner-triangle200 size=${size}></sp-icon-corner-triangle200>`},\r\n{name: 'Corner triangle300', tag: '<sp-icon-corner-triangle300>', story: (size: string): TemplateResult => html`<sp-icon-corner-triangle300 size=${size}></sp-icon-corner-triangle300>`},\r\n{name: 'Corner triangle75', tag: '<sp-icon-corner-triangle75>', story: (size: string): TemplateResult => html`<sp-icon-corner-triangle75 size=${size}></sp-icon-corner-triangle75>`},\r\n{name: 'Cross100', tag: '<sp-icon-cross100>', story: (size: string): TemplateResult => html`<sp-icon-cross100 size=${size}></sp-icon-cross100>`},\r\n{name: 'Cross200', tag: '<sp-icon-cross200>', story: (size: string): TemplateResult => html`<sp-icon-cross200 size=${size}></sp-icon-cross200>`},\r\n{name: 'Cross300', tag: '<sp-icon-cross300>', story: (size: string): TemplateResult => html`<sp-icon-cross300 size=${size}></sp-icon-cross300>`},\r\n{name: 'Cross400', tag: '<sp-icon-cross400>', story: (size: string): TemplateResult => html`<sp-icon-cross400 size=${size}></sp-icon-cross400>`},\r\n{name: 'Cross500', tag: '<sp-icon-cross500>', story: (size: string): TemplateResult => html`<sp-icon-cross500 size=${size}></sp-icon-cross500>`},\r\n{name: 'Cross600', tag: '<sp-icon-cross600>', story: (size: string): TemplateResult => html`<sp-icon-cross600 size=${size}></sp-icon-cross600>`},\r\n{name: 'Cross75', tag: '<sp-icon-cross75>', story: (size: string): TemplateResult => html`<sp-icon-cross75 size=${size}></sp-icon-cross75>`},\r\n{name: 'Dash100', tag: '<sp-icon-dash100>', story: (size: string): TemplateResult => html`<sp-icon-dash100 size=${size}></sp-icon-dash100>`},\r\n{name: 'Dash200', tag: '<sp-icon-dash200>', story: (size: string): TemplateResult => html`<sp-icon-dash200 size=${size}></sp-icon-dash200>`},\r\n{name: 'Dash300', tag: '<sp-icon-dash300>', story: (size: string): TemplateResult => html`<sp-icon-dash300 size=${size}></sp-icon-dash300>`},\r\n{name: 'Dash400', tag: '<sp-icon-dash400>', story: (size: string): TemplateResult => html`<sp-icon-dash400 size=${size}></sp-icon-dash400>`},\r\n{name: 'Dash50', tag: '<sp-icon-dash50>', story: (size: string): TemplateResult => html`<sp-icon-dash50 size=${size}></sp-icon-dash50>`},\r\n{name: 'Dash500', tag: '<sp-icon-dash500>', story: (size: string): TemplateResult => html`<sp-icon-dash500 size=${size}></sp-icon-dash500>`},\r\n{name: 'Dash600', tag: '<sp-icon-dash600>', story: (size: string): TemplateResult => html`<sp-icon-dash600 size=${size}></sp-icon-dash600>`},\r\n{name: 'Dash75', tag: '<sp-icon-dash75>', story: (size: string): TemplateResult => html`<sp-icon-dash75 size=${size}></sp-icon-dash75>`},\r\n{name: 'Double gripper', tag: '<sp-icon-double-gripper>', story: (size: string): TemplateResult => html`<sp-icon-double-gripper size=${size}></sp-icon-double-gripper>`},\r\n{name: 'Single gripper', tag: '<sp-icon-single-gripper>', story: (size: string): TemplateResult => html`<sp-icon-single-gripper size=${size}></sp-icon-single-gripper>`},\r\n{name: 'Triple gripper', tag: '<sp-icon-triple-gripper>', story: (size: string): TemplateResult => html`<sp-icon-triple-gripper size=${size}></sp-icon-triple-gripper>`},\r\n];\r\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/stories/icons-ui.stories.js

@@ -1,37 +1,10 @@
-import "@spectrum-web-components/icon/sp-icon.js";
-import "../../iconset/stories/icons-demo.js";
-import { html } from "@spectrum-web-components/base";
-import { until } from "@spectrum-web-components/base/src/directives.js";
-export default {
-  title: "Icons/UI",
-  argTypes: {
-    color: { control: "color" },
-    size: {
-      control: {
-        type: "inline-radio",
-        options: ["s", "m", "l", "xl"]
-      }
-    }
-  },
-  args: {
-    color: "#000000",
-    size: "m"
-  },
-  swc_vrt: {
-    preload: async () => {
-      await import("./icon-manifest.js");
-    }
-  }
-};
-export const elements = ({ color, size }) => {
-  const content = import("./icon-manifest.js").then((iconManifest) => html`
+import"@spectrum-web-components/icon/sp-icon.js";import"../../iconset/stories/icons-demo.js";import{html as e}from"@spectrum-web-components/base";import{until as s}from"@spectrum-web-components/base/src/directives.js";export default{title:"Icons/UI",argTypes:{color:{control:"color"},size:{control:{type:"inline-radio",options:["s","m","l","xl"]}}},args:{color:"#000000",size:"m"},swc_vrt:{preload:async()=>{await import("./icon-manifest.js")}}};export const elements=({color:n,size:i})=>{const l=import("./icon-manifest.js").then(o=>e`
             <icons-demo
-                style="color: ${color}"
-                size=${size}
-                .icons=${iconManifest.iconManifest}
+                style="color: ${n}"
+                size=${i}
+                .icons=${o.iconManifest}
             ></icons-demo>
-        `);
-  return html`
+        `);return e`
         <style>
             .icon {
                 display: flex;
@@ -44,35 +17,20 @@ export const elements = ({ color, size }) => {
             }
         </style>
         <delayed-ready>
-            ${until(content, html`
+            ${s(l,e`
                     Loading...
                 `)}
         </delayed-ready>
-    `;
-};
-export const Icons = ({ color, size }) => {
-  const content = import("../").then((icons) => {
-    const iconTemplates = [];
-    for (const icon in icons) {
-      if (icon === "setCustomTemplateLiteralTag")
-        continue;
-      iconTemplates.push({
-        template: icons[icon],
-        name: icon
-      });
-    }
-    return html`
-            <icons-demo style="color: ${color}">
-                ${iconTemplates.map((icon) => html`
+    `},Icons=({color:n,size:i})=>{const l=import("../").then(o=>{const r=[];for(const t in o)t!=="setCustomTemplateLiteralTag"&&r.push({template:o[t],name:t});return e`
+            <icons-demo style="color: ${n}">
+                ${r.map(t=>e`
                         <bdo class="icon" dir="ltr">
-                            <sp-icon size=${size}>${icon.template()}</sp-icon>
-                            ${icon.name}
+                            <sp-icon size=${i}>${t.template()}</sp-icon>
+                            ${t.name}
                         </bdo>
                     `)}
             </icons-demo>
-        `;
-  });
-  return html`
+        `});return e`
         <style>
             .icon {
                 display: flex;
@@ -85,10 +43,9 @@ export const Icons = ({ color, size }) => {
             }
         </style>
         <delayed-ready>
-            ${until(content, html`
+            ${s(l,e`
                     Loading...
                 `)}
         </delayed-ready>
-    `;
-};
+    `};
 //# sourceMappingURL=icons-ui.stories.js.map

package/stories/icons-ui.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["icons-ui.stories.ts"],
   "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 '../../iconset/stories/icons-demo.js';\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport { until } from '@spectrum-web-components/base/src/directives.js';\n\nexport default {\n    title: 'Icons/UI',\n    argTypes: {\n        color: { control: 'color' },\n        size: {\n            control: {\n                type: 'inline-radio',\n                options: ['s', 'm', 'l', 'xl'],\n            },\n        },\n    },\n    args: {\n        color: '#000000',\n        size: 'm',\n    },\n    swc_vrt: {\n        preload: async (): Promise<void> => {\n            await import('./icon-manifest.js');\n        },\n    },\n};\n\ninterface Properties {\n    color: string;\n    size: 's' | 'm' | 'l' | 'xl';\n}\n\nexport const elements = ({ color, size }: Properties): TemplateResult => {\n    const content = import('./icon-manifest.js').then(\n        (iconManifest) => html`\n            <icons-demo\n                style=\"color: ${color}\"\n                size=${size}\n                .icons=${iconManifest.iconManifest}\n            ></icons-demo>\n        `\n    );\n    return html`\n        <style>\n            .icon {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                text-align: center;\n            }\n            sp-icon {\n                margin-bottom: 10px;\n            }\n        </style>\n        <delayed-ready>\n            ${until(\n                content,\n                html`\n                    Loading...\n                `\n            )}\n        </delayed-ready>\n    `;\n};\n\nexport const Icons = ({ color, size }: Properties): TemplateResult => {\n    const content = import('../').then((icons) => {\n        const iconTemplates: {\n            template: () => TemplateResult;\n            name: string;\n        }[] = [];\n        for (const icon in icons) {\n            if (icon === 'setCustomTemplateLiteralTag') continue;\n            iconTemplates.push({\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                template: (icons as any)[icon],\n                name: icon,\n            });\n        }\n        return html`\n            <icons-demo style=\"color: ${color}\">\n                ${iconTemplates.map(\n                    (icon) => html`\n                        <bdo class=\"icon\" dir=\"ltr\">\n                            <sp-icon size=${size}>${icon.template()}</sp-icon>\n                            ${icon.name}\n                        </bdo>\n                    `\n                )}\n            </icons-demo>\n        `;\n    });\n    return html`\n        <style>\n            .icon {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                text-align: center;\n            }\n            sp-icon {\n                margin-bottom: 10px;\n            }\n        </style>\n        <delayed-ready>\n            ${until(\n                content,\n                html`\n                    Loading...\n                `\n            )}\n        </delayed-ready>\n    `;\n};\n"],
-  "mappings": "AAYA;AACA;AACA;AACA;AAEA,eAAe;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,IACN,OAAO,EAAE,SAAS,QAAQ;AAAA,IAC1B,MAAM;AAAA,MACF,SAAS;AAAA,QACL,MAAM;AAAA,QACN,SAAS,CAAC,KAAK,KAAK,KAAK,IAAI;AAAA,MACjC;AAAA,IACJ;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,OAAO;AAAA,IACP,MAAM;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACL,SAAS,YAA2B;AAChC,YAAM,OAAO;AAAA,IACjB;AAAA,EACJ;AACJ;AAOO,aAAM,WAAW,CAAC,EAAE,OAAO,WAAuC;AACrE,QAAM,UAAU,OAAO,sBAAsB,KACzC,CAAC,iBAAiB;AAAA;AAAA,gCAEM;AAAA,uBACT;AAAA,yBACE,aAAa;AAAA;AAAA,SAGlC;AACA,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAaG,MACE,SACA;AAAA;AAAA,iBAGJ;AAAA;AAAA;AAGZ;AAEO,aAAM,QAAQ,CAAC,EAAE,OAAO,WAAuC;AAClE,QAAM,UAAU,OAAO,OAAO,KAAK,CAAC,UAAU;AAC1C,UAAM,gBAGA,CAAC;AACP,eAAW,QAAQ,OAAO;AACtB,UAAI,SAAS;AAA+B;AAC5C,oBAAc,KAAK;AAAA,QAEf,UAAW,MAAc;AAAA,QACzB,MAAM;AAAA,MACV,CAAC;AAAA,IACL;AACA,WAAO;AAAA,wCACyB;AAAA,kBACtB,cAAc,IACZ,CAAC,SAAS;AAAA;AAAA,4CAEc,QAAQ,KAAK,SAAS;AAAA,8BACpC,KAAK;AAAA;AAAA,qBAGnB;AAAA;AAAA;AAAA,EAGZ,CAAC;AACD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAaG,MACE,SACA;AAAA;AAAA,iBAGJ;AAAA;AAAA;AAGZ;",
+  "mappings": "AAYA,iDACA,4CACA,qDACA,wEAEA,cAAe,CACX,MAAO,WACP,SAAU,CACN,MAAO,CAAE,QAAS,OAAQ,EAC1B,KAAM,CACF,QAAS,CACL,KAAM,eACN,QAAS,CAAC,IAAK,IAAK,IAAK,IAAI,CACjC,CACJ,CACJ,EACA,KAAM,CACF,MAAO,UACP,KAAM,GACV,EACA,QAAS,CACL,QAAS,SAA2B,CAChC,KAAM,QAAO,qBACjB,CACJ,CACJ,EAOO,YAAM,UAAW,CAAC,CAAE,QAAO,UAAuC,CACrE,KAAM,GAAU,OAAO,sBAAsB,KACzC,AAAC,GAAiB;AAAA;AAAA,gCAEM;AAAA,uBACT;AAAA,yBACE,EAAa;AAAA;AAAA,SAGlC,EACA,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAaG,EACE,EACA;AAAA;AAAA,iBAGJ;AAAA;AAAA,KAGZ,EAEa,MAAQ,CAAC,CAAE,QAAO,UAAuC,CAClE,KAAM,GAAU,OAAO,OAAO,KAAK,AAAC,GAAU,CAC1C,KAAM,GAGA,CAAC,EACP,SAAW,KAAQ,GACf,AAAI,IAAS,+BACb,EAAc,KAAK,CAEf,SAAW,EAAc,GACzB,KAAM,CACV,CAAC,EAEL,MAAO;AAAA,wCACyB;AAAA,kBACtB,EAAc,IACZ,AAAC,GAAS;AAAA;AAAA,4CAEc,KAAQ,EAAK,SAAS;AAAA,8BACpC,EAAK;AAAA;AAAA,qBAGnB;AAAA;AAAA,SAGZ,CAAC,EACD,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAaG,EACE,EACA;AAAA;AAAA,iBAGJ;AAAA;AAAA,KAGZ",
   "names": []
 }

package/test/benchmark/test-attribute-many.js

@@ -1,10 +1,4 @@
-import "@spectrum-web-components/icon/sp-icon.js";
-import "@spectrum-web-components/icons/sp-icons-medium.js";
-import { html } from "@spectrum-web-components/base";
-import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
-const iconset = document.createElement("sp-icons-medium");
-document.body.append(iconset);
-measureFixtureCreation(html`
+import"@spectrum-web-components/icon/sp-icon.js";import"@spectrum-web-components/icons/sp-icons-medium.js";import{html as n}from"@spectrum-web-components/base";import{measureFixtureCreation as i}from"../../../../test/benchmark/helpers.js";const o=document.createElement("sp-icons-medium");document.body.append(o),i(n`
     <sp-icon name="ui:Arrow100"></sp-icon>
     <sp-icon name="ui:Arrow200"></sp-icon>
     <sp-icon name="ui:Arrow300"></sp-icon>

package/test/benchmark/test-attribute-many.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["test-attribute-many.ts"],
   "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 '@spectrum-web-components/base';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nconst iconset = document.createElement('sp-icons-medium');\ndocument.body.append(iconset);\n\nmeasureFixtureCreation(html`\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow200\"></sp-icon>\n    <sp-icon name=\"ui:Arrow300\"></sp-icon>\n    <sp-icon name=\"ui:Arrow400\"></sp-icon>\n    <sp-icon name=\"ui:Arrow500\"></sp-icon>\n    <sp-icon name=\"ui:Arrow600\"></sp-icon>\n    <sp-icon name=\"ui:Arrow75\"></sp-icon>\n    <sp-icon name=\"ui:Asterisk100\"></sp-icon>\n    <sp-icon name=\"ui:Asterisk200\"></sp-icon>\n    <sp-icon name=\"ui:Asterisk300\"></sp-icon>\n    <sp-icon name=\"ui:Asterisk75\"></sp-icon>\n    <sp-icon name=\"ui:Checkmark100\"></sp-icon>\n    <sp-icon name=\"ui:Checkmark200\"></sp-icon>\n    <sp-icon name=\"ui:Checkmark300\"></sp-icon>\n    <sp-icon name=\"ui:Checkmark400\"></sp-icon>\n    <sp-icon name=\"ui:Checkmark50\"></sp-icon>\n    <sp-icon name=\"ui:Checkmark500\"></sp-icon>\n    <sp-icon name=\"ui:Checkmark600\"></sp-icon>\n    <sp-icon name=\"ui:Checkmark75\"></sp-icon>\n    <sp-icon name=\"ui:Chevron100\"></sp-icon>\n    <sp-icon name=\"ui:Chevron200\"></sp-icon>\n    <sp-icon name=\"ui:Chevron300\"></sp-icon>\n    <sp-icon name=\"ui:Chevron400\"></sp-icon>\n    <sp-icon name=\"ui:Chevron500\"></sp-icon>\n    <sp-icon name=\"ui:Chevron600\"></sp-icon>\n    <sp-icon name=\"ui:Chevron75\"></sp-icon>\n    <sp-icon name=\"ui:CornerTriangle100\"></sp-icon>\n    <sp-icon name=\"ui:CornerTriangle200\"></sp-icon>\n    <sp-icon name=\"ui:CornerTriangle300\"></sp-icon>\n    <sp-icon name=\"ui:CornerTriangle75\"></sp-icon>\n    <sp-icon name=\"ui:Cross100\"></sp-icon>\n    <sp-icon name=\"ui:Cross200\"></sp-icon>\n    <sp-icon name=\"ui:Cross300\"></sp-icon>\n    <sp-icon name=\"ui:Cross400\"></sp-icon>\n    <sp-icon name=\"ui:Cross500\"></sp-icon>\n    <sp-icon name=\"ui:Cross600\"></sp-icon>\n    <sp-icon name=\"ui:Cross75\"></sp-icon>\n    <sp-icon name=\"ui:Dash100\"></sp-icon>\n    <sp-icon name=\"ui:Dash200\"></sp-icon>\n    <sp-icon name=\"ui:Dash300\"></sp-icon>\n    <sp-icon name=\"ui:Dash400\"></sp-icon>\n    <sp-icon name=\"ui:Dash50\"></sp-icon>\n    <sp-icon name=\"ui:Dash500\"></sp-icon>\n    <sp-icon name=\"ui:Dash600\"></sp-icon>\n    <sp-icon name=\"ui:Dash75\"></sp-icon>\n    <sp-icon name=\"ui:DoubleGripper\"></sp-icon>\n    <sp-icon name=\"ui:SingleGripper\"></sp-icon>\n    <sp-icon name=\"ui:TripleGripper\"></sp-icon>\n`);\n"],
-  "mappings": "AAYA;AACA;AACA;AACA;AAEA,MAAM,UAAU,SAAS,cAAc,iBAAiB;AACxD,SAAS,KAAK,OAAO,OAAO;AAE5B,uBAAuB;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAiDtB;",
+  "mappings": "AAYA,iDACA,0DACA,qDACA,+EAEA,KAAM,GAAU,SAAS,cAAc,iBAAiB,EACxD,SAAS,KAAK,OAAO,CAAO,EAE5B,EAAuB;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAiDtB",
   "names": []
 }

package/test/benchmark/test-attribute.js

@@ -1,10 +1,4 @@
-import "@spectrum-web-components/icon/sp-icon.js";
-import "@spectrum-web-components/icons/sp-icons-medium.js";
-import { html } from "@spectrum-web-components/base";
-import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
-const iconset = document.createElement("sp-icons-medium");
-document.body.append(iconset);
-measureFixtureCreation(html`
+import"@spectrum-web-components/icon/sp-icon.js";import"@spectrum-web-components/icons/sp-icons-medium.js";import{html as o}from"@spectrum-web-components/base";import{measureFixtureCreation as i}from"../../../../test/benchmark/helpers.js";const n=document.createElement("sp-icons-medium");document.body.append(n),i(o`
     <sp-icon name="ui:Arrow100"></sp-icon>
     <sp-icon name="ui:Arrow100"></sp-icon>
     <sp-icon name="ui:Arrow100"></sp-icon>

package/test/benchmark/test-attribute.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["test-attribute.ts"],
   "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 '@spectrum-web-components/base';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nconst iconset = document.createElement('sp-icons-medium');\ndocument.body.append(iconset);\n\nmeasureFixtureCreation(html`\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n    <sp-icon name=\"ui:Arrow100\"></sp-icon>\n`);\n"],
-  "mappings": "AAYA;AACA;AACA;AACA;AAEA,MAAM,UAAU,SAAS,cAAc,iBAAiB;AACxD,SAAS,KAAK,OAAO,OAAO;AAE5B,uBAAuB;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAiDtB;",
+  "mappings": "AAYA,iDACA,0DACA,qDACA,+EAEA,KAAM,GAAU,SAAS,cAAc,iBAAiB,EACxD,SAAS,KAAK,OAAO,CAAO,EAE5B,EAAuB;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAiDtB",
   "names": []
 }

package/test/benchmark/test-injected-many.js

@@ -1,104 +1,51 @@
-import "@spectrum-web-components/icon/sp-icon.js";
-import { Arrow75Icon } from "@spectrum-web-components/icons-ui/src/icons/Arrow75.js";
-import { Arrow100Icon } from "@spectrum-web-components/icons-ui/src/icons/Arrow100.js";
-import { Arrow200Icon } from "@spectrum-web-components/icons-ui/src/icons/Arrow200.js";
-import { Arrow300Icon } from "@spectrum-web-components/icons-ui/src/icons/Arrow300.js";
-import { Arrow400Icon } from "@spectrum-web-components/icons-ui/src/icons/Arrow400.js";
-import { Arrow500Icon } from "@spectrum-web-components/icons-ui/src/icons/Arrow500.js";
-import { Arrow600Icon } from "@spectrum-web-components/icons-ui/src/icons/Arrow600.js";
-import { Asterisk75Icon } from "@spectrum-web-components/icons-ui/src/icons/Asterisk75.js";
-import { Asterisk100Icon } from "@spectrum-web-components/icons-ui/src/icons/Asterisk100.js";
-import { Asterisk200Icon } from "@spectrum-web-components/icons-ui/src/icons/Asterisk200.js";
-import { Asterisk300Icon } from "@spectrum-web-components/icons-ui/src/icons/Asterisk300.js";
-import { Checkmark50Icon } from "@spectrum-web-components/icons-ui/src/icons/Checkmark50.js";
-import { Checkmark75Icon } from "@spectrum-web-components/icons-ui/src/icons/Checkmark75.js";
-import { Checkmark100Icon } from "@spectrum-web-components/icons-ui/src/icons/Checkmark100.js";
-import { Checkmark200Icon } from "@spectrum-web-components/icons-ui/src/icons/Checkmark200.js";
-import { Checkmark300Icon } from "@spectrum-web-components/icons-ui/src/icons/Checkmark300.js";
-import { Checkmark400Icon } from "@spectrum-web-components/icons-ui/src/icons/Checkmark400.js";
-import { Checkmark500Icon } from "@spectrum-web-components/icons-ui/src/icons/Checkmark500.js";
-import { Checkmark600Icon } from "@spectrum-web-components/icons-ui/src/icons/Checkmark600.js";
-import { Chevron75Icon } from "@spectrum-web-components/icons-ui/src/icons/Chevron75.js";
-import { Chevron100Icon } from "@spectrum-web-components/icons-ui/src/icons/Chevron100.js";
-import { Chevron200Icon } from "@spectrum-web-components/icons-ui/src/icons/Chevron200.js";
-import { Chevron300Icon } from "@spectrum-web-components/icons-ui/src/icons/Chevron300.js";
-import { Chevron400Icon } from "@spectrum-web-components/icons-ui/src/icons/Chevron400.js";
-import { Chevron500Icon } from "@spectrum-web-components/icons-ui/src/icons/Chevron500.js";
-import { Chevron600Icon } from "@spectrum-web-components/icons-ui/src/icons/Chevron600.js";
-import { CornerTriangle75Icon } from "@spectrum-web-components/icons-ui/src/icons/CornerTriangle75.js";
-import { CornerTriangle100Icon } from "@spectrum-web-components/icons-ui/src/icons/CornerTriangle100.js";
-import { CornerTriangle200Icon } from "@spectrum-web-components/icons-ui/src/icons/CornerTriangle200.js";
-import { CornerTriangle300Icon } from "@spectrum-web-components/icons-ui/src/icons/CornerTriangle300.js";
-import { Cross75Icon } from "@spectrum-web-components/icons-ui/src/icons/Cross75.js";
-import { Cross100Icon } from "@spectrum-web-components/icons-ui/src/icons/Cross100.js";
-import { Cross200Icon } from "@spectrum-web-components/icons-ui/src/icons/Cross200.js";
-import { Cross300Icon } from "@spectrum-web-components/icons-ui/src/icons/Cross300.js";
-import { Cross400Icon } from "@spectrum-web-components/icons-ui/src/icons/Cross400.js";
-import { Cross500Icon } from "@spectrum-web-components/icons-ui/src/icons/Cross500.js";
-import { Cross600Icon } from "@spectrum-web-components/icons-ui/src/icons/Cross600.js";
-import { Dash50Icon } from "@spectrum-web-components/icons-ui/src/icons/Dash50.js";
-import { Dash75Icon } from "@spectrum-web-components/icons-ui/src/icons/Dash75.js";
-import { Dash100Icon } from "@spectrum-web-components/icons-ui/src/icons/Dash100.js";
-import { Dash200Icon } from "@spectrum-web-components/icons-ui/src/icons/Dash200.js";
-import { Dash300Icon } from "@spectrum-web-components/icons-ui/src/icons/Dash300.js";
-import { Dash400Icon } from "@spectrum-web-components/icons-ui/src/icons/Dash400.js";
-import { Dash500Icon } from "@spectrum-web-components/icons-ui/src/icons/Dash500.js";
-import { Dash600Icon } from "@spectrum-web-components/icons-ui/src/icons/Dash600.js";
-import { DoubleGripperIcon } from "@spectrum-web-components/icons-ui/src/icons/DoubleGripper.js";
-import { SingleGripperIcon } from "@spectrum-web-components/icons-ui/src/icons/SingleGripper.js";
-import { TripleGripperIcon } from "@spectrum-web-components/icons-ui/src/icons/TripleGripper.js";
-import { setCustomTemplateLiteralTag } from "@spectrum-web-components/icons-ui/src/custom-tag.js";
-import { html } from "@spectrum-web-components/base";
-import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
-setCustomTemplateLiteralTag(html);
-measureFixtureCreation(html`
-    <sp-icon>${Arrow75Icon()}</sp-icon>
-    <sp-icon>${Arrow100Icon()}</sp-icon>
-    <sp-icon>${Arrow200Icon()}</sp-icon>
-    <sp-icon>${Arrow300Icon()}</sp-icon>
-    <sp-icon>${Arrow400Icon()}</sp-icon>
-    <sp-icon>${Arrow500Icon()}</sp-icon>
-    <sp-icon>${Arrow600Icon()}</sp-icon>
-    <sp-icon>${Asterisk75Icon()}</sp-icon>
-    <sp-icon>${Asterisk100Icon()}</sp-icon>
-    <sp-icon>${Asterisk200Icon()}</sp-icon>
-    <sp-icon>${Asterisk300Icon()}</sp-icon>
-    <sp-icon>${Checkmark50Icon()}</sp-icon>
-    <sp-icon>${Checkmark75Icon()}</sp-icon>
-    <sp-icon>${Checkmark100Icon()}</sp-icon>
-    <sp-icon>${Checkmark200Icon()}</sp-icon>
-    <sp-icon>${Checkmark300Icon()}</sp-icon>
-    <sp-icon>${Checkmark400Icon()}</sp-icon>
-    <sp-icon>${Checkmark500Icon()}</sp-icon>
-    <sp-icon>${Checkmark600Icon()}</sp-icon>
-    <sp-icon>${Chevron75Icon()}</sp-icon>
-    <sp-icon>${Chevron100Icon()}</sp-icon>
-    <sp-icon>${Chevron200Icon()}</sp-icon>
-    <sp-icon>${Chevron300Icon()}</sp-icon>
-    <sp-icon>${Chevron400Icon()}</sp-icon>
-    <sp-icon>${Chevron500Icon()}</sp-icon>
-    <sp-icon>${Chevron600Icon()}</sp-icon>
-    <sp-icon>${CornerTriangle75Icon()}</sp-icon>
-    <sp-icon>${CornerTriangle100Icon()}</sp-icon>
-    <sp-icon>${CornerTriangle200Icon()}</sp-icon>
-    <sp-icon>${CornerTriangle300Icon()}</sp-icon>
-    <sp-icon>${Cross75Icon()}</sp-icon>
-    <sp-icon>${Cross100Icon()}</sp-icon>
-    <sp-icon>${Cross200Icon()}</sp-icon>
-    <sp-icon>${Cross300Icon()}</sp-icon>
-    <sp-icon>${Cross400Icon()}</sp-icon>
-    <sp-icon>${Cross500Icon()}</sp-icon>
-    <sp-icon>${Cross600Icon()}</sp-icon>
-    <sp-icon>${Dash50Icon()}</sp-icon>
-    <sp-icon>${Dash75Icon()}</sp-icon>
-    <sp-icon>${Dash100Icon()}</sp-icon>
-    <sp-icon>${Dash200Icon()}</sp-icon>
-    <sp-icon>${Dash300Icon()}</sp-icon>
-    <sp-icon>${Dash400Icon()}</sp-icon>
-    <sp-icon>${Dash500Icon()}</sp-icon>
-    <sp-icon>${Dash600Icon()}</sp-icon>
-    <sp-icon>${DoubleGripperIcon()}</sp-icon>
-    <sp-icon>${SingleGripperIcon()}</sp-icon>
-    <sp-icon>${TripleGripperIcon()}</sp-icon>
+import"@spectrum-web-components/icon/sp-icon.js";import{Arrow75Icon as r}from"@spectrum-web-components/icons-ui/src/icons/Arrow75.js";import{Arrow100Icon as i}from"@spectrum-web-components/icons-ui/src/icons/Arrow100.js";import{Arrow200Icon as n}from"@spectrum-web-components/icons-ui/src/icons/Arrow200.js";import{Arrow300Icon as p}from"@spectrum-web-components/icons-ui/src/icons/Arrow300.js";import{Arrow400Icon as c}from"@spectrum-web-components/icons-ui/src/icons/Arrow400.js";import{Arrow500Icon as s}from"@spectrum-web-components/icons-ui/src/icons/Arrow500.js";import{Arrow600Icon as m}from"@spectrum-web-components/icons-ui/src/icons/Arrow600.js";import{Asterisk75Icon as t}from"@spectrum-web-components/icons-ui/src/icons/Asterisk75.js";import{Asterisk100Icon as f}from"@spectrum-web-components/icons-ui/src/icons/Asterisk100.js";import{Asterisk200Icon as I}from"@spectrum-web-components/icons-ui/src/icons/Asterisk200.js";import{Asterisk300Icon as $}from"@spectrum-web-components/icons-ui/src/icons/Asterisk300.js";import{Checkmark50Icon as e}from"@spectrum-web-components/icons-ui/src/icons/Checkmark50.js";import{Checkmark75Icon as C}from"@spectrum-web-components/icons-ui/src/icons/Checkmark75.js";import{Checkmark100Icon as a}from"@spectrum-web-components/icons-ui/src/icons/Checkmark100.js";import{Checkmark200Icon as h}from"@spectrum-web-components/icons-ui/src/icons/Checkmark200.js";import{Checkmark300Icon as k}from"@spectrum-web-components/icons-ui/src/icons/Checkmark300.js";import{Checkmark400Icon as A}from"@spectrum-web-components/icons-ui/src/icons/Checkmark400.js";import{Checkmark500Icon as l}from"@spectrum-web-components/icons-ui/src/icons/Checkmark500.js";import{Checkmark600Icon as D}from"@spectrum-web-components/icons-ui/src/icons/Checkmark600.js";import{Chevron75Icon as v}from"@spectrum-web-components/icons-ui/src/icons/Chevron75.js";import{Chevron100Icon as w}from"@spectrum-web-components/icons-ui/src/icons/Chevron100.js";import{Chevron200Icon as T}from"@spectrum-web-components/icons-ui/src/icons/Chevron200.js";import{Chevron300Icon as g}from"@spectrum-web-components/icons-ui/src/icons/Chevron300.js";import{Chevron400Icon as u}from"@spectrum-web-components/icons-ui/src/icons/Chevron400.js";import{Chevron500Icon as G}from"@spectrum-web-components/icons-ui/src/icons/Chevron500.js";import{Chevron600Icon as b}from"@spectrum-web-components/icons-ui/src/icons/Chevron600.js";import{CornerTriangle75Icon as x}from"@spectrum-web-components/icons-ui/src/icons/CornerTriangle75.js";import{CornerTriangle100Icon as F}from"@spectrum-web-components/icons-ui/src/icons/CornerTriangle100.js";import{CornerTriangle200Icon as L}from"@spectrum-web-components/icons-ui/src/icons/CornerTriangle200.js";import{CornerTriangle300Icon as S}from"@spectrum-web-components/icons-ui/src/icons/CornerTriangle300.js";import{Cross75Icon as d}from"@spectrum-web-components/icons-ui/src/icons/Cross75.js";import{Cross100Icon as j}from"@spectrum-web-components/icons-ui/src/icons/Cross100.js";import{Cross200Icon as q}from"@spectrum-web-components/icons-ui/src/icons/Cross200.js";import{Cross300Icon as y}from"@spectrum-web-components/icons-ui/src/icons/Cross300.js";import{Cross400Icon as z}from"@spectrum-web-components/icons-ui/src/icons/Cross400.js";import{Cross500Icon as B}from"@spectrum-web-components/icons-ui/src/icons/Cross500.js";import{Cross600Icon as E}from"@spectrum-web-components/icons-ui/src/icons/Cross600.js";import{Dash50Icon as H}from"@spectrum-web-components/icons-ui/src/icons/Dash50.js";import{Dash75Icon as J}from"@spectrum-web-components/icons-ui/src/icons/Dash75.js";import{Dash100Icon as K}from"@spectrum-web-components/icons-ui/src/icons/Dash100.js";import{Dash200Icon as M}from"@spectrum-web-components/icons-ui/src/icons/Dash200.js";import{Dash300Icon as N}from"@spectrum-web-components/icons-ui/src/icons/Dash300.js";import{Dash400Icon as O}from"@spectrum-web-components/icons-ui/src/icons/Dash400.js";import{Dash500Icon as P}from"@spectrum-web-components/icons-ui/src/icons/Dash500.js";import{Dash600Icon as Q}from"@spectrum-web-components/icons-ui/src/icons/Dash600.js";import{DoubleGripperIcon as R}from"@spectrum-web-components/icons-ui/src/icons/DoubleGripper.js";import{SingleGripperIcon as U}from"@spectrum-web-components/icons-ui/src/icons/SingleGripper.js";import{TripleGripperIcon as V}from"@spectrum-web-components/icons-ui/src/icons/TripleGripper.js";import{setCustomTemplateLiteralTag as W}from"@spectrum-web-components/icons-ui/src/custom-tag.js";import{html as o}from"@spectrum-web-components/base";import{measureFixtureCreation as X}from"../../../../test/benchmark/helpers.js";W(o),X(o`
+    <sp-icon>${r()}</sp-icon>
+    <sp-icon>${i()}</sp-icon>
+    <sp-icon>${n()}</sp-icon>
+    <sp-icon>${p()}</sp-icon>
+    <sp-icon>${c()}</sp-icon>
+    <sp-icon>${s()}</sp-icon>
+    <sp-icon>${m()}</sp-icon>
+    <sp-icon>${t()}</sp-icon>
+    <sp-icon>${f()}</sp-icon>
+    <sp-icon>${I()}</sp-icon>
+    <sp-icon>${$()}</sp-icon>
+    <sp-icon>${e()}</sp-icon>
+    <sp-icon>${C()}</sp-icon>
+    <sp-icon>${a()}</sp-icon>
+    <sp-icon>${h()}</sp-icon>
+    <sp-icon>${k()}</sp-icon>
+    <sp-icon>${A()}</sp-icon>
+    <sp-icon>${l()}</sp-icon>
+    <sp-icon>${D()}</sp-icon>
+    <sp-icon>${v()}</sp-icon>
+    <sp-icon>${w()}</sp-icon>
+    <sp-icon>${T()}</sp-icon>
+    <sp-icon>${g()}</sp-icon>
+    <sp-icon>${u()}</sp-icon>
+    <sp-icon>${G()}</sp-icon>
+    <sp-icon>${b()}</sp-icon>
+    <sp-icon>${x()}</sp-icon>
+    <sp-icon>${F()}</sp-icon>
+    <sp-icon>${L()}</sp-icon>
+    <sp-icon>${S()}</sp-icon>
+    <sp-icon>${d()}</sp-icon>
+    <sp-icon>${j()}</sp-icon>
+    <sp-icon>${q()}</sp-icon>
+    <sp-icon>${y()}</sp-icon>
+    <sp-icon>${z()}</sp-icon>
+    <sp-icon>${B()}</sp-icon>
+    <sp-icon>${E()}</sp-icon>
+    <sp-icon>${H()}</sp-icon>
+    <sp-icon>${J()}</sp-icon>
+    <sp-icon>${K()}</sp-icon>
+    <sp-icon>${M()}</sp-icon>
+    <sp-icon>${N()}</sp-icon>
+    <sp-icon>${O()}</sp-icon>
+    <sp-icon>${P()}</sp-icon>
+    <sp-icon>${Q()}</sp-icon>
+    <sp-icon>${R()}</sp-icon>
+    <sp-icon>${U()}</sp-icon>
+    <sp-icon>${V()}</sp-icon>
 `);
 //# sourceMappingURL=test-injected-many.js.map