@spectrum-web-components/icons-ui 0.50.0-beta.0 → 0.50.0-beta.10

package/bin/build.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
 /*
 Copyright 2020 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -22,9 +23,6 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 const rootDir = path.join(__dirname, '../../../');
 
-const iconsPath = process.argv.slice(2)[0];
-const keepColors = process.argv.slice(2)[1];
-
 const disclaimer = `
 /*
 Copyright 2020 Adobe. All rights reserved.
@@ -38,7 +36,9 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */`;
 
-const icons = (await fg(`${rootDir}node_modules/${iconsPath}/*.svg`)).sort();
+const S1IConsPackageDir = '@spectrum-css/ui-icons/dist/medium';
+const S2IConsPackageDir = '@spectrum-css/ui-icons-s2/dist/medium';
+const keepColors = '';
 
 if (!fs.existsSync(`${rootDir}packages/icons-ui/src`)) {
     fs.mkdirSync(`${rootDir}packages/icons-ui/src`);
@@ -46,6 +46,9 @@ if (!fs.existsSync(`${rootDir}packages/icons-ui/src`)) {
 if (!fs.existsSync(`${rootDir}packages/icons-ui/src/icons`)) {
     fs.mkdirSync(`${rootDir}packages/icons-ui/src/icons`);
 }
+if (!fs.existsSync(`${rootDir}packages/icons-ui/src/icons-s2`)) {
+    fs.mkdirSync(`${rootDir}packages/icons-ui/src/icons-s2`);
+}
 if (!fs.existsSync(`${rootDir}packages/icons-ui/src/elements`)) {
     fs.mkdirSync(`${rootDir}packages/icons-ui/src/elements`);
 }
@@ -57,6 +60,11 @@ fs.writeFileSync(
     disclaimer,
     'utf-8'
 );
+fs.writeFileSync(
+    path.join(rootDir, 'packages', 'icons-ui', 'src', 'icons-s2.ts'),
+    disclaimer,
+    'utf-8'
+);
 const manifestPath = path.join(
     rootDir,
     'packages',
@@ -71,211 +79,334 @@ let manifestImports = `import {
 } from '@spectrum-web-components/base';\r\n`;
 let manifestListings = `\r\nexport const iconManifest = [\r\n`;
 
-icons.forEach((i) => {
-    const svg = fs.readFileSync(i, 'utf-8');
-    let id = path.basename(i, '.svg').replace('S_', '').replace('_22_N', '');
-    if (id.search(/^Ad[A-Z]/) !== -1) {
-        id = id.replace(/^Ad/, '');
-        id += 'Advert';
-    }
-    const ComponentName = id === 'github' ? 'GitHub' : Case.pascal(id);
-    const $ = load(svg, {
-        xmlMode: true,
-    });
-    const title = Case.capital(id);
-    const fileName = `${id}.ts`;
-    const location = path.join(
-        rootDir,
-        'packages/icons-ui/src/icons',
-        fileName
-    );
-
-    if (!Number.isNaN(Number(ComponentName[0]))) {
-        return;
-    }
+const defaultIconImport = `import { DefaultIcon as AlternateIcon } from '../DefaultIcon.js';\r\n`;
 
-    $('*').each((index, el) => {
-        if (el.name === 'svg') {
-            $(el).attr('aria-hidden', 'true');
-            $(el).attr('role', 'img');
-            if (keepColors !== 'keep') {
-                $(el).attr('fill', 'currentColor');
-            }
-            $(el).attr('aria-label', '...');
-            $(el).removeAttr('id');
-            $(el).attr('width', '...');
-            $(el).attr('height', '...');
+async function buildIcons(icons, tag, iconsNameList) {
+    icons.forEach((i) => {
+        const svg = fs.readFileSync(i, 'utf-8');
+        let id = path
+            .basename(i, '.svg')
+            .replace('S2_Icon_', '')
+            .replace('_20_N', '')
+            .replace('_22x20_N', '');
+        if (id.search(/^Ad[A-Z]/) !== -1) {
+            id = id.replace(/^Ad/, '');
+            id += 'Advert';
         }
-        if (el.name === 'defs') {
-            $(el).remove();
+
+        if (id === 'UnLink') {
+            id = 'Unlink';
         }
-        Object.keys(el.attribs).forEach((x) => {
-            if (x === 'class') {
-                $(el).removeAttr(x);
-            }
-            if (keepColors !== 'keep' && x === 'stroke') {
-                $(el).attr(x, 'currentColor');
+        if (id === 'TextStrikeThrough') {
+            id = 'TextStrikethrough';
+        }
+
+        let ComponentName = id === 'github' ? 'GitHub' : Case.pascal(id);
+
+        if (ComponentName === 'TextStrikeThrough') {
+            ComponentName = 'TextStrikethrough';
+        }
+        if (ComponentName === 'UnLink') {
+            ComponentName = 'Unlink';
+        }
+
+        const $ = load(svg, {
+            xmlMode: true,
+        });
+        const title = Case.capital(id);
+        const fileName = `${id}.ts`;
+        const location = path.join(
+            rootDir,
+            'packages/icons-ui/src',
+            tag,
+            fileName
+        );
+
+        if (!Number.isNaN(Number(ComponentName[0]))) {
+            return;
+        }
+
+        $('*').each((index, el) => {
+            if (el.name === 'svg') {
+                $(el).attr('aria-hidden', '...');
+                $(el).attr('role', 'img');
+                if (keepColors !== 'keep') {
+                    $(el).attr('fill', 'currentColor');
+                }
+                $(el).attr('aria-label', '...');
+                $(el).removeAttr('id');
+                $(el).attr('width', '...');
+                $(el).attr('height', '...');
             }
-            if (keepColors !== 'keep' && x === 'fill') {
-                $(el).attr(x, 'currentColor');
+            if (el.name === 'defs') {
+                $(el).remove();
             }
+            Object.keys(el.attribs).forEach((x) => {
+                if (x === 'class') {
+                    $(el).removeAttr(x);
+                }
+                if (keepColors !== 'keep' && x === 'stroke') {
+                    $(el).attr(x, 'currentColor');
+                }
+                if (keepColors !== 'keep' && x === 'fill') {
+                    $(el).attr(x, 'currentColor');
+                }
+            });
         });
+
+        const iconLiteral = `
+        ${disclaimer}
+    
+        import {tag as html, TemplateResult} from '../custom-tag.js';
+    
+        export {setCustomTemplateLiteralTag} from '../custom-tag.js';
+        export const ${ComponentName}Icon = ({
+        width = 24,
+        height = 24,
+        hidden = false,
+        title = '${title}',
+        } = {},): string | TemplateResult => {
+        return html\`${$('svg')
+            .toString()
+            .replace(
+                'aria-hidden="..."',
+                "aria-hidden=${hidden ? 'true' : 'false'}"
+            )
+            .replace('width="..."', 'width="${width}"')
+            .replace('height="..."', 'height="${height}"')
+            .replace('aria-label="..."', 'aria-label="${title}"')}\`;
+        }
+    `;
+
+        prettier
+            .format(iconLiteral, {
+                printWidth: 100,
+                tabWidth: 2,
+                useTabs: false,
+                semi: true,
+                singleQuote: true,
+                trailingComma: 'all',
+                bracketSpacing: true,
+                jsxBracketSameLine: false,
+                arrowParens: 'avoid',
+                parser: 'typescript',
+            })
+            .then((icon) => {
+                fs.writeFileSync(location, icon, 'utf-8');
+            });
+
+        const exportString = `export {${ComponentName}Icon} from './${tag}/${id}.js';\r\n`;
+        fs.appendFileSync(
+            path.join(rootDir, 'packages', 'icons-ui', 'src', tag + '.ts'),
+            exportString,
+            'utf-8'
+        );
+
+        const iconElementName = `sp-icon-${Case.kebab(ComponentName)}`;
+
+        const currenVersionIconImport = `import { ${ComponentName}Icon as CurrentIcon } from '../${tag}/${id}.js';\r\n`;
+
+        // check if the icon is present in the other version
+        let otherVersionIconImport = defaultIconImport;
+
+        if (iconsNameList.includes(ComponentName)) {
+            const alternateTag = tag === 'icons' ? 'icons-s2' : 'icons';
+            otherVersionIconImport = `import { ${ComponentName}Icon as AlternateIcon } from '../${alternateTag}/${id}.js';\r\n`;
+        }
+
+        const spectrumVersion = tag === 'icons' ? 1 : 2;
+
+        const iconElement = `
+        ${disclaimer}
+        
+        import {
+            html,
+            TemplateResult
+        } from '@spectrum-web-components/base';
+        import {
+            IconBase
+        } from '@spectrum-web-components/icon';
+        import {
+            setCustomTemplateLiteralTag
+        } from '../custom-tag.js';
+        
+        ${currenVersionIconImport}
+        ${otherVersionIconImport}
+        
+        /**
+         * @element ${iconElementName}
+         */
+        export class Icon${ComponentName} extends IconBase {
+            protected override render(): TemplateResult {
+                setCustomTemplateLiteralTag(html);
+    
+                if(this.spectrumVersion === ${spectrumVersion}){
+                    return CurrentIcon({ hidden: !this.label, title: this.label }) as TemplateResult;
+                }
+                return AlternateIcon({ hidden: !this.label, title: this.label }) as TemplateResult;
+    
+            }
+        }
+        `;
+
+        prettier
+            .format(iconElement, {
+                printWidth: 100,
+                tabWidth: 2,
+                useTabs: false,
+                semi: true,
+                singleQuote: true,
+                trailingComma: 'all',
+                bracketSpacing: true,
+                jsxBracketSameLine: false,
+                arrowParens: 'avoid',
+                parser: 'typescript',
+            })
+            .then((iconElementFile) => {
+                fs.writeFileSync(
+                    path.join(
+                        rootDir,
+                        'packages',
+                        'icons-ui',
+                        'src',
+                        'elements',
+                        `Icon${id}.ts`
+                    ),
+                    iconElementFile,
+                    'utf-8'
+                );
+            });
+
+        const iconRegistration = `
+        ${disclaimer}
+    
+        import { Icon${ComponentName} } from '../src/elements/Icon${id}.js';
+        import { defineElement } from '@spectrum-web-components/base/src/define-element.js';
+    
+        defineElement('${iconElementName}', Icon${ComponentName});
+    
+        declare global {
+            interface HTMLElementTagNameMap {
+                '${iconElementName}': Icon${ComponentName};
+            }
+        }
+        `;
+
+        prettier
+            .format(iconRegistration, {
+                printWidth: 100,
+                tabWidth: 2,
+                useTabs: false,
+                semi: true,
+                singleQuote: true,
+                trailingComma: 'all',
+                bracketSpacing: true,
+                jsxBracketSameLine: false,
+                arrowParens: 'avoid',
+                parser: 'typescript',
+            })
+            .then((iconRegistrationFile) => {
+                fs.writeFileSync(
+                    path.join(
+                        rootDir,
+                        'packages',
+                        'icons-ui',
+                        'icons',
+                        `${iconElementName}.ts`
+                    ),
+                    iconRegistrationFile,
+                    'utf-8'
+                );
+            });
+
+        const importStatement = `\r\nimport '@spectrum-web-components/icons-ui/icons/${iconElementName}.js';`;
+        const metadata = `{name: '${Case.sentence(
+            ComponentName
+        )}', tag: '<${iconElementName}>', story: (size: string): TemplateResult => html\`<${iconElementName} size=\$\{size\}></${iconElementName}>\`},\r\n`;
+        manifestImports += importStatement;
+        manifestListings += metadata;
     });
