@spectrum-web-components/avatar 0.40.0 → 0.40.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/package.json +4 -4
  2. package/src/avatar.css.dev.js +0 -26
  3. package/src/avatar.css.dev.js.map +2 -2
  4. package/src/avatar.css.js +0 -26
  5. package/src/avatar.css.js.map +2 -2
  6. package/src/spectrum-avatar.css.dev.js +0 -26
  7. package/src/spectrum-avatar.css.dev.js.map +2 -2
  8. package/src/spectrum-avatar.css.js +0 -26
  9. package/src/spectrum-avatar.css.js.map +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/avatar",
3
- "version": "0.40.0",
3
+ "version": "0.40.2",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,8 +57,8 @@
57
57
  "lit-html"
58
58
  ],
59
59
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.40.0",
61
- "@spectrum-web-components/shared": "^0.40.0"
60
+ "@spectrum-web-components/base": "^0.40.2",
61
+ "@spectrum-web-components/shared": "^0.40.2"
62
62
  },
63
63
  "devDependencies": {
64
64
  "@spectrum-css/avatar": "^6.0.52"
@@ -69,5 +69,5 @@
69
69
  "./sp-*.js",
70
70
  "./**/*.dev.js"
71
71
  ],
72
- "gitHead": "24d5569a839da94892ecfd125428779587ffb1f5"
72
+ "gitHead": "e5fd35c7a98569150ca695ec0e0e7411c9c64c28"
73
73
  }
package/src/avatar.css.dev.js CHANGED
@@ -43,32 +43,6 @@ var(--spectrum-avatar-focus-indicator-gap)
43
43
  ) + var(
44
44
  --mod-avatar-focus-indicator-thickness,
45
45
  var(--spectrum-avatar-focus-indicator-thickness)
46
- ))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(
47
- --mod-avatar-focus-indicator-gap,
48
- var(--spectrum-avatar-focus-indicator-gap)
49
- )*2);border-color:var(
50
- --highcontrast-avatar-focus-indicator-color,var(
51
- --mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)
52
- )
53
- );border-radius:var(
54
- --mod-avatar-border-radius,var(--spectrum-avatar-border-radius)
55
- );border-style:solid;border-width:var(
56
- --mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)
57
- );content:"";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(
58
- --mod-avatar-focus-indicator-gap,
59
- var(--spectrum-avatar-focus-indicator-gap)
60
- )*2);inset-block-start:calc((var(
61
- --mod-avatar-focus-indicator-gap,
62
- var(--spectrum-avatar-focus-indicator-gap)
63
- ) + var(
64
- --mod-avatar-focus-indicator-thickness,
65
- var(--spectrum-avatar-focus-indicator-thickness)
66
- ))*-1);inset-inline-start:calc((var(
67
- --mod-avatar-focus-indicator-gap,
68
- var(--spectrum-avatar-focus-indicator-gap)
69
- ) + var(
70
- --mod-avatar-focus-indicator-thickness,
71
- var(--spectrum-avatar-focus-indicator-thickness)
72
46
  ))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link:focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(
73
47
  --mod-avatar-focus-indicator-gap,
74
48
  var(--spectrum-avatar-focus-indicator-gap)
package/src/avatar.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["avatar.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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(\n--spectrum-focus-indicator-thickness\n);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-avatar-color-opacity-disabled:var(\n--spectrum-avatar-opacity-disabled\n)}: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-color-opacity-disabled:1;--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{-webkit-user-drag:none;block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-width:0;display:inline-block;inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n);opacity:var(\n--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity)\n);outline:none;overflow:visible;position:relative;-webkit-user-select:none;user-select:none}:host([disabled]){opacity:var(\n--highcontrast-avatar-color-opacity-disabled,var(\n--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled)\n)\n)}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link:focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}.link{outline:none}.image{block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n)}img{vertical-align:top}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqGf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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(\n--spectrum-focus-indicator-thickness\n);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-avatar-color-opacity-disabled:var(\n--spectrum-avatar-opacity-disabled\n)}: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-color-opacity-disabled:1;--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{-webkit-user-drag:none;block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-width:0;display:inline-block;inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n);opacity:var(\n--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity)\n);outline:none;overflow:visible;position:relative;-webkit-user-select:none;user-select:none}:host([disabled]){opacity:var(\n--highcontrast-avatar-color-opacity-disabled,var(\n--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled)\n)\n)}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link:focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}.link{outline:none}.image{block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n)}img{vertical-align:top}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Ef,eAAe;",
6
6
  "names": []
7
7
  }
package/src/avatar.css.js CHANGED
@@ -41,32 +41,6 @@ var(--spectrum-avatar-focus-indicator-gap)
41
41
  ) + var(
42
42
  --mod-avatar-focus-indicator-thickness,
43
43
  var(--spectrum-avatar-focus-indicator-thickness)
44
- ))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(
45
- --mod-avatar-focus-indicator-gap,
46
- var(--spectrum-avatar-focus-indicator-gap)
47
- )*2);border-color:var(
48
- --highcontrast-avatar-focus-indicator-color,var(
49
- --mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)
50
- )
51
- );border-radius:var(
52
- --mod-avatar-border-radius,var(--spectrum-avatar-border-radius)
53
- );border-style:solid;border-width:var(
54
- --mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)
55
- );content:"";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(
56
- --mod-avatar-focus-indicator-gap,
57
- var(--spectrum-avatar-focus-indicator-gap)
58
- )*2);inset-block-start:calc((var(
59
- --mod-avatar-focus-indicator-gap,
60
- var(--spectrum-avatar-focus-indicator-gap)
61
- ) + var(
62
- --mod-avatar-focus-indicator-thickness,
63
- var(--spectrum-avatar-focus-indicator-thickness)
64
- ))*-1);inset-inline-start:calc((var(
65
- --mod-avatar-focus-indicator-gap,
66
- var(--spectrum-avatar-focus-indicator-gap)
67
- ) + var(
68
- --mod-avatar-focus-indicator-thickness,
69
- var(--spectrum-avatar-focus-indicator-thickness)
70
44
  ))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link:focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(
71
45
  --mod-avatar-focus-indicator-gap,
72
46
  var(--spectrum-avatar-focus-indicator-gap)
package/src/avatar.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["avatar.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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(\n--spectrum-focus-indicator-thickness\n);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-avatar-color-opacity-disabled:var(\n--spectrum-avatar-opacity-disabled\n)}: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-color-opacity-disabled:1;--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{-webkit-user-drag:none;block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-width:0;display:inline-block;inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n);opacity:var(\n--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity)\n);outline:none;overflow:visible;position:relative;-webkit-user-select:none;user-select:none}:host([disabled]){opacity:var(\n--highcontrast-avatar-color-opacity-disabled,var(\n--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled)\n)\n)}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link:focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}.link{outline:none}.image{block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n)}img{vertical-align:top}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqGf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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(\n--spectrum-focus-indicator-thickness\n);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-avatar-color-opacity-disabled:var(\n--spectrum-avatar-opacity-disabled\n)}: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-color-opacity-disabled:1;--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{-webkit-user-drag:none;block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-width:0;display:inline-block;inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n);opacity:var(\n--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity)\n);outline:none;overflow:visible;position:relative;-webkit-user-select:none;user-select:none}:host([disabled]){opacity:var(\n--highcontrast-avatar-color-opacity-disabled,var(\n--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled)\n)\n)}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link:focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}.link{outline:none}.image{block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n)}img{vertical-align:top}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2Ef,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-avatar.css.dev.js CHANGED
@@ -43,32 +43,6 @@ var(--spectrum-avatar-focus-indicator-gap)
43
43
  ) + var(
44
44
  --mod-avatar-focus-indicator-thickness,
45
45
  var(--spectrum-avatar-focus-indicator-thickness)
46
- ))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(
47
- --mod-avatar-focus-indicator-gap,
48
- var(--spectrum-avatar-focus-indicator-gap)
49
- )*2);border-color:var(
50
- --highcontrast-avatar-focus-indicator-color,var(
51
- --mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)
52
- )
53
- );border-radius:var(
54
- --mod-avatar-border-radius,var(--spectrum-avatar-border-radius)
55
- );border-style:solid;border-width:var(
56
- --mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)
57
- );content:"";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(
58
- --mod-avatar-focus-indicator-gap,
59
- var(--spectrum-avatar-focus-indicator-gap)
60
- )*2);inset-block-start:calc((var(
61
- --mod-avatar-focus-indicator-gap,
62
- var(--spectrum-avatar-focus-indicator-gap)
63
- ) + var(
64
- --mod-avatar-focus-indicator-thickness,
65
- var(--spectrum-avatar-focus-indicator-thickness)
66
- ))*-1);inset-inline-start:calc((var(
67
- --mod-avatar-focus-indicator-gap,
68
- var(--spectrum-avatar-focus-indicator-gap)
69
- ) + var(
70
- --mod-avatar-focus-indicator-thickness,
71
- var(--spectrum-avatar-focus-indicator-thickness)
72
46
  ))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link:focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(
73
47
  --mod-avatar-focus-indicator-gap,
74
48
  var(--spectrum-avatar-focus-indicator-gap)
package/src/spectrum-avatar.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-avatar.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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(\n--spectrum-focus-indicator-thickness\n);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-avatar-color-opacity-disabled:var(\n--spectrum-avatar-opacity-disabled\n)}: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-color-opacity-disabled:1;--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{-webkit-user-drag:none;block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-width:0;display:inline-block;inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n);opacity:var(\n--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity)\n);outline:none;overflow:visible;position:relative;-webkit-user-select:none;user-select:none}:host([disabled]){opacity:var(\n--highcontrast-avatar-color-opacity-disabled,var(\n--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled)\n)\n)}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link:focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}.link{outline:none}.image{block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n)}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqGf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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(\n--spectrum-focus-indicator-thickness\n);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-avatar-color-opacity-disabled:var(\n--spectrum-avatar-opacity-disabled\n)}: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-color-opacity-disabled:1;--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{-webkit-user-drag:none;block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-width:0;display:inline-block;inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n);opacity:var(\n--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity)\n);outline:none;overflow:visible;position:relative;-webkit-user-select:none;user-select:none}:host([disabled]){opacity:var(\n--highcontrast-avatar-color-opacity-disabled,var(\n--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled)\n)\n)}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link:focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}.link{outline:none}.image{block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Ef,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-avatar.css.js CHANGED
@@ -41,32 +41,6 @@ var(--spectrum-avatar-focus-indicator-gap)
41
41
  ) + var(
42
42
  --mod-avatar-focus-indicator-thickness,
43
43
  var(--spectrum-avatar-focus-indicator-thickness)
44
- ))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(
45
- --mod-avatar-focus-indicator-gap,
46
- var(--spectrum-avatar-focus-indicator-gap)
47
- )*2);border-color:var(
48
- --highcontrast-avatar-focus-indicator-color,var(
49
- --mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)
50
- )
51
- );border-radius:var(
52
- --mod-avatar-border-radius,var(--spectrum-avatar-border-radius)
53
- );border-style:solid;border-width:var(
54
- --mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)
55
- );content:"";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(
56
- --mod-avatar-focus-indicator-gap,
57
- var(--spectrum-avatar-focus-indicator-gap)
58
- )*2);inset-block-start:calc((var(
59
- --mod-avatar-focus-indicator-gap,
60
- var(--spectrum-avatar-focus-indicator-gap)
61
- ) + var(
62
- --mod-avatar-focus-indicator-thickness,
63
- var(--spectrum-avatar-focus-indicator-thickness)
64
- ))*-1);inset-inline-start:calc((var(
65
- --mod-avatar-focus-indicator-gap,
66
- var(--spectrum-avatar-focus-indicator-gap)
67
- ) + var(
68
- --mod-avatar-focus-indicator-thickness,
69
- var(--spectrum-avatar-focus-indicator-thickness)
70
44
  ))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link:focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(
71
45
  --mod-avatar-focus-indicator-gap,
72
46
  var(--spectrum-avatar-focus-indicator-gap)
package/src/spectrum-avatar.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-avatar.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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(\n--spectrum-focus-indicator-thickness\n);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-avatar-color-opacity-disabled:var(\n--spectrum-avatar-opacity-disabled\n)}: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-color-opacity-disabled:1;--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{-webkit-user-drag:none;block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-width:0;display:inline-block;inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n);opacity:var(\n--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity)\n);outline:none;overflow:visible;position:relative;-webkit-user-select:none;user-select:none}:host([disabled]){opacity:var(\n--highcontrast-avatar-color-opacity-disabled,var(\n--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled)\n)\n)}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link:focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}.link{outline:none}.image{block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqGf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{--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(\n--spectrum-focus-indicator-thickness\n);--spectrum-avatar-focus-indicator-gap:var(--spectrum-focus-indicator-gap);--spectrum-avatar-focus-indicator-color:var(\n--spectrum-focus-indicator-color\n);--spectrum-avatar-color-opacity-disabled:var(\n--spectrum-avatar-opacity-disabled\n)}: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-color-opacity-disabled:1;--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{-webkit-user-drag:none;block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-width:0;display:inline-block;inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n);opacity:var(\n--mod-avatar-color-opacity,var(--spectrum-avatar-color-opacity)\n);outline:none;overflow:visible;position:relative;-webkit-user-select:none;user-select:none}:host([disabled]){opacity:var(\n--highcontrast-avatar-color-opacity-disabled,var(\n--mod-avatar-color-opacity-disabled,var(--spectrum-avatar-color-opacity-disabled)\n)\n)}:host(:not([disabled])) .link.focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}:host(:not([disabled])) .link:focus-visible:after{block-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);border-color:var(\n--highcontrast-avatar-focus-indicator-color,var(\n--mod-avatar-focus-indicator-color,var(--spectrum-avatar-focus-indicator-color)\n)\n);border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);border-style:solid;border-width:var(\n--mod-avatar-focus-indicator-thickness,var(--spectrum-avatar-focus-indicator-thickness)\n);content:\"\";inline-size:calc(var(--mod-avatar-inline-size, var(--spectrum-avatar-inline-size)) + var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n)*2);inset-block-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);inset-inline-start:calc((var(\n--mod-avatar-focus-indicator-gap,\nvar(--spectrum-avatar-focus-indicator-gap)\n) + var(\n--mod-avatar-focus-indicator-thickness,\nvar(--spectrum-avatar-focus-indicator-thickness)\n))*-1);pointer-events:none;position:absolute}.link{outline:none}.image{block-size:var(--mod-avatar-block-size,var(--spectrum-avatar-block-size));border-radius:var(\n--mod-avatar-border-radius,var(--spectrum-avatar-border-radius)\n);inline-size:var(\n--mod-avatar-inline-size,var(--spectrum-avatar-inline-size)\n)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2Ef,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }