@spectrum-web-components/asset 1.8.0 → 1.9.0-nightly.20251013134115

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/asset",
-    "version": "1.8.0",
+    "version": "1.9.0-nightly.20251013134115",
     "publishConfig": {
         "access": "public"
     },
@@ -9,7 +9,7 @@
     "repository": {
         "type": "git",
         "url": "https://github.com/adobe/spectrum-web-components.git",
-        "directory": "packages/asset"
+        "directory": "first-gen/packages/asset"
     },
     "author": "Adobe",
     "homepage": "https://opensource.adobe.com/spectrum-web-components/components/asset",
@@ -25,6 +25,10 @@
             "default": "./src/index.js"
         },
         "./package.json": "./package.json",
+        "./src/Asset.base.ts": {
+            "development": "./src/Asset.base.dev.ts",
+            "default": "./src/Asset.base.ts"
+        },
         "./src/Asset.js": {
             "development": "./src/Asset.dev.js",
             "default": "./src/Asset.js"
@@ -64,7 +68,7 @@
         "css"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "1.8.0"
+        "@spectrum-web-components/base": "1.9.0-nightly.20251013134115"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

package/src/Asset.d.ts

@@ -9,14 +9,13 @@
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */
-import { CSSResultArray, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
+import { CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
+import { AssetBase } from '@spectrum-web-components/core-next/components/asset';
 /**
  * @element sp-asset
  * @slot - content to be displayed in the asset when an acceptable value for `file` is not present
  */
-export declare class Asset extends SpectrumElement {
+export declare class Asset extends AssetBase {
     static get styles(): CSSResultArray;
-    variant: 'file' | 'folder' | undefined;
-    label: string;
     protected render(): TemplateResult;
 }

package/src/Asset.dev.js

@@ -1,19 +1,8 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
 import {
-  html,
-  SpectrumElement
+  html
 } from "@spectrum-web-components/base";
-import { property } from "@spectrum-web-components/base/src/decorators.js";
+import { AssetBase } from "@spectrum-web-components/core-next/components/asset";
 import styles from "./asset.css.js";
 const file = (label) => html`
     <svg
@@ -49,11 +38,7 @@ const folder = (label) => html`
         ></path>
     </svg>
 `;
-export class Asset extends SpectrumElement {
-  constructor() {
-    super(...arguments);
-    this.label = "";
-  }
+export class Asset extends AssetBase {
   static get styles() {
     return [styles];
   }
@@ -68,10 +53,4 @@ export class Asset extends SpectrumElement {
         `;
   }
 }
-__decorateClass([
-  property({ type: String, reflect: true })
-], Asset.prototype, "variant", 2);
-__decorateClass([
-  property()
-], Asset.prototype, "label", 2);
 //# sourceMappingURL=Asset.dev.js.map

package/src/Asset.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Asset.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n    CSSResultArray,\n    html,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport styles from './asset.css.js';\n\nconst file = (label: string): TemplateResult => html`\n    <svg\n        class=\"file\"\n        role=\"img\"\n        viewBox=\"0 0 128 128\"\n        aria-label=${label || 'File'}\n    >\n        <path\n            class=\"fileBackground\"\n            d=\"M24,126c-5.5,0-10-4.5-10-10V12c0-5.5,4.5-10,10-10h61.5c2.1,0,4.1,0.8,5.6,2.3l20.5,20.4c1.5,1.5,2.4,3.5,2.4,5.7V116c0,5.5-4.5,10-10,10H24z\"\n        ></path>\n        <path\n            class=\"fileOutline\"\n            d=\"M113.1,23.3L92.6,2.9C90.7,1,88.2,0,85.5,0H24c-6.6,0-12,5.4-12,12v104c0,6.6,5.4,12,12,12h80c6.6,0,12-5.4,12-12V30.4C116,27.8,114.9,25.2,113.1,23.3z M90,6l20.1,20H92c-1.1,0-2-0.9-2-2V6z M112,116c0,4.4-3.6,8-8,8H24c-4.4,0-8-3.6-8-8V12c0-4.4,3.6-8,8-8h61.5c0.2,0,0.3,0,0.5,0v20c0,3.3,2.7,6,6,6h20c0,0.1,0,0.3,0,0.4V116z\"\n        ></path>\n    </svg>\n`;\n\nconst folder = (label: string): TemplateResult => html`\n    <svg\n        class=\"folder\"\n        role=\"img\"\n        viewBox=\"0 0 32 32\"\n        aria-label=${label || 'Folder'}\n    >\n        <path\n            class=\"folderBackground\"\n            d=\"M3,29.5c-1.4,0-2.5-1.1-2.5-2.5V5c0-1.4,1.1-2.5,2.5-2.5h10.1c0.5,0,1,0.2,1.4,0.6l3.1,3.1c0.2,0.2,0.4,0.3,0.7,0.3H29c1.4,0,2.5,1.1,2.5,2.5v18c0,1.4-1.1,2.5-2.5,2.5H3z\"\n        ></path>\n        <path\n            class=\"folderOutline\"\n            d=\"M29,6H18.3c-0.1,0-0.2,0-0.4-0.2l-3.1-3.1C14.4,2.3,13.8,2,13.1,2H3C1.3,2,0,3.3,0,5v22c0,1.6,1.3,3,3,3h26c1.7,0,3-1.4,3-3V9C32,7.3,30.7,6,29,6z M31,27c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2V7h28c1.1,0,2,0.9,2,2V27z\"\n        ></path>\n    </svg>\n`;\n\n/**\n * @element sp-asset\n * @slot - content to be displayed in the asset when an acceptable value for `file` is not present\n */\nexport class Asset extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: String, reflect: true })\n    public variant: 'file' | 'folder' | undefined;\n\n    @property()\n    public label = '';\n\n    protected override render(): TemplateResult {\n        if (this.variant === 'file') {\n            return file(this.label);\n        } else if (this.variant === 'folder') {\n            return folder(this.label);\n        }\n        return html`\n            <slot></slot>\n        `;\n    }\n}\n"],
-  "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AAEzB,OAAO,YAAY;AAEnB,MAAM,OAAO,CAAC,UAAkC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAK3B,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAapC,MAAM,SAAS,CAAC,UAAkC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAK7B,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiB/B,aAAM,cAAc,gBAAgB;AAAA,EAApC;AAAA;AASH,SAAO,QAAQ;AAAA;AAAA,EARf,WAA2B,SAAyB;AAChD,WAAO,CAAC,MAAM;AAAA,EAClB;AAAA,EAQmB,SAAyB;AACxC,QAAI,KAAK,YAAY,QAAQ;AACzB,aAAO,KAAK,KAAK,KAAK;AAAA,IAC1B,WAAW,KAAK,YAAY,UAAU;AAClC,aAAO,OAAO,KAAK,KAAK;AAAA,IAC5B;AACA,WAAO;AAAA;AAAA;AAAA,EAGX;AACJ;AAfW;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GALhC,MAMF;AAGA;AAAA,EADN,SAAS;AAAA,GARD,MASF;",
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n    CSSResultArray,\n    html,\n    TemplateResult,\n} from '@spectrum-web-components/base';\n\nimport { AssetBase } from '@spectrum-web-components/core-next/components/asset';\nimport styles from './asset.css.js';\n\nconst file = (label: string): TemplateResult => html`\n    <svg\n        class=\"file\"\n        role=\"img\"\n        viewBox=\"0 0 128 128\"\n        aria-label=${label || 'File'}\n    >\n        <path\n            class=\"fileBackground\"\n            d=\"M24,126c-5.5,0-10-4.5-10-10V12c0-5.5,4.5-10,10-10h61.5c2.1,0,4.1,0.8,5.6,2.3l20.5,20.4c1.5,1.5,2.4,3.5,2.4,5.7V116c0,5.5-4.5,10-10,10H24z\"\n        ></path>\n        <path\n            class=\"fileOutline\"\n            d=\"M113.1,23.3L92.6,2.9C90.7,1,88.2,0,85.5,0H24c-6.6,0-12,5.4-12,12v104c0,6.6,5.4,12,12,12h80c6.6,0,12-5.4,12-12V30.4C116,27.8,114.9,25.2,113.1,23.3z M90,6l20.1,20H92c-1.1,0-2-0.9-2-2V6z M112,116c0,4.4-3.6,8-8,8H24c-4.4,0-8-3.6-8-8V12c0-4.4,3.6-8,8-8h61.5c0.2,0,0.3,0,0.5,0v20c0,3.3,2.7,6,6,6h20c0,0.1,0,0.3,0,0.4V116z\"\n        ></path>\n    </svg>\n`;\n\nconst folder = (label: string): TemplateResult => html`\n    <svg\n        class=\"folder\"\n        role=\"img\"\n        viewBox=\"0 0 32 32\"\n        aria-label=${label || 'Folder'}\n    >\n        <path\n            class=\"folderBackground\"\n            d=\"M3,29.5c-1.4,0-2.5-1.1-2.5-2.5V5c0-1.4,1.1-2.5,2.5-2.5h10.1c0.5,0,1,0.2,1.4,0.6l3.1,3.1c0.2,0.2,0.4,0.3,0.7,0.3H29c1.4,0,2.5,1.1,2.5,2.5v18c0,1.4-1.1,2.5-2.5,2.5H3z\"\n        ></path>\n        <path\n            class=\"folderOutline\"\n            d=\"M29,6H18.3c-0.1,0-0.2,0-0.4-0.2l-3.1-3.1C14.4,2.3,13.8,2,13.1,2H3C1.3,2,0,3.3,0,5v22c0,1.6,1.3,3,3,3h26c1.7,0,3-1.4,3-3V9C32,7.3,30.7,6,29,6z M31,27c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2V7h28c1.1,0,2,0.9,2,2V27z\"\n        ></path>\n    </svg>\n`;\n\n/**\n * @element sp-asset\n * @slot - content to be displayed in the asset when an acceptable value for `file` is not present\n */\nexport class Asset extends AssetBase {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    protected override render(): TemplateResult {\n        if (this.variant === 'file') {\n            return file(this.label);\n        } else if (this.variant === 'folder') {\n            return folder(this.label);\n        }\n        return html`\n            <slot></slot>\n        `;\n    }\n}\n"],
+  "mappings": ";AAYA;AAAA,EAEI;AAAA,OAEG;AAEP,SAAS,iBAAiB;AAC1B,OAAO,YAAY;AAEnB,MAAM,OAAO,CAAC,UAAkC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAK3B,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAapC,MAAM,SAAS,CAAC,UAAkC;AAAA;AAAA;AAAA;AAAA;AAAA,qBAK7B,SAAS,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiB/B,aAAM,cAAc,UAAU;AAAA,EACjC,WAA2B,SAAyB;AAChD,WAAO,CAAC,MAAM;AAAA,EAClB;AAAA,EAEmB,SAAyB;AACxC,QAAI,KAAK,YAAY,QAAQ;AACzB,aAAO,KAAK,KAAK,KAAK;AAAA,IAC1B,WAAW,KAAK,YAAY,UAAU;AAClC,aAAO,OAAO,KAAK,KAAK;AAAA,IAC5B;AACA,WAAO;AAAA;AAAA;AAAA,EAGX;AACJ;",
   "names": []
 }