+}
+
+const iconsV1 = (
+    await fg(`${rootDir}/node_modules/${S1IConsPackageDir}/**.svg`)
+).sort();
+
+const iconsV2 = (
+    await fg(`${rootDir}/node_modules/${S2IConsPackageDir}/**.svg`)
+).sort();
 
-    const iconLiteral = `
-    ${disclaimer}
-
-    import {tag as html, TemplateResult} from '../custom-tag.js';
-
-    export {setCustomTemplateLiteralTag} from '../custom-tag.js';
-    export const ${ComponentName}Icon = ({
-    width = 24,
-    height = 24,
-    title = '${title}',
-    } = {},): string | TemplateResult => {
-    return html\`${$('svg')
-        .toString()
-        .replace('width="..."', 'width=${width}')
-        .replace('height="..."', 'height=${height}')
-        .replace('aria-label="..."', 'aria-label=${title}')}\`;
+const iconsV1NameList = iconsV1.map((i) => {
+    let id = path
+        .basename(i, '.svg')
+        .replace('S2_Icon_', '')
+        .replace('_20_N', '')
+        .replace('_22x20_N', '');
+
+    if (id.search(/^Ad[A-Z]/) !== -1) {
+        id = id.replace(/^Ad/, '');
+        id += 'Advert';
     }
-`;
-
-    prettier
-        .format(iconLiteral, {
-            printWidth: 100,
-            tabWidth: 2,
-            useTabs: false,
-            semi: true,
-            singleQuote: true,
-            trailingComma: 'all',
-            bracketSpacing: true,
-            jsxBracketSameLine: false,
-            arrowParens: 'avoid',
-            parser: 'typescript',
-        })
-        .then((icon) => {
-            fs.writeFileSync(location, icon, 'utf-8');
-        });
 
-    const exportString = `export {${ComponentName}Icon} from './icons/${id}.js';\r\n`;
-    fs.appendFileSync(
-        path.join(rootDir, 'packages', 'icons-ui', 'src', 'icons.ts'),
-        exportString,
-        'utf-8'
-    );
-
-    const iconElementName = `sp-icon-${Case.kebab(ComponentName)}`;
-    const iconElement = `
-    ${disclaimer}
-
-    import {
-        html,
-        TemplateResult
-    } from '@spectrum-web-components/base';
-    import {
-        IconBase
-    } from '@spectrum-web-components/icon';
-
-    import {
-        ${ComponentName}Icon
-    } from '../icons/${id}.js';
-    import {
-        setCustomTemplateLiteralTag
-    } from '../custom-tag.js';
-
-    /**
-     * @element ${iconElementName}
-     */
-    export class Icon${ComponentName} extends IconBase {
-        protected override render(): TemplateResult {
-            setCustomTemplateLiteralTag(html);
-            return ${ComponentName}Icon() as TemplateResult;
-        }
+    if (id === 'UnLink') {
+        id = 'Unlink';
+    }
+    if (id === 'TextStrikeThrough') {
+        id = 'TextStrikethrough';
     }
-    `;
-    prettier
-        .format(iconElement, {
-            printWidth: 100,
-            tabWidth: 2,
-            useTabs: false,
-            semi: true,
-            singleQuote: true,
-            trailingComma: 'all',
-            bracketSpacing: true,
-            jsxBracketSameLine: false,
-            arrowParens: 'avoid',
-            parser: 'typescript',
-        })
-        .then((iconElementFile) => {
-            fs.writeFileSync(
-                path.join(
-                    rootDir,
-                    'packages',
-                    'icons-ui',
-                    'src',
-                    'elements',
-                    `Icon${id}.ts`
-                ),
-                iconElementFile,
-                'utf-8'
-            );
-        });
 
