@spectrum-web-components/avatar 0.9.6 → 0.9.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/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.
|
|
3
|
+
"version": "0.9.9",
|
|
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.
|
|
47
|
+
"@spectrum-web-components/base": "^0.5.7",
|
|
48
48
|
"tslib": "^2.0.0"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@spectrum-css/avatar": "^5.0.
|
|
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": "
|
|
58
|
+
"gitHead": "275ee61b152ac3eed0cd1603d8eab2aec90876a0"
|
|
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,
|
|
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;"]}
|
|
@@ -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
|
|
@@ -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;"]}
|