package/src/Asset.js

@@ -1,4 +1,4 @@
-"use strict";var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var i=(e,t,c,r)=>{for(var l=r>1?void 0:r?d(t,c):t,a=e.length-1,s;a>=0;a--)(s=e[a])&&(l=(r?s(t,c,l):s(l))||l);return r&&l&&n(t,c,l),l};import{html as o,SpectrumElement as h}from"@spectrum-web-components/base";import{property as p}from"@spectrum-web-components/base/src/decorators.js";import u from"./asset.css.js";const f=e=>o`
+"use strict";import{html as l}from"@spectrum-web-components/base";import{AssetBase as t}from"@spectrum-web-components/core-next/components/asset";import s from"./asset.css.js";const r=e=>l`
     <svg
         class="file"
         role="img"
@@ -14,7 +14,7 @@
             d="M113.1,23.3L92.6,2.9C90.7,1,88.2,0,85.5,0H24c-6.6,0-12,5.4-12,12v104c0,6.6,5.4,12,12,12h80c6.6,0,12-5.4,12-12V30.4C116,27.8,114.9,25.2,113.1,23.3z M90,6l20.1,20H92c-1.1,0-2-0.9-2-2V6z M112,116c0,4.4-3.6,8-8,8H24c-4.4,0-8-3.6-8-8V12c0-4.4,3.6-8,8-8h61.5c0.2,0,0.3,0,0.5,0v20c0,3.3,2.7,6,6,6h20c0,0.1,0,0.3,0,0.4V116z"
         ></path>
     </svg>
-`,m=e=>o`
+`,c=e=>l`
     <svg
         class="folder"
         role="img"
@@ -30,7 +30,7 @@
             d="M29,6H18.3c-0.1,0-0.2,0-0.4-0.2l-3.1-3.1C14.4,2.3,13.8,2,13.1,2H3C1.3,2,0,3.3,0,5v22c0,1.6,1.3,3,3,3h26c1.7,0,3-1.4,3-3V9C32,7.3,30.7,6,29,6z M31,27c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2V7h28c1.1,0,2,0.9,2,2V27z"
         ></path>
     </svg>
-`;export class Asset extends h{constructor(){super(...arguments);this.label=""}static get styles(){return[u]}render(){return this.variant==="file"?f(this.label):this.variant==="folder"?m(this.label):o`
+`;export class Asset extends t{static get styles(){return[s]}render(){return this.variant==="file"?r(this.label):this.variant==="folder"?c(this.label):l`
             <slot></slot>
-        `}}i([p({type:String,reflect:!0})],Asset.prototype,"variant",2),i([p()],Asset.prototype,"label",2);
+        `}}
 //# sourceMappingURL=Asset.js.map

package/src/Asset.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Asset.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n    CSSResultArray,\n    html,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport styles from './asset.css.js';\n\nconst file = (label: string): TemplateResult => html`\n    <svg\n        class=\"file\"\n        role=\"img\"\n        viewBox=\"0 0 128 128\"\n        aria-label=${label || 'File'}\n    >\n        <path\n            class=\"fileBackground\"\n            d=\"M24,126c-5.5,0-10-4.5-10-10V12c0-5.5,4.5-10,10-10h61.5c2.1,0,4.1,0.8,5.6,2.3l20.5,20.4c1.5,1.5,2.4,3.5,2.4,5.7V116c0,5.5-4.5,10-10,10H24z\"\n        ></path>\n        <path\n            class=\"fileOutline\"\n            d=\"M113.1,23.3L92.6,2.9C90.7,1,88.2,0,85.5,0H24c-6.6,0-12,5.4-12,12v104c0,6.6,5.4,12,12,12h80c6.6,0,12-5.4,12-12V30.4C116,27.8,114.9,25.2,113.1,23.3z M90,6l20.1,20H92c-1.1,0-2-0.9-2-2V6z M112,116c0,4.4-3.6,8-8,8H24c-4.4,0-8-3.6-8-8V12c0-4.4,3.6-8,8-8h61.5c0.2,0,0.3,0,0.5,0v20c0,3.3,2.7,6,6,6h20c0,0.1,0,0.3,0,0.4V116z\"\n        ></path>\n    </svg>\n`;\n\nconst folder = (label: string): TemplateResult => html`\n    <svg\n        class=\"folder\"\n        role=\"img\"\n        viewBox=\"0 0 32 32\"\n        aria-label=${label || 'Folder'}\n    >\n        <path\n            class=\"folderBackground\"\n            d=\"M3,29.5c-1.4,0-2.5-1.1-2.5-2.5V5c0-1.4,1.1-2.5,2.5-2.5h10.1c0.5,0,1,0.2,1.4,0.6l3.1,3.1c0.2,0.2,0.4,0.3,0.7,0.3H29c1.4,0,2.5,1.1,2.5,2.5v18c0,1.4-1.1,2.5-2.5,2.5H3z\"\n        ></path>\n        <path\n            class=\"folderOutline\"\n            d=\"M29,6H18.3c-0.1,0-0.2,0-0.4-0.2l-3.1-3.1C14.4,2.3,13.8,2,13.1,2H3C1.3,2,0,3.3,0,5v22c0,1.6,1.3,3,3,3h26c1.7,0,3-1.4,3-3V9C32,7.3,30.7,6,29,6z M31,27c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2V7h28c1.1,0,2,0.9,2,2V27z\"\n        ></path>\n    </svg>\n`;\n\n/**\n * @element sp-asset\n * @slot - content to be displayed in the asset when an acceptable value for `file` is not present\n */\nexport class Asset extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: String, reflect: true })\n    public variant: 'file' | 'folder' | undefined;\n\n    @property()\n    public label = '';\n\n    protected override render(): TemplateResult {\n        if (this.variant === 'file') {\n            return file(this.label);\n        } else if (this.variant === 'folder') {\n            return folder(this.label);\n        }\n        return html`\n            <slot></slot>\n        `;\n    }\n}\n"],
-  "mappings": "qNAYA,OAEI,QAAAA,EACA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDAEzB,OAAOC,MAAY,iBAEnB,MAAMC,EAAQC,GAAkCL;AAAA;AAAA;AAAA;AAAA;AAAA,qBAK3BK,GAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAa9BC,EAAUD,GAAkCL;AAAA;AAAA;AAAA;AAAA;AAAA,qBAK7BK,GAAS,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiB/B,aAAM,cAAcJ,CAAgB,CAApC,kCASH,KAAO,MAAQ,GARf,WAA2B,QAAyB,CAChD,MAAO,CAACE,CAAM,CAClB,CAQmB,QAAyB,CACxC,OAAI,KAAK,UAAY,OACVC,EAAK,KAAK,KAAK,EACf,KAAK,UAAY,SACjBE,EAAO,KAAK,KAAK,EAErBN;AAAA;AAAA,SAGX,CACJ,CAfWO,EAAA,CADNL,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GALhC,MAMF,uBAGAK,EAAA,CADNL,EAAS,GARD,MASF",
-  "names": ["html", "SpectrumElement", "property", "styles", "file", "label", "folder", "__decorateClass"]
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n    CSSResultArray,\n    html,\n    TemplateResult,\n} from '@spectrum-web-components/base';\n\nimport { AssetBase } from '@spectrum-web-components/core-next/components/asset';\nimport styles from './asset.css.js';\n\nconst file = (label: string): TemplateResult => html`\n    <svg\n        class=\"file\"\n        role=\"img\"\n        viewBox=\"0 0 128 128\"\n        aria-label=${label || 'File'}\n    >\n        <path\n            class=\"fileBackground\"\n            d=\"M24,126c-5.5,0-10-4.5-10-10V12c0-5.5,4.5-10,10-10h61.5c2.1,0,4.1,0.8,5.6,2.3l20.5,20.4c1.5,1.5,2.4,3.5,2.4,5.7V116c0,5.5-4.5,10-10,10H24z\"\n        ></path>\n        <path\n            class=\"fileOutline\"\n            d=\"M113.1,23.3L92.6,2.9C90.7,1,88.2,0,85.5,0H24c-6.6,0-12,5.4-12,12v104c0,6.6,5.4,12,12,12h80c6.6,0,12-5.4,12-12V30.4C116,27.8,114.9,25.2,113.1,23.3z M90,6l20.1,20H92c-1.1,0-2-0.9-2-2V6z M112,116c0,4.4-3.6,8-8,8H24c-4.4,0-8-3.6-8-8V12c0-4.4,3.6-8,8-8h61.5c0.2,0,0.3,0,0.5,0v20c0,3.3,2.7,6,6,6h20c0,0.1,0,0.3,0,0.4V116z\"\n        ></path>\n    </svg>\n`;\n\nconst folder = (label: string): TemplateResult => html`\n    <svg\n        class=\"folder\"\n        role=\"img\"\n        viewBox=\"0 0 32 32\"\n        aria-label=${label || 'Folder'}\n    >\n        <path\n            class=\"folderBackground\"\n            d=\"M3,29.5c-1.4,0-2.5-1.1-2.5-2.5V5c0-1.4,1.1-2.5,2.5-2.5h10.1c0.5,0,1,0.2,1.4,0.6l3.1,3.1c0.2,0.2,0.4,0.3,0.7,0.3H29c1.4,0,2.5,1.1,2.5,2.5v18c0,1.4-1.1,2.5-2.5,2.5H3z\"\n        ></path>\n        <path\n            class=\"folderOutline\"\n            d=\"M29,6H18.3c-0.1,0-0.2,0-0.4-0.2l-3.1-3.1C14.4,2.3,13.8,2,13.1,2H3C1.3,2,0,3.3,0,5v22c0,1.6,1.3,3,3,3h26c1.7,0,3-1.4,3-3V9C32,7.3,30.7,6,29,6z M31,27c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2V7h28c1.1,0,2,0.9,2,2V27z\"\n        ></path>\n    </svg>\n`;\n\n/**\n * @element sp-asset\n * @slot - content to be displayed in the asset when an acceptable value for `file` is not present\n */\nexport class Asset extends AssetBase {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    protected override render(): TemplateResult {\n        if (this.variant === 'file') {\n            return file(this.label);\n        } else if (this.variant === 'folder') {\n            return folder(this.label);\n        }\n        return html`\n            <slot></slot>\n        `;\n    }\n}\n"],
+  "mappings": "aAYA,OAEI,QAAAA,MAEG,gCAEP,OAAS,aAAAC,MAAiB,sDAC1B,OAAOC,MAAY,iBAEnB,MAAMC,EAAQC,GAAkCJ;AAAA;AAAA;AAAA;AAAA;AAAA,qBAK3BI,GAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAa9BC,EAAUD,GAAkCJ;AAAA;AAAA;AAAA;AAAA;AAAA,qBAK7BI,GAAS,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiB/B,aAAM,cAAcH,CAAU,CACjC,WAA2B,QAAyB,CAChD,MAAO,CAACC,CAAM,CAClB,CAEmB,QAAyB,CACxC,OAAI,KAAK,UAAY,OACVC,EAAK,KAAK,KAAK,EACf,KAAK,UAAY,SACjBE,EAAO,KAAK,KAAK,EAErBL;AAAA;AAAA,SAGX,CACJ",
+  "names": ["html", "AssetBase", "styles", "file", "label", "folder"]
 }

package/src/asset.css.dev.js

@@ -1,7 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));inline-size:100%;block-size:100%;justify-content:center;align-items:center;display:flex}::slotted(*){max-inline-size:100%;max-block-size:100%;object-fit:contain;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}:host{--spectrum-asset-folder-background-color:var(--system-asset-folder-background-color);--spectrum-asset-file-background-color:var(--system-asset-file-background-color);--spectrum-asset-icon-outline-color:var(--system-asset-icon-outline-color)}
+    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;max-block-size:100%;max-inline-size:100%;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}:host{--spectrum-asset-folder-background-color:var(--system-asset-folder-background-color);--spectrum-asset-file-background-color:var(--system-asset-file-background-color);--spectrum-asset-icon-outline-color:var(--system-asset-icon-outline-color)}
 `;
 export default styles;
 //# sourceMappingURL=asset.css.dev.js.map

package/src/asset.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["asset.css.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));inline-size:100%;block-size:100%;justify-content:center;align-items:center;display:flex}::slotted(*){max-inline-size:100%;max-block-size:100%;object-fit:contain;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}:host{--spectrum-asset-folder-background-color:var(--system-asset-folder-background-color);--spectrum-asset-file-background-color:var(--system-asset-file-background-color);--spectrum-asset-icon-outline-color:var(--system-asset-icon-outline-color)}\n`;\nexport default styles;"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;max-block-size:100%;max-inline-size:100%;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}:host{--spectrum-asset-folder-background-color:var(--system-asset-folder-background-color);--spectrum-asset-file-background-color:var(--system-asset-file-background-color);--spectrum-asset-icon-outline-color:var(--system-asset-icon-outline-color)}\n`;\nexport default styles;"],
   "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
   "names": []
 }

package/src/asset.css.js

@@ -1,4 +1,4 @@
 "use strict";import{css as o}from"@spectrum-web-components/base";const e=o`
-    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));inline-size:100%;block-size:100%;justify-content:center;align-items:center;display:flex}::slotted(*){max-inline-size:100%;max-block-size:100%;object-fit:contain;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}:host{--spectrum-asset-folder-background-color:var(--system-asset-folder-background-color);--spectrum-asset-file-background-color:var(--system-asset-file-background-color);--spectrum-asset-icon-outline-color:var(--system-asset-icon-outline-color)}
+    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;max-block-size:100%;max-inline-size:100%;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}:host{--spectrum-asset-folder-background-color:var(--system-asset-folder-background-color);--spectrum-asset-file-background-color:var(--system-asset-file-background-color);--spectrum-asset-icon-outline-color:var(--system-asset-icon-outline-color)}
 `;export default e;
 //# sourceMappingURL=asset.css.js.map

package/src/asset.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["asset.css.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));inline-size:100%;block-size:100%;justify-content:center;align-items:center;display:flex}::slotted(*){max-inline-size:100%;max-block-size:100%;object-fit:contain;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}:host{--spectrum-asset-folder-background-color:var(--system-asset-folder-background-color);--spectrum-asset-file-background-color:var(--system-asset-file-background-color);--spectrum-asset-icon-outline-color:var(--system-asset-icon-outline-color)}\n`;\nexport default styles;"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;max-block-size:100%;max-inline-size:100%;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}:host{--spectrum-asset-folder-background-color:var(--system-asset-folder-background-color);--spectrum-asset-file-background-color:var(--system-asset-file-background-color);--spectrum-asset-icon-outline-color:var(--system-asset-icon-outline-color)}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/spectrum-asset.css.dev.js

@@ -1,7 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));inline-size:100%;block-size:100%;justify-content:center;align-items:center;display:flex}::slotted(*){max-inline-size:100%;max-block-size:100%;object-fit:contain;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}
+    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;max-block-size:100%;max-inline-size:100%;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-asset.css.dev.js.map

package/src/spectrum-asset.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-asset.css.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));inline-size:100%;block-size:100%;justify-content:center;align-items:center;display:flex}::slotted(*){max-inline-size:100%;max-block-size:100%;object-fit:contain;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}\n`;\nexport default styles;"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;max-block-size:100%;max-inline-size:100%;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}\n`;\nexport default styles;"],
   "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
   "names": []
 }

package/src/spectrum-asset.css.js

@@ -1,4 +1,4 @@
 "use strict";import{css as o}from"@spectrum-web-components/base";const e=o`
-    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));inline-size:100%;block-size:100%;justify-content:center;align-items:center;display:flex}::slotted(*){max-inline-size:100%;max-block-size:100%;object-fit:contain;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}
+    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;max-block-size:100%;max-inline-size:100%;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}
 `;export default e;
 //# sourceMappingURL=spectrum-asset.css.js.map

package/src/spectrum-asset.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-asset.css.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));inline-size:100%;block-size:100%;justify-content:center;align-items:center;display:flex}::slotted(*){max-inline-size:100%;max-block-size:100%;object-fit:contain;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}\n`;\nexport default styles;"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-asset-folder-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-folder-background-color,var(--spectrum-asset-folder-background-color)));--spectrum-asset-file-background:var(--highcontrast-asset-icon-background-color,var(--mod-asset-file-background-color,var(--spectrum-asset-file-background-color)));--spectrum-asset-folder-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));--spectrum-asset-file-outline:var(--mod-asset-icon-outline-color,var(--spectrum-asset-icon-outline-color));justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;max-block-size:100%;max-inline-size:100%;transition:opacity var(--spectrum-animation-duration-100)}.file,.folder{inline-size:max(48px,min(100%,80px));inline-size:max(var(--mod-asset-icon-min-width,48px),min(100%,var(--mod-asset-icon-max-width,80px)));block-size:100%;margin:20px;margin:var(--mod-asset-icon-margin,20px)}.folderBackground{fill:var(--spectrum-asset-folder-background)}.fileBackground{fill:var(--spectrum-asset-file-background)}.folderOutline{fill:var(--spectrum-asset-folder-outline)}.fileOutline{fill:var(--spectrum-asset-file-outline)}@media (forced-colors:active){:host{--highcontrast-asset-icon-background-color:currentColor}}\n`;\nexport default styles;"],
   "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
   "names": ["css", "styles"]
 }

package/custom-elements.json

@@ -1,93 +0,0 @@
-{
-  "schemaVersion": "1.0.0",
-  "readme": "",
-  "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "sp-asset.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "sp-asset",
-          "declaration": {
-            "name": "Asset",
-            "module": "/src/Asset.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/Asset.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Asset",
-          "slots": [
-            {
-              "description": "content to be displayed in the asset when an acceptable value for `file` is not present",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'file' | 'folder' | undefined"
-              },
-              "privacy": "public",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "attribute": "label"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "'file' | 'folder' | undefined"
-              },
-              "fieldName": "variant"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "label"
-            }
-          ],
-          "superclass": {
-            "name": "SpectrumElement",
-            "package": "@spectrum-web-components/base"
-          },
-          "tagName": "sp-asset",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Asset",
-          "declaration": {
-            "name": "Asset",
-            "module": "src/Asset.js"
-          }
-        }
-      ]
-    }
-  ]
-}