-    const iconRegistration = `
-    ${disclaimer}
+    let ComponentName = id === 'github' ? 'GitHub' : Case.pascal(id);
 
-    import { Icon${ComponentName} } from '../src/elements/Icon${id}.js';
-    import { defineElement } from '@spectrum-web-components/base/src/define-element.js';
+    if (ComponentName === 'TextStrikeThrough') {
+        ComponentName = 'TextStrikethrough';
+    }
+    if (ComponentName === 'UnLink') {
+        ComponentName = 'Unlink';
+    }
 
-    defineElement('${iconElementName}', Icon${ComponentName});
+    return ComponentName;
+});
+const iconsV2NameList = iconsV2.map((i) => {
+    let id = path
+        .basename(i, '.svg')
+        .replace('S2_Icon_', '')
+        .replace('_20_N', '')
+        .replace('_22x20_N', '');
 
-    declare global {
-        interface HTMLElementTagNameMap {
-            '${iconElementName}': Icon${ComponentName};
-        }
+    if (id.search(/^Ad[A-Z]/) !== -1) {
+        id = id.replace(/^Ad/, '');
+        id += 'Advert';
     }
-    `;
-    prettier
-        .format(iconRegistration, {
-            printWidth: 100,
-            tabWidth: 2,
-            useTabs: false,
-            semi: true,
-            singleQuote: true,
-            trailingComma: 'all',
-            bracketSpacing: true,
-            jsxBracketSameLine: false,
-            arrowParens: 'avoid',
-            parser: 'typescript',
-        })
-        .then((iconRegistrationFile) => {
-            fs.writeFileSync(
-                path.join(
-                    rootDir,
-                    'packages',
-                    'icons-ui',
-                    'icons',
-                    `${iconElementName}.ts`
-                ),
-                iconRegistrationFile,
-                'utf-8'
-            );
-        });
-    const importStatement = `\r\nimport '@spectrum-web-components/icons-ui/icons/${iconElementName}.js';`;
-    const metadata = `{name: '${Case.sentence(
-        ComponentName
-    )}', tag: '<${iconElementName}>', story: (size: string): TemplateResult => html\`<${iconElementName} size=\$\{size\}></${iconElementName}>\`},\r\n`;
-    manifestImports += importStatement;
-    manifestListings += metadata;
+
+    if (id === 'UnLink') {
+        id = 'Unlink';
+    }
+    if (id === 'TextStrikeThrough') {
+        id = 'TextStrikethrough';
+    }
+
+    let ComponentName = id === 'github' ? 'GitHub' : Case.pascal(id);
+
+    if (ComponentName === 'TextStrikeThrough') {
+        ComponentName = 'TextStrikethrough';
+    }
+    if (ComponentName === 'UnLink') {
+        ComponentName = 'Unlink';
+    }
+
+    return ComponentName;
 });
 
+await buildIcons(iconsV1, 'icons', iconsV2NameList);
+await buildIcons(iconsV2, 'icons-s2', iconsV1NameList);
+
 const exportString = `\r\nexport { setCustomTemplateLiteralTag } from './custom-tag.js';\r\n`;
 fs.appendFileSync(
     path.join(rootDir, 'packages', 'icons-ui', 'src', 'icons.ts'),
     exportString,
     'utf-8'
 );
+
 fs.appendFileSync(
     manifestPath,
     `${manifestImports}${manifestListings}];\r\n`,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/icons-ui",
-    "version": "0.50.0-beta.0",
+    "version": "0.50.0-beta.10",
     "publishConfig": {
         "access": "public"
     },
@@ -26,7 +26,7 @@
         "./package.json": "./package.json"
     },
     "scripts": {
-        "build": "node ./bin/build @spectrum-css/ui-icons/dist/medium"
+        "build": "node ./bin/build.js"
     },
     "files": [
         "**/*.d.ts",
@@ -44,12 +44,13 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.50.0-beta.0",
-        "@spectrum-web-components/icon": "^0.50.0-beta.0",
-        "@spectrum-web-components/iconset": "^0.50.0-beta.0"
+        "@spectrum-web-components/base": "^0.50.0-beta.10",
+        "@spectrum-web-components/icon": "^0.50.0-beta.10",
+        "@spectrum-web-components/iconset": "^0.50.0-beta.10"
     },
     "devDependencies": {
         "@spectrum-css/ui-icons": "^1.1.2",
+        "@spectrum-css/ui-icons-s2": "npm:@spectrum-css/ui-icons@^2.0.0-s2-foundations.10",
         "case": "^1.6.1",
         "cheerio": "^1.0.0-rc.2",
         "fast-glob": "^3.2.12",
@@ -61,7 +62,8 @@
     "customElements": "custom-elements.json",
     "sideEffects": [
         "./src/index.js",
-        "./icons/*"
+        "./icons/*",
+        "./icons-s2/*"
     ],
-    "gitHead": "c3e248b4de0be546f3fb6bdfb26c9f711676b9c3"
+    "gitHead": "395073bbb2a7fc859d54f59cd0d93d80cc3c60a7"
 }

package/src/elements/IconArrow100.js

@@ -1,2 +1,2 @@
-"use strict";import{html as e}from"@spectrum-web-components/base";import{IconBase as r}from"@spectrum-web-components/icon";import{Arrow100Icon as t}from"../icons/Arrow100.js";import{setCustomTemplateLiteralTag as o}from"../custom-tag.js";export class IconArrow100 extends r{render(){return o(e),t()}}
+"use strict";import{html as e}from"@spectrum-web-components/base";import{IconBase as t}from"@spectrum-web-components/icon";import{setCustomTemplateLiteralTag as r}from"../custom-tag.js";import{Arrow100Icon as o}from"../icons-s2/Arrow100.js";import{Arrow100Icon as l}from"../icons/Arrow100.js";export class IconArrow100 extends t{render(){return r(e),this.spectrumVersion===2?o({hidden:!this.label,title:this.label}):l({hidden:!this.label,title:this.label})}}
 //# sourceMappingURL=IconArrow100.js.map

package/src/elements/IconArrow100.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["IconArrow100.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, TemplateResult } from '@spectrum-web-components/base';\nimport { IconBase } from '@spectrum-web-components/icon';\n\nimport { Arrow100Icon } from '../icons/Arrow100.js';\nimport { setCustomTemplateLiteralTag } from '../custom-tag.js';\n\n/**\n * @element sp-icon-arrow100\n */\nexport class IconArrow100 extends IconBase {\n  protected override render(): TemplateResult {\n    setCustomTemplateLiteralTag(html);\n    return Arrow100Icon() as TemplateResult;\n  }\n}\n"],
-  "mappings": "aAYA,OAAS,QAAAA,MAA4B,gCACrC,OAAS,YAAAC,MAAgB,gCAEzB,OAAS,gBAAAC,MAAoB,uBAC7B,OAAS,+BAAAC,MAAmC,mBAKrC,aAAM,qBAAqBF,CAAS,CACtB,QAAyB,CAC1C,OAAAE,EAA4BH,CAAI,EACzBE,EAAa,CACtB,CACF",
-  "names": ["html", "IconBase", "Arrow100Icon", "setCustomTemplateLiteralTag"]
+  "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 { IconBase } from '@spectrum-web-components/icon';\nimport { setCustomTemplateLiteralTag } from '../custom-tag.js';\n\nimport { Arrow100Icon as CurrentIcon } from '../icons-s2/Arrow100.js';\n\nimport { Arrow100Icon as AlternateIcon } from '../icons/Arrow100.js';\n\n/**\n * @element sp-icon-arrow100\n */\nexport class IconArrow100 extends IconBase {\n  protected override render(): TemplateResult {\n    setCustomTemplateLiteralTag(html);\n\n    if (this.spectrumVersion === 2) {\n      return CurrentIcon({ hidden: !this.label, title: this.label }) as TemplateResult;\n    }\n    return AlternateIcon({ hidden: !this.label, title: this.label }) as TemplateResult;\n  }\n}\n"],
+  "mappings": "aAYA,OAAS,QAAAA,MAA4B,gCACrC,OAAS,YAAAC,MAAgB,gCACzB,OAAS,+BAAAC,MAAmC,mBAE5C,OAAS,gBAAgBC,MAAmB,0BAE5C,OAAS,gBAAgBC,MAAqB,uBAKvC,aAAM,qBAAqBH,CAAS,CACtB,QAAyB,CAG1C,OAFAC,EAA4BF,CAAI,EAE5B,KAAK,kBAAoB,EACpBG,EAAY,CAAE,OAAQ,CAAC,KAAK,MAAO,MAAO,KAAK,KAAM,CAAC,EAExDC,EAAc,CAAE,OAAQ,CAAC,KAAK,MAAO,MAAO,KAAK,KAAM,CAAC,CACjE,CACF",
+  "names": ["html", "IconBase", "setCustomTemplateLiteralTag", "CurrentIcon", "AlternateIcon"]
 }

package/src/elements/IconArrow200.js

@@ -1,2 +1,2 @@
-"use strict";import{html as e}from"@spectrum-web-components/base";import{IconBase as r}from"@spectrum-web-components/icon";import{Arrow200Icon as t}from"../icons/Arrow200.js";import{setCustomTemplateLiteralTag as o}from"../custom-tag.js";export class IconArrow200 extends r{render(){return o(e),t()}}
+"use strict";import{html as e}from"@spectrum-web-components/base";import{IconBase as t}from"@spectrum-web-components/icon";import{setCustomTemplateLiteralTag as r}from"../custom-tag.js";import{Arrow200Icon as o}from"../icons-s2/Arrow200.js";import{Arrow200Icon as l}from"../icons/Arrow200.js";export class IconArrow200 extends t{render(){return r(e),this.spectrumVersion===2?o({hidden:!this.label,title:this.label}):l({hidden:!this.label,title:this.label})}}
 //# sourceMappingURL=IconArrow200.js.map

package/src/elements/IconArrow200.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["IconArrow200.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, TemplateResult } from '@spectrum-web-components/base';\nimport { IconBase } from '@spectrum-web-components/icon';\n\nimport { Arrow200Icon } from '../icons/Arrow200.js';\nimport { setCustomTemplateLiteralTag } from '../custom-tag.js';\n\n/**\n * @element sp-icon-arrow200\n */\nexport class IconArrow200 extends IconBase {\n  protected override render(): TemplateResult {\n    setCustomTemplateLiteralTag(html);\n    return Arrow200Icon() as TemplateResult;\n  }\n}\n"],
-  "mappings": "aAYA,OAAS,QAAAA,MAA4B,gCACrC,OAAS,YAAAC,MAAgB,gCAEzB,OAAS,gBAAAC,MAAoB,uBAC7B,OAAS,+BAAAC,MAAmC,mBAKrC,aAAM,qBAAqBF,CAAS,CACtB,QAAyB,CAC1C,OAAAE,EAA4BH,CAAI,EACzBE,EAAa,CACtB,CACF",
-  "names": ["html", "IconBase", "Arrow200Icon", "setCustomTemplateLiteralTag"]
+  "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 { IconBase } from '@spectrum-web-components/icon';\nimport { setCustomTemplateLiteralTag } from '../custom-tag.js';\n\nimport { Arrow200Icon as CurrentIcon } from '../icons-s2/Arrow200.js';\n\nimport { Arrow200Icon as AlternateIcon } from '../icons/Arrow200.js';\n\n/**\n * @element sp-icon-arrow200\n */\nexport class IconArrow200 extends IconBase {\n  protected override render(): TemplateResult {\n    setCustomTemplateLiteralTag(html);\n\n    if (this.spectrumVersion === 2) {\n      return CurrentIcon({ hidden: !this.label, title: this.label }) as TemplateResult;\n    }\n    return AlternateIcon({ hidden: !this.label, title: this.label }) as TemplateResult;\n  }\n}\n"],
+  "mappings": "aAYA,OAAS,QAAAA,MAA4B,gCACrC,OAAS,YAAAC,MAAgB,gCACzB,OAAS,+BAAAC,MAAmC,mBAE5C,OAAS,gBAAgBC,MAAmB,0BAE5C,OAAS,gBAAgBC,MAAqB,uBAKvC,aAAM,qBAAqBH,CAAS,CACtB,QAAyB,CAG1C,OAFAC,EAA4BF,CAAI,EAE5B,KAAK,kBAAoB,EACpBG,EAAY,CAAE,OAAQ,CAAC,KAAK,MAAO,MAAO,KAAK,KAAM,CAAC,EAExDC,EAAc,CAAE,OAAQ,CAAC,KAAK,MAAO,MAAO,KAAK,KAAM,CAAC,CACjE,CACF",
+  "names": ["html", "IconBase", "setCustomTemplateLiteralTag", "CurrentIcon", "AlternateIcon"]
 }

package/src/elements/IconArrow300.js

@@ -1,2 +1,2 @@
-"use strict";import{html as e}from"@spectrum-web-components/base";import{IconBase as r}from"@spectrum-web-components/icon";import{Arrow300Icon as t}from"../icons/Arrow300.js";import{setCustomTemplateLiteralTag as o}from"../custom-tag.js";export class IconArrow300 extends r{render(){return o(e),t()}}
+"use strict";import{html as e}from"@spectrum-web-components/base";import{IconBase as t}from"@spectrum-web-components/icon";import{setCustomTemplateLiteralTag as r}from"../custom-tag.js";import{Arrow300Icon as o}from"../icons-s2/Arrow300.js";import{Arrow300Icon as l}from"../icons/Arrow300.js";export class IconArrow300 extends t{render(){return r(e),this.spectrumVersion===2?o({hidden:!this.label,title:this.label}):l({hidden:!this.label,title:this.label})}}
 //# sourceMappingURL=IconArrow300.js.map