@spectrum-web-components/avatar 0.9.7 → 0.9.10

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 (7) hide show
  1. package/custom-elements.json +0 -57
  2. package/package.json +4 -4
  3. package/src/Avatar.js.map +1 -1
  4. package/src/avatar.css.js +1 -1
  5. package/src/avatar.css.js.map +1 -1
  6. package/src/spectrum-avatar.css.js +1 -1
  7. package/src/spectrum-avatar.css.js.map +1 -1
package/custom-elements.json CHANGED
@@ -106,63 +106,6 @@
106
106
  }
107
107
  }
108
108
  ]
109
- },
110
- {
111
- "kind": "javascript-module",
112
- "path": "src/avatar.css.ts",
113
- "declarations": [
114
- {
115
- "kind": "variable",
116
- "name": "styles",
117
- "default": "css`\n:host([size=\"50\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-50-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-50-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-50-width,var(--spectrum-alias-avatar-size-50)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-50-height,var(--spectrum-alias-avatar-size-50)\n)}:host([size=\"75\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-75-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-75-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-75-width,var(--spectrum-alias-avatar-size-75)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-75-height,var(--spectrum-alias-avatar-size-75)\n)}:host([size=\"100\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-100-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-100-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-100-width,var(--spectrum-alias-avatar-size-100)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-100-height,var(--spectrum-alias-avatar-size-100)\n)}:host([size=\"200\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-200-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-200-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-200-width,var(--spectrum-alias-avatar-size-200)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-200-height,var(--spectrum-alias-avatar-size-200)\n)}:host([size=\"300\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-300-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-300-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-300-width,var(--spectrum-alias-avatar-size-300)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-300-height,var(--spectrum-alias-avatar-size-300)\n)}:host([size=\"400\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-400-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-400-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-400-width,var(--spectrum-alias-avatar-size-400)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-400-height,var(--spectrum-alias-avatar-size-400)\n)}:host([size=\"500\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-500-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-500-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-500-width,var(--spectrum-alias-avatar-size-500)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-500-height,var(--spectrum-alias-avatar-size-500)\n)}:host([size=\"600\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-600-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-600-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-600-width,var(--spectrum-alias-avatar-size-600)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-600-height,var(--spectrum-alias-avatar-size-600)\n)}:host([size=\"700\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-700-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-700-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-700-width,var(--spectrum-alias-avatar-size-700)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-700-height,var(--spectrum-alias-avatar-size-700)\n)}:host{-webkit-user-drag:none;border-radius:var(--spectrum-avatar-border-radius);border-width:0;display:inline-block;height:var(--spectrum-avatar-height);position:relative;-webkit-user-select:none;user-select:none;width:var(--spectrum-avatar-width)}:host([dir=ltr]):after{left:0}:host([dir=rtl]):after{right:0}:host([dir=ltr]):after{right:0}:host([dir=rtl]):after{left:0}:host:after{border-radius:var(--spectrum-avatar-border-radius);border-style:solid;border-width:var(--spectrum-avatar-border-size);bottom:0;box-sizing:border-box;content:\"\";position:absolute;top:0}.image{height:var(--spectrum-avatar-height);width:var(--spectrum-avatar-width)}:host{opacity:var(\n--spectrum-avatar-size-100-opacity,var(--spectrum-global-color-opacity-100)\n)}:host:after{border-color:var(\n--spectrum-avatar-size-100-border-color,var(--spectrum-alias-avatar-border-color-default)\n)}:host([disabled]){opacity:var(\n--spectrum-avatar-size-100-opacity-disabled,var(--spectrum-global-color-opacity-30)\n)}:host{overflow:hidden}img{vertical-align:top}\n`"
118
- }
119
- ],
120
- "exports": [
121
- {
122
- "kind": "js",
123
- "name": "default",
124
- "declaration": {
125
- "name": "styles",
126
- "module": "src/avatar.css.ts"
127
- }
128
- }
129
- ]
130
- },
131
- {
132
- "kind": "javascript-module",
133
- "path": "src/index.ts",
134
- "declarations": [],
135
- "exports": [
136
- {
137
- "kind": "js",
138
- "name": "*",
139
- "declaration": {
140
- "name": "*",
141
- "package": "./Avatar.js"
142
- }
143
- }
144
- ]
145
- },
146
- {
147
- "kind": "javascript-module",
148
- "path": "src/spectrum-avatar.css.ts",
149
- "declarations": [
150
- {
151
- "kind": "variable",
152
- "name": "styles",
153
- "default": "css`\n:host([size=\"50\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-50-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-50-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-50-width,var(--spectrum-alias-avatar-size-50)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-50-height,var(--spectrum-alias-avatar-size-50)\n)}:host([size=\"75\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-75-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-75-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-75-width,var(--spectrum-alias-avatar-size-75)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-75-height,var(--spectrum-alias-avatar-size-75)\n)}:host([size=\"100\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-100-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-100-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-100-width,var(--spectrum-alias-avatar-size-100)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-100-height,var(--spectrum-alias-avatar-size-100)\n)}:host([size=\"200\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-200-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-200-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-200-width,var(--spectrum-alias-avatar-size-200)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-200-height,var(--spectrum-alias-avatar-size-200)\n)}:host([size=\"300\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-300-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-300-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-300-width,var(--spectrum-alias-avatar-size-300)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-300-height,var(--spectrum-alias-avatar-size-300)\n)}:host([size=\"400\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-400-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-400-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-400-width,var(--spectrum-alias-avatar-size-400)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-400-height,var(--spectrum-alias-avatar-size-400)\n)}:host([size=\"500\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-500-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-500-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-500-width,var(--spectrum-alias-avatar-size-500)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-500-height,var(--spectrum-alias-avatar-size-500)\n)}:host([size=\"600\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-600-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-600-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-600-width,var(--spectrum-alias-avatar-size-600)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-600-height,var(--spectrum-alias-avatar-size-600)\n)}:host([size=\"700\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-700-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-700-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-700-width,var(--spectrum-alias-avatar-size-700)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-700-height,var(--spectrum-alias-avatar-size-700)\n)}:host{-webkit-user-drag:none;border-radius:var(--spectrum-avatar-border-radius);border-width:0;display:inline-block;height:var(--spectrum-avatar-height);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:var(--spectrum-avatar-width)}:host([dir=ltr]):after{left:0}:host([dir=rtl]):after{right:0}:host([dir=ltr]):after{right:0}:host([dir=rtl]):after{left:0}:host:after{border-radius:var(--spectrum-avatar-border-radius);border-style:solid;border-width:var(--spectrum-avatar-border-size);bottom:0;box-sizing:border-box;content:\"\";position:absolute;top:0}.image{height:var(--spectrum-avatar-height);width:var(--spectrum-avatar-width)}:host{opacity:var(\n--spectrum-avatar-size-100-opacity,var(--spectrum-global-color-opacity-100)\n)}:host:after{border-color:var(\n--spectrum-avatar-size-100-border-color,var(--spectrum-alias-avatar-border-color-default)\n)}:host([disabled]){opacity:var(\n--spectrum-avatar-size-100-opacity-disabled,var(--spectrum-global-color-opacity-30)\n)}\n`"
154
- }
155
- ],
156
- "exports": [
157
- {
158
- "kind": "js",
159
- "name": "default",
160
- "declaration": {
161
- "name": "styles",
162
- "module": "src/spectrum-avatar.css.ts"
163
- }
164
- }
165
- ]
166
109
  }
167
110
  ]
168
111
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/avatar",
3
- "version": "0.9.7",
3
+ "version": "0.9.10",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -44,16 +44,16 @@
44
44
  "lit-html"
45
45
  ],
46
46
  "dependencies": {
47
- "@spectrum-web-components/base": "^0.5.6",
47
+ "@spectrum-web-components/base": "^0.5.8",
48
48
  "tslib": "^2.0.0"
49
49
  },
50
50
  "devDependencies": {
51
- "@spectrum-css/avatar": "^5.0.16"
51
+ "@spectrum-css/avatar": "^5.0.17"
52
52
  },
53
53
  "types": "./src/index.d.ts",
54
54
  "customElements": "custom-elements.json",
55
55
  "sideEffects": [
56
56
  "./sp-*.js"
57
57
  ],
58
- "gitHead": "32e049a0da090ffc1a54cfe3234be4d5efc73339"
58
+ "gitHead": "e5cd4a0db2201b8126eb9133ac3c24172d086359"
59
59
  }
package/src/Avatar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["Avatar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;;AAEF,OAAO,EAEH,IAAI,EAEJ,eAAe,GAElB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iDAAiD,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAE5E,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAG3C,MAAM,UAAU,GAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC7E,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;AAElC;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,eAAe;IAA3C;;QAMW,UAAK,GAAG,EAAE,CAAC;QAGX,QAAG,GAAG,EAAE,CAAC;QAuBR,UAAK,GAAG,WAAW,CAAC;IAkBhC,CAAC;IAjDU,MAAM,KAAK,MAAM;QACpB,OAAO,CAAC,YAAY,CAAC,CAAC;IAC1B,CAAC;IASD,IAAW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAiB;QAC7B,MAAM,IAAI,GAAG,KAAK,CAAC;QACnB,MAAM,SAAS,GAAG,CACd,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CACnC,CAAC;QAChB,IAAI,SAAS,EAAE;YACX,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC;SAC7C;QACD,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;YAC1B,OAAO;SACV;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC;IAIS,MAAM;QACZ,OAAO,IAAI,CAAA;;;sBAGG,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;sBAClC,IAAI,CAAC,GAAG;;SAErB,CAAC;IACN,CAAC;IAES,YAAY,CAAC,OAAuB;QAC1C,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;YAC5B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;SAC7C;IACL,CAAC;CACJ;AA5CG;IADC,QAAQ,EAAE;qCACO;AAGlB;IADC,QAAQ,EAAE;mCACK;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kCAGzC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n CSSResultArray,\n html,\n PropertyValues,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport avatarStyles from './avatar.css.js';\n\nexport type AvatarSize = 50 | 75 | 100 | 200 | 300 | 400 | 500 | 600 | 700;\nconst validSizes: AvatarSize[] = [50, 75, 100, 200, 300, 400, 500, 600, 700];\nconst defaultSize = validSizes[2];\n\n/**\n * @element sp-avatar\n */\nexport class Avatar extends SpectrumElement {\n public static get styles(): CSSResultArray {\n return [avatarStyles];\n }\n\n @property()\n public label = '';\n\n @property()\n public src = '';\n\n @property({ type: Number, reflect: true })\n public get size(): AvatarSize {\n return this._size;\n }\n\n public set size(value: AvatarSize) {\n const size = value;\n const validSize = (\n validSizes.includes(size) ? size : defaultSize\n ) as AvatarSize;\n if (validSize) {\n this.setAttribute('size', `${validSize}`);\n }\n if (this._size === validSize) {\n return;\n }\n const oldSize = this._size;\n this._size = validSize;\n this.requestUpdate('size', oldSize);\n }\n\n private _size = defaultSize;\n\n protected render(): TemplateResult {\n return html`\n <img\n class=\"image\"\n alt=${ifDefined(this.label || undefined)}\n src=${this.src}\n />\n `;\n }\n\n protected firstUpdated(changes: PropertyValues): void {\n super.firstUpdated(changes);\n if (!this.hasAttribute('size')) {\n this.setAttribute('size', `${this.size}`);\n }\n }\n}\n"]}
1
+ {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["Avatar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;;AAEF,OAAO,EAEH,IAAI,EAEJ,eAAe,GAElB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iDAAiD,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAE5E,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAG3C,MAAM,UAAU,GAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC7E,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;AAElC;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,eAAe;IAA3C;;QAMW,UAAK,GAAG,EAAE,CAAC;QAGX,QAAG,GAAG,EAAE,CAAC;QAuBR,UAAK,GAAG,WAAW,CAAC;IAkBhC,CAAC;IAjDU,MAAM,KAAc,MAAM;QAC7B,OAAO,CAAC,YAAY,CAAC,CAAC;IAC1B,CAAC;IASD,IAAW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAiB;QAC7B,MAAM,IAAI,GAAG,KAAK,CAAC;QACnB,MAAM,SAAS,GAAG,CACd,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CACnC,CAAC;QAChB,IAAI,SAAS,EAAE;YACX,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC;SAC7C;QACD,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;YAC1B,OAAO;SACV;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC;IAIkB,MAAM;QACrB,OAAO,IAAI,CAAA;;;sBAGG,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;sBAClC,IAAI,CAAC,GAAG;;SAErB,CAAC;IACN,CAAC;IAEkB,YAAY,CAAC,OAAuB;QACnD,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;YAC5B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;SAC7C;IACL,CAAC;CACJ;AA5CG;IADC,QAAQ,EAAE;qCACO;AAGlB;IADC,QAAQ,EAAE;mCACK;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kCAGzC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n CSSResultArray,\n html,\n PropertyValues,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport avatarStyles from './avatar.css.js';\n\nexport type AvatarSize = 50 | 75 | 100 | 200 | 300 | 400 | 500 | 600 | 700;\nconst validSizes: AvatarSize[] = [50, 75, 100, 200, 300, 400, 500, 600, 700];\nconst defaultSize = validSizes[2];\n\n/**\n * @element sp-avatar\n */\nexport class Avatar extends SpectrumElement {\n public static override get styles(): CSSResultArray {\n return [avatarStyles];\n }\n\n @property()\n public label = '';\n\n @property()\n public src = '';\n\n @property({ type: Number, reflect: true })\n public get size(): AvatarSize {\n return this._size;\n }\n\n public set size(value: AvatarSize) {\n const size = value;\n const validSize = (\n validSizes.includes(size) ? size : defaultSize\n ) as AvatarSize;\n if (validSize) {\n this.setAttribute('size', `${validSize}`);\n }\n if (this._size === validSize) {\n return;\n }\n const oldSize = this._size;\n this._size = validSize;\n this.requestUpdate('size', oldSize);\n }\n\n private _size = defaultSize;\n\n protected override render(): TemplateResult {\n return html`\n <img\n class=\"image\"\n alt=${ifDefined(this.label || undefined)}\n src=${this.src}\n />\n `;\n }\n\n protected override firstUpdated(changes: PropertyValues): void {\n super.firstUpdated(changes);\n if (!this.hasAttribute('size')) {\n this.setAttribute('size', `${this.size}`);\n }\n }\n}\n"]}
package/src/avatar.css.js CHANGED
@@ -89,7 +89,7 @@ const styles = css `
89
89
  --spectrum-avatar-size-100-border-color,var(--spectrum-alias-avatar-border-color-default)
90
90
  )}:host([disabled]){opacity:var(
91
91
  --spectrum-avatar-size-100-opacity-disabled,var(--spectrum-global-color-opacity-30)
92
- )}:host{overflow:hidden}img{vertical-align:top}
92
+ )}@media (forced-colors:active){:host([disabled]){opacity:1;outline:2px solid GrayText}}:host{overflow:hidden}img{vertical-align:top}
93
93
  `;
94
94
  export default styles;
95
95
  //# sourceMappingURL=avatar.css.js.map
package/src/avatar.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.css.js","sourceRoot":"","sources":["avatar.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2022 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([size=\"50\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-50-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-50-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-50-width,var(--spectrum-alias-avatar-size-50)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-50-height,var(--spectrum-alias-avatar-size-50)\n)}:host([size=\"75\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-75-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-75-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-75-width,var(--spectrum-alias-avatar-size-75)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-75-height,var(--spectrum-alias-avatar-size-75)\n)}:host([size=\"100\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-100-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-100-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-100-width,var(--spectrum-alias-avatar-size-100)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-100-height,var(--spectrum-alias-avatar-size-100)\n)}:host([size=\"200\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-200-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-200-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-200-width,var(--spectrum-alias-avatar-size-200)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-200-height,var(--spectrum-alias-avatar-size-200)\n)}:host([size=\"300\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-300-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-300-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-300-width,var(--spectrum-alias-avatar-size-300)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-300-height,var(--spectrum-alias-avatar-size-300)\n)}:host([size=\"400\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-400-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-400-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-400-width,var(--spectrum-alias-avatar-size-400)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-400-height,var(--spectrum-alias-avatar-size-400)\n)}:host([size=\"500\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-500-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-500-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-500-width,var(--spectrum-alias-avatar-size-500)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-500-height,var(--spectrum-alias-avatar-size-500)\n)}:host([size=\"600\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-600-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-600-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-600-width,var(--spectrum-alias-avatar-size-600)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-600-height,var(--spectrum-alias-avatar-size-600)\n)}:host([size=\"700\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-700-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-700-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-700-width,var(--spectrum-alias-avatar-size-700)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-700-height,var(--spectrum-alias-avatar-size-700)\n)}:host{-webkit-user-drag:none;border-radius:var(--spectrum-avatar-border-radius);border-width:0;display:inline-block;height:var(--spectrum-avatar-height);position:relative;-webkit-user-select:none;user-select:none;width:var(--spectrum-avatar-width)}:host([dir=ltr]):after{left:0}:host([dir=rtl]):after{right:0}:host([dir=ltr]):after{right:0}:host([dir=rtl]):after{left:0}:host:after{border-radius:var(--spectrum-avatar-border-radius);border-style:solid;border-width:var(--spectrum-avatar-border-size);bottom:0;box-sizing:border-box;content:\"\";position:absolute;top:0}.image{height:var(--spectrum-avatar-height);width:var(--spectrum-avatar-width)}:host{opacity:var(\n--spectrum-avatar-size-100-opacity,var(--spectrum-global-color-opacity-100)\n)}:host:after{border-color:var(\n--spectrum-avatar-size-100-border-color,var(--spectrum-alias-avatar-border-color-default)\n)}:host([disabled]){opacity:var(\n--spectrum-avatar-size-100-opacity-disabled,var(--spectrum-global-color-opacity-30)\n)}:host{overflow:hidden}img{vertical-align:top}\n`;\nexport default styles;"]}
1
+ {"version":3,"file":"avatar.css.js","sourceRoot":"","sources":["avatar.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2022 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([size=\"50\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-50-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-50-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-50-width,var(--spectrum-alias-avatar-size-50)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-50-height,var(--spectrum-alias-avatar-size-50)\n)}:host([size=\"75\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-75-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-75-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-75-width,var(--spectrum-alias-avatar-size-75)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-75-height,var(--spectrum-alias-avatar-size-75)\n)}:host([size=\"100\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-100-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-100-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-100-width,var(--spectrum-alias-avatar-size-100)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-100-height,var(--spectrum-alias-avatar-size-100)\n)}:host([size=\"200\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-200-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-200-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-200-width,var(--spectrum-alias-avatar-size-200)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-200-height,var(--spectrum-alias-avatar-size-200)\n)}:host([size=\"300\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-300-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-300-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-300-width,var(--spectrum-alias-avatar-size-300)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-300-height,var(--spectrum-alias-avatar-size-300)\n)}:host([size=\"400\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-400-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-400-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-400-width,var(--spectrum-alias-avatar-size-400)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-400-height,var(--spectrum-alias-avatar-size-400)\n)}:host([size=\"500\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-500-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-500-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-500-width,var(--spectrum-alias-avatar-size-500)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-500-height,var(--spectrum-alias-avatar-size-500)\n)}:host([size=\"600\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-600-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-600-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-600-width,var(--spectrum-alias-avatar-size-600)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-600-height,var(--spectrum-alias-avatar-size-600)\n)}:host([size=\"700\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-700-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-700-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-700-width,var(--spectrum-alias-avatar-size-700)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-700-height,var(--spectrum-alias-avatar-size-700)\n)}:host{-webkit-user-drag:none;border-radius:var(--spectrum-avatar-border-radius);border-width:0;display:inline-block;height:var(--spectrum-avatar-height);position:relative;-webkit-user-select:none;user-select:none;width:var(--spectrum-avatar-width)}:host([dir=ltr]):after{left:0}:host([dir=rtl]):after{right:0}:host([dir=ltr]):after{right:0}:host([dir=rtl]):after{left:0}:host:after{border-radius:var(--spectrum-avatar-border-radius);border-style:solid;border-width:var(--spectrum-avatar-border-size);bottom:0;box-sizing:border-box;content:\"\";position:absolute;top:0}.image{height:var(--spectrum-avatar-height);width:var(--spectrum-avatar-width)}:host{opacity:var(\n--spectrum-avatar-size-100-opacity,var(--spectrum-global-color-opacity-100)\n)}:host:after{border-color:var(\n--spectrum-avatar-size-100-border-color,var(--spectrum-alias-avatar-border-color-default)\n)}:host([disabled]){opacity:var(\n--spectrum-avatar-size-100-opacity-disabled,var(--spectrum-global-color-opacity-30)\n)}@media (forced-colors:active){:host([disabled]){opacity:1;outline:2px solid GrayText}}:host{overflow:hidden}img{vertical-align:top}\n`;\nexport default styles;"]}
package/src/spectrum-avatar.css.js CHANGED
@@ -89,7 +89,7 @@ const styles = css `
89
89
  --spectrum-avatar-size-100-border-color,var(--spectrum-alias-avatar-border-color-default)
90
90
  )}:host([disabled]){opacity:var(
91
91
  --spectrum-avatar-size-100-opacity-disabled,var(--spectrum-global-color-opacity-30)
92
- )}
92
+ )}@media (forced-colors:active){:host([disabled]){opacity:1;outline:2px solid GrayText}}
93
93
  `;
94
94
  export default styles;
95
95
  //# sourceMappingURL=spectrum-avatar.css.js.map
package/src/spectrum-avatar.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"spectrum-avatar.css.js","sourceRoot":"","sources":["spectrum-avatar.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2022 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([size=\"50\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-50-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-50-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-50-width,var(--spectrum-alias-avatar-size-50)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-50-height,var(--spectrum-alias-avatar-size-50)\n)}:host([size=\"75\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-75-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-75-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-75-width,var(--spectrum-alias-avatar-size-75)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-75-height,var(--spectrum-alias-avatar-size-75)\n)}:host([size=\"100\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-100-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-100-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-100-width,var(--spectrum-alias-avatar-size-100)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-100-height,var(--spectrum-alias-avatar-size-100)\n)}:host([size=\"200\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-200-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-200-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-200-width,var(--spectrum-alias-avatar-size-200)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-200-height,var(--spectrum-alias-avatar-size-200)\n)}:host([size=\"300\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-300-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-300-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-300-width,var(--spectrum-alias-avatar-size-300)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-300-height,var(--spectrum-alias-avatar-size-300)\n)}:host([size=\"400\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-400-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-400-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-400-width,var(--spectrum-alias-avatar-size-400)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-400-height,var(--spectrum-alias-avatar-size-400)\n)}:host([size=\"500\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-500-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-500-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-500-width,var(--spectrum-alias-avatar-size-500)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-500-height,var(--spectrum-alias-avatar-size-500)\n)}:host([size=\"600\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-600-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-600-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-600-width,var(--spectrum-alias-avatar-size-600)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-600-height,var(--spectrum-alias-avatar-size-600)\n)}:host([size=\"700\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-700-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-700-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-700-width,var(--spectrum-alias-avatar-size-700)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-700-height,var(--spectrum-alias-avatar-size-700)\n)}:host{-webkit-user-drag:none;border-radius:var(--spectrum-avatar-border-radius);border-width:0;display:inline-block;height:var(--spectrum-avatar-height);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:var(--spectrum-avatar-width)}:host([dir=ltr]):after{left:0}:host([dir=rtl]):after{right:0}:host([dir=ltr]):after{right:0}:host([dir=rtl]):after{left:0}:host:after{border-radius:var(--spectrum-avatar-border-radius);border-style:solid;border-width:var(--spectrum-avatar-border-size);bottom:0;box-sizing:border-box;content:\"\";position:absolute;top:0}.image{height:var(--spectrum-avatar-height);width:var(--spectrum-avatar-width)}:host{opacity:var(\n--spectrum-avatar-size-100-opacity,var(--spectrum-global-color-opacity-100)\n)}:host:after{border-color:var(\n--spectrum-avatar-size-100-border-color,var(--spectrum-alias-avatar-border-color-default)\n)}:host([disabled]){opacity:var(\n--spectrum-avatar-size-100-opacity-disabled,var(--spectrum-global-color-opacity-30)\n)}\n`;\nexport default styles;"]}
1
+ {"version":3,"file":"spectrum-avatar.css.js","sourceRoot":"","sources":["spectrum-avatar.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFjB,CAAC;AACF,eAAe,MAAM,CAAC","sourcesContent":["/*\nCopyright 2022 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([size=\"50\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-50-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-50-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-50-width,var(--spectrum-alias-avatar-size-50)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-50-height,var(--spectrum-alias-avatar-size-50)\n)}:host([size=\"75\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-75-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-75-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-75-width,var(--spectrum-alias-avatar-size-75)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-75-height,var(--spectrum-alias-avatar-size-75)\n)}:host([size=\"100\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-100-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-100-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-100-width,var(--spectrum-alias-avatar-size-100)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-100-height,var(--spectrum-alias-avatar-size-100)\n)}:host([size=\"200\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-200-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-200-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-200-width,var(--spectrum-alias-avatar-size-200)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-200-height,var(--spectrum-alias-avatar-size-200)\n)}:host([size=\"300\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-300-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-300-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-300-width,var(--spectrum-alias-avatar-size-300)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-300-height,var(--spectrum-alias-avatar-size-300)\n)}:host([size=\"400\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-400-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-400-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-400-width,var(--spectrum-alias-avatar-size-400)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-400-height,var(--spectrum-alias-avatar-size-400)\n)}:host([size=\"500\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-500-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-500-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-500-width,var(--spectrum-alias-avatar-size-500)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-500-height,var(--spectrum-alias-avatar-size-500)\n)}:host([size=\"600\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-600-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-600-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-600-width,var(--spectrum-alias-avatar-size-600)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-600-height,var(--spectrum-alias-avatar-size-600)\n)}:host([size=\"700\"]){--spectrum-avatar-border-radius:var(\n--spectrum-avatar-size-700-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-avatar-border-size:var(\n--spectrum-avatar-size-700-border-size,var(--spectrum-alias-avatar-border-size)\n);--spectrum-avatar-width:var(\n--spectrum-avatar-size-700-width,var(--spectrum-alias-avatar-size-700)\n);--spectrum-avatar-height:var(\n--spectrum-avatar-size-700-height,var(--spectrum-alias-avatar-size-700)\n)}:host{-webkit-user-drag:none;border-radius:var(--spectrum-avatar-border-radius);border-width:0;display:inline-block;height:var(--spectrum-avatar-height);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:var(--spectrum-avatar-width)}:host([dir=ltr]):after{left:0}:host([dir=rtl]):after{right:0}:host([dir=ltr]):after{right:0}:host([dir=rtl]):after{left:0}:host:after{border-radius:var(--spectrum-avatar-border-radius);border-style:solid;border-width:var(--spectrum-avatar-border-size);bottom:0;box-sizing:border-box;content:\"\";position:absolute;top:0}.image{height:var(--spectrum-avatar-height);width:var(--spectrum-avatar-width)}:host{opacity:var(\n--spectrum-avatar-size-100-opacity,var(--spectrum-global-color-opacity-100)\n)}:host:after{border-color:var(\n--spectrum-avatar-size-100-border-color,var(--spectrum-alias-avatar-border-color-default)\n)}:host([disabled]){opacity:var(\n--spectrum-avatar-size-100-opacity-disabled,var(--spectrum-global-color-opacity-30)\n)}@media (forced-colors:active){:host([disabled]){opacity:1;outline:2px solid GrayText}}\n`;\nexport default styles;"]}