@spectrum-web-components/avatar 1.9.1 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/avatar",
3
- "version": "1.9.1",
3
+ "version": "1.10.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -9,7 +9,7 @@
9
9
  "repository": {
10
10
  "type": "git",
11
11
  "url": "https://github.com/adobe/spectrum-web-components.git",
12
- "directory": "packages/avatar"
12
+ "directory": "1st-gen/packages/avatar"
13
13
  },
14
14
  "author": "Adobe",
15
15
  "homepage": "https://opensource.adobe.com/spectrum-web-components/components/avatar",
@@ -64,8 +64,8 @@
64
64
  "css"
65
65
  ],
66
66
  "dependencies": {
67
- "@spectrum-web-components/base": "1.9.1",
68
- "@spectrum-web-components/shared": "1.9.1"
67
+ "@spectrum-web-components/base": "1.10.0",
68
+ "@spectrum-web-components/shared": "1.10.0"
69
69
  },
70
70
  "types": "./src/index.d.ts",
71
71
  "customElements": "custom-elements.json",
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["avatar-overrides.css.ts"],
4
- "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 \n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
4
+ "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n \n`;\nexport default styles;"],
5
+ "mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["avatar-overrides.css.ts"],
4
- "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 \n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
4
+ "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n \n`;\nexport default styles;"],
5
+ "mappings": "aAAA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["avatar.css.ts"],
4
- "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-avatar-color-opacity:1;--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100);--spectrum-avatar-border-radius:var(--spectrum-avatar-block-size);--spectrum-avatar-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-avatar-color-opacity-disabled:var(--spectrum-avatar-opacity-disabled)}:host([size=\"50\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-50);--spectrum-avatar-block-size:var(--spectrum-avatar-size-50)}:host([size=\"75\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-75);--spectrum-avatar-block-size:var(--spectrum-avatar-size-75)}:host([size=\"100\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100)}:host([size=\"200\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-200);--spectrum-avatar-block-size:var(--spectrum-avatar-size-200)}:host([size=\"300\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-300);--spectrum-avatar-block-size:var(--spectrum-avatar-size-300)}:host([size=\"400\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-400);--spectrum-avatar-block-size:var(--spectrum-avatar-size-400)}:host([size=\"500\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-500);--spectrum-avatar-block-size:var(--spectrum-avatar-size-500)}:host([size=\"600\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-600);--spectrum-avatar-block-size:var(--spectrum-avatar-size-600)}:host([size=\"700\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-700);--spectrum-avatar-block-size:var(--spectrum-avatar-size-700)}@media (forced-colors:active){:host{--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:\"\";inline-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);block-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);border-style:solid;border-width:var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness));border-color:var(--highcontrast-avatar-focus-indicator-color,var(--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));position:absolute;inset-block-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1);inset-inline-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1)}.link{outline:0}.image{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius))}img{vertical-align:top}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
4
+ "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-avatar-color-opacity:1;--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100);--spectrum-avatar-border-radius:var(--spectrum-avatar-block-size);--spectrum-avatar-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-avatar-color-opacity-disabled:var(--spectrum-avatar-opacity-disabled)}:host([size=\"50\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-50);--spectrum-avatar-block-size:var(--spectrum-avatar-size-50)}:host([size=\"75\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-75);--spectrum-avatar-block-size:var(--spectrum-avatar-size-75)}:host([size=\"100\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100)}:host([size=\"200\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-200);--spectrum-avatar-block-size:var(--spectrum-avatar-size-200)}:host([size=\"300\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-300);--spectrum-avatar-block-size:var(--spectrum-avatar-size-300)}:host([size=\"400\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-400);--spectrum-avatar-block-size:var(--spectrum-avatar-size-400)}:host([size=\"500\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-500);--spectrum-avatar-block-size:var(--spectrum-avatar-size-500)}:host([size=\"600\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-600);--spectrum-avatar-block-size:var(--spectrum-avatar-size-600)}:host([size=\"700\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-700);--spectrum-avatar-block-size:var(--spectrum-avatar-size-700)}@media (forced-colors:active){:host{--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:\"\";inline-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);block-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);border-style:solid;border-width:var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness));border-color:var(--highcontrast-avatar-focus-indicator-color,var(--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));position:absolute;inset-block-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1);inset-inline-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1)}.link{outline:0}.image{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius))}img{vertical-align:top}\n`;\nexport default styles;"],
5
+ "mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["avatar.css.ts"],
4
- "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-avatar-color-opacity:1;--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100);--spectrum-avatar-border-radius:var(--spectrum-avatar-block-size);--spectrum-avatar-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-avatar-color-opacity-disabled:var(--spectrum-avatar-opacity-disabled)}:host([size=\"50\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-50);--spectrum-avatar-block-size:var(--spectrum-avatar-size-50)}:host([size=\"75\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-75);--spectrum-avatar-block-size:var(--spectrum-avatar-size-75)}:host([size=\"100\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100)}:host([size=\"200\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-200);--spectrum-avatar-block-size:var(--spectrum-avatar-size-200)}:host([size=\"300\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-300);--spectrum-avatar-block-size:var(--spectrum-avatar-size-300)}:host([size=\"400\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-400);--spectrum-avatar-block-size:var(--spectrum-avatar-size-400)}:host([size=\"500\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-500);--spectrum-avatar-block-size:var(--spectrum-avatar-size-500)}:host([size=\"600\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-600);--spectrum-avatar-block-size:var(--spectrum-avatar-size-600)}:host([size=\"700\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-700);--spectrum-avatar-block-size:var(--spectrum-avatar-size-700)}@media (forced-colors:active){:host{--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:\"\";inline-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);block-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);border-style:solid;border-width:var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness));border-color:var(--highcontrast-avatar-focus-indicator-color,var(--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));position:absolute;inset-block-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1);inset-inline-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1)}.link{outline:0}.image{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius))}img{vertical-align:top}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
4
+ "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-avatar-color-opacity:1;--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100);--spectrum-avatar-border-radius:var(--spectrum-avatar-block-size);--spectrum-avatar-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-avatar-color-opacity-disabled:var(--spectrum-avatar-opacity-disabled)}:host([size=\"50\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-50);--spectrum-avatar-block-size:var(--spectrum-avatar-size-50)}:host([size=\"75\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-75);--spectrum-avatar-block-size:var(--spectrum-avatar-size-75)}:host([size=\"100\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100)}:host([size=\"200\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-200);--spectrum-avatar-block-size:var(--spectrum-avatar-size-200)}:host([size=\"300\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-300);--spectrum-avatar-block-size:var(--spectrum-avatar-size-300)}:host([size=\"400\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-400);--spectrum-avatar-block-size:var(--spectrum-avatar-size-400)}:host([size=\"500\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-500);--spectrum-avatar-block-size:var(--spectrum-avatar-size-500)}:host([size=\"600\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-600);--spectrum-avatar-block-size:var(--spectrum-avatar-size-600)}:host([size=\"700\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-700);--spectrum-avatar-block-size:var(--spectrum-avatar-size-700)}@media (forced-colors:active){:host{--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:\"\";inline-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);block-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);border-style:solid;border-width:var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness));border-color:var(--highcontrast-avatar-focus-indicator-color,var(--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));position:absolute;inset-block-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1);inset-inline-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1)}.link{outline:0}.image{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius))}img{vertical-align:top}\n`;\nexport default styles;"],
5
+ "mappings": "aAAA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-avatar.css.ts"],
4
- "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-avatar-color-opacity:1;--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100);--spectrum-avatar-border-radius:var(--spectrum-avatar-block-size);--spectrum-avatar-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-avatar-color-opacity-disabled:var(--spectrum-avatar-opacity-disabled)}:host([size=\"50\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-50);--spectrum-avatar-block-size:var(--spectrum-avatar-size-50)}:host([size=\"75\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-75);--spectrum-avatar-block-size:var(--spectrum-avatar-size-75)}:host([size=\"100\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100)}:host([size=\"200\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-200);--spectrum-avatar-block-size:var(--spectrum-avatar-size-200)}:host([size=\"300\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-300);--spectrum-avatar-block-size:var(--spectrum-avatar-size-300)}:host([size=\"400\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-400);--spectrum-avatar-block-size:var(--spectrum-avatar-size-400)}:host([size=\"500\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-500);--spectrum-avatar-block-size:var(--spectrum-avatar-size-500)}:host([size=\"600\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-600);--spectrum-avatar-block-size:var(--spectrum-avatar-size-600)}:host([size=\"700\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-700);--spectrum-avatar-block-size:var(--spectrum-avatar-size-700)}@media (forced-colors:active){:host{--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:\"\";inline-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);block-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);border-style:solid;border-width:var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness));border-color:var(--highcontrast-avatar-focus-indicator-color,var(--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));position:absolute;inset-block-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1);inset-inline-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1)}.link{outline:0}.image{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius))}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
4
+ "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-avatar-color-opacity:1;--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100);--spectrum-avatar-border-radius:var(--spectrum-avatar-block-size);--spectrum-avatar-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-avatar-color-opacity-disabled:var(--spectrum-avatar-opacity-disabled)}:host([size=\"50\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-50);--spectrum-avatar-block-size:var(--spectrum-avatar-size-50)}:host([size=\"75\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-75);--spectrum-avatar-block-size:var(--spectrum-avatar-size-75)}:host([size=\"100\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100)}:host([size=\"200\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-200);--spectrum-avatar-block-size:var(--spectrum-avatar-size-200)}:host([size=\"300\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-300);--spectrum-avatar-block-size:var(--spectrum-avatar-size-300)}:host([size=\"400\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-400);--spectrum-avatar-block-size:var(--spectrum-avatar-size-400)}:host([size=\"500\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-500);--spectrum-avatar-block-size:var(--spectrum-avatar-size-500)}:host([size=\"600\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-600);--spectrum-avatar-block-size:var(--spectrum-avatar-size-600)}:host([size=\"700\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-700);--spectrum-avatar-block-size:var(--spectrum-avatar-size-700)}@media (forced-colors:active){:host{--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:\"\";inline-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);block-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);border-style:solid;border-width:var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness));border-color:var(--highcontrast-avatar-focus-indicator-color,var(--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));position:absolute;inset-block-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1);inset-inline-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1)}.link{outline:0}.image{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius))}\n`;\nexport default styles;"],
5
+ "mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-avatar.css.ts"],
4
- "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-avatar-color-opacity:1;--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100);--spectrum-avatar-border-radius:var(--spectrum-avatar-block-size);--spectrum-avatar-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-avatar-color-opacity-disabled:var(--spectrum-avatar-opacity-disabled)}:host([size=\"50\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-50);--spectrum-avatar-block-size:var(--spectrum-avatar-size-50)}:host([size=\"75\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-75);--spectrum-avatar-block-size:var(--spectrum-avatar-size-75)}:host([size=\"100\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100)}:host([size=\"200\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-200);--spectrum-avatar-block-size:var(--spectrum-avatar-size-200)}:host([size=\"300\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-300);--spectrum-avatar-block-size:var(--spectrum-avatar-size-300)}:host([size=\"400\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-400);--spectrum-avatar-block-size:var(--spectrum-avatar-size-400)}:host([size=\"500\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-500);--spectrum-avatar-block-size:var(--spectrum-avatar-size-500)}:host([size=\"600\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-600);--spectrum-avatar-block-size:var(--spectrum-avatar-size-600)}:host([size=\"700\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-700);--spectrum-avatar-block-size:var(--spectrum-avatar-size-700)}@media (forced-colors:active){:host{--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:\"\";inline-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);block-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);border-style:solid;border-width:var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness));border-color:var(--highcontrast-avatar-focus-indicator-color,var(--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));position:absolute;inset-block-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1);inset-inline-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1)}.link{outline:0}.image{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius))}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
4
+ "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{--spectrum-avatar-color-opacity:1;--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100);--spectrum-avatar-border-radius:var(--spectrum-avatar-block-size);--spectrum-avatar-focus-indicator-thickness:var(--spectrum-focus-indicator-thickness);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(--spectrum-focus-indicator-color);--spectrum-avatar-color-opacity-disabled:var(--spectrum-avatar-opacity-disabled)}:host([size=\"50\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-50);--spectrum-avatar-block-size:var(--spectrum-avatar-size-50)}:host([size=\"75\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-75);--spectrum-avatar-block-size:var(--spectrum-avatar-size-75)}:host([size=\"100\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-100);--spectrum-avatar-block-size:var(--spectrum-avatar-size-100)}:host([size=\"200\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-200);--spectrum-avatar-block-size:var(--spectrum-avatar-size-200)}:host([size=\"300\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-300);--spectrum-avatar-block-size:var(--spectrum-avatar-size-300)}:host([size=\"400\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-400);--spectrum-avatar-block-size:var(--spectrum-avatar-size-400)}:host([size=\"500\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-500);--spectrum-avatar-block-size:var(--spectrum-avatar-size-500)}:host([size=\"600\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-600);--spectrum-avatar-block-size:var(--spectrum-avatar-size-600)}:host([size=\"700\"]){--spectrum-avatar-inline-size:var(--spectrum-avatar-size-700);--spectrum-avatar-block-size:var(--spectrum-avatar-size-700)}@media (forced-colors:active){:host{--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:\"\";inline-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);block-size:calc(var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)) + var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap))*2);border-style:solid;border-width:var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness));border-color:var(--highcontrast-avatar-focus-indicator-color,var(--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius));position:absolute;inset-block-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1);inset-inline-start:calc((var(--mod-avatar-focus-indicator-gap,var(--spectrum-avatar-focus-indicator-gap)) + var(--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)))*-1)}.link{outline:0}.image{inline-size:var(--mod-avatar-inline-size,var(--spectrum-avatar-inline-size));block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(--mod-avatar-border-radius,var(--spectrum-avatar-border-radius))}\n`;\nexport default styles;"],
5
+ "mappings": "aAAA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }