@react-spectrum/avatar 3.0.0-alpha.8 → 3.0.0-beta.0

package/dist/import.mjs

@@ -0,0 +1,86 @@
+import "./main.css";
+import {useSlotProps as $85w8l$useSlotProps, useStyleProps as $85w8l$useStyleProps, useDOMRef as $85w8l$useDOMRef, dimensionValue as $85w8l$dimensionValue, classNames as $85w8l$classNames} from "@react-spectrum/utils";
+import {filterDOMProps as $85w8l$filterDOMProps} from "@react-aria/utils";
+import $85w8l$react, {forwardRef as $85w8l$forwardRef} from "react";
+import {useProviderProps as $85w8l$useProviderProps} from "@react-spectrum/provider";
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+var $f81b9c4eea42ecfe$exports = {};
+
+$parcel$export($f81b9c4eea42ecfe$exports, "spectrum-Avatar", () => $f81b9c4eea42ecfe$export$2e049b8d031600fb, (v) => $f81b9c4eea42ecfe$export$2e049b8d031600fb = v);
+$parcel$export($f81b9c4eea42ecfe$exports, "is-disabled", () => $f81b9c4eea42ecfe$export$d35bc1e505d1ebbf, (v) => $f81b9c4eea42ecfe$export$d35bc1e505d1ebbf = v);
+var $f81b9c4eea42ecfe$export$2e049b8d031600fb;
+var $f81b9c4eea42ecfe$export$d35bc1e505d1ebbf;
+$f81b9c4eea42ecfe$export$2e049b8d031600fb = "spectrum-Avatar_2ebb13";
+$f81b9c4eea42ecfe$export$d35bc1e505d1ebbf = "is-disabled_2ebb13";
+
+
+
+const $ab0b7b2186c39312$var$DEFAULT_SIZE = "avatar-size-100";
+const $ab0b7b2186c39312$var$SIZE_RE = /^size-\d+/;
+function $ab0b7b2186c39312$var$Avatar(props, ref) {
+    props = (0, $85w8l$useSlotProps)(props, "avatar");
+    const { alt: alt = "" , isDisabled: isDisabled , size: size = $ab0b7b2186c39312$var$DEFAULT_SIZE , src: src , ...otherProps } = (0, $85w8l$useProviderProps)(props);
+    const { styleProps: styleProps  } = (0, $85w8l$useStyleProps)(otherProps);
+    const domRef = (0, $85w8l$useDOMRef)(ref);
+    const domProps = (0, $85w8l$filterDOMProps)(otherProps);
+    // Casting `size` as `any` since `isNaN` expects a `number`, but we want it
+    // to handle `string` numbers; e.g. '300' as opposed to 300
+    const sizeValue = typeof size !== "number" && ($ab0b7b2186c39312$var$SIZE_RE.test(size) || !isNaN(size)) ? (0, $85w8l$dimensionValue)($ab0b7b2186c39312$var$DEFAULT_SIZE) // override disallowed size values
+     : (0, $85w8l$dimensionValue)(size || $ab0b7b2186c39312$var$DEFAULT_SIZE);
+    return /*#__PURE__*/ (0, $85w8l$react).createElement("img", {
+        ...styleProps,
+        ...domProps,
+        alt: alt,
+        className: (0, $85w8l$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f81b9c4eea42ecfe$exports))), "spectrum-Avatar", {
+            "is-disabled": isDisabled
+        }, styleProps.className),
+        ref: domRef,
+        src: src,
+        style: {
+            ...styleProps.style,
+            ...sizeValue && {
+                height: sizeValue,
+                width: sizeValue
+            }
+        }
+    });
+}
+/**
+ * An avatar is a thumbnail representation of an entity, such as a user or an organization.
+ */ const $ab0b7b2186c39312$export$e2255cf6045e8d47 = /*#__PURE__*/ (0, $85w8l$forwardRef)($ab0b7b2186c39312$var$Avatar);
+
+
+
+
+export {$ab0b7b2186c39312$export$e2255cf6045e8d47 as Avatar};
+//# sourceMappingURL=module.js.map

package/dist/main.css

@@ -1 +1 @@
-.spectrum-Avatar_2ebb13{width:var(--spectrum-avatar-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-avatar-small-height,var(--spectrum-global-dimension-size-200));border-radius:var(--spectrum-avatar-small-border-radius,50%);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--spectrum-avatar-small-opacity,1);transition:box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-out;border-style:none;outline:0}.spectrum-Avatar_2ebb13.is-disabled_2ebb13{opacity:var(--spectrum-avatar-small-opacity-disabled,0.3)}@media (forced-colors:active){.spectrum-Avatar_2ebb13.is-disabled_2ebb13{opacity:1;border:2px solid GrayText}}
+.spectrum-Avatar_2ebb13{width:var(--spectrum-avatar-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-avatar-small-height,var(--spectrum-global-dimension-size-200));border-radius:var(--spectrum-avatar-small-border-radius,50%);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--spectrum-avatar-small-opacity,1);transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out;border-style:none;outline:none}.spectrum-Avatar_2ebb13.is-disabled_2ebb13{opacity:var(--spectrum-avatar-small-opacity-disabled,.3)}@media (forced-colors:active){.spectrum-Avatar_2ebb13.is-disabled_2ebb13{opacity:1;border:2px solid GrayText}}

package/dist/main.js

@@ -12,7 +12,28 @@ function $parcel$interopDefault(a) {
 }
 
 $parcel$export(module.exports, "Avatar", () => $cc830936d47bae2b$export$e2255cf6045e8d47);
-
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 var $d22788318b5f79eb$exports = {};
@@ -26,24 +47,24 @@ $d22788318b5f79eb$export$d35bc1e505d1ebbf = "is-disabled_2ebb13";
 
 
 
-const $cc830936d47bae2b$var$DEFAULT_SIZE = 'avatar-size-100';
+const $cc830936d47bae2b$var$DEFAULT_SIZE = "avatar-size-100";
 const $cc830936d47bae2b$var$SIZE_RE = /^size-\d+/;
 function $cc830936d47bae2b$var$Avatar(props, ref) {
-    props = $hTGwy$reactspectrumutils.useSlotProps(props, 'avatar');
-    const { alt: alt = '' , isDisabled: isDisabled , size: size , src: src , ...otherProps } = $hTGwy$reactspectrumprovider.useProviderProps(props);
-    const { styleProps: styleProps  } = $hTGwy$reactspectrumutils.useStyleProps(otherProps);
-    const domRef = $hTGwy$reactspectrumutils.useDOMRef(ref);
-    const domProps = $hTGwy$reactariautils.filterDOMProps(otherProps);
+    props = (0, $hTGwy$reactspectrumutils.useSlotProps)(props, "avatar");
+    const { alt: alt = "" , isDisabled: isDisabled , size: size = $cc830936d47bae2b$var$DEFAULT_SIZE , src: src , ...otherProps } = (0, $hTGwy$reactspectrumprovider.useProviderProps)(props);
+    const { styleProps: styleProps  } = (0, $hTGwy$reactspectrumutils.useStyleProps)(otherProps);
+    const domRef = (0, $hTGwy$reactspectrumutils.useDOMRef)(ref);
+    const domProps = (0, $hTGwy$reactariautils.filterDOMProps)(otherProps);
     // Casting `size` as `any` since `isNaN` expects a `number`, but we want it
     // to handle `string` numbers; e.g. '300' as opposed to 300
-    const sizeValue = typeof size !== 'number' && ($cc830936d47bae2b$var$SIZE_RE.test(size) || !isNaN(size)) ? $hTGwy$reactspectrumutils.dimensionValue($cc830936d47bae2b$var$DEFAULT_SIZE) // override disallowed size values
-     : $hTGwy$reactspectrumutils.dimensionValue(size || $cc830936d47bae2b$var$DEFAULT_SIZE);
-    return(/*#__PURE__*/ ($parcel$interopDefault($hTGwy$react)).createElement("img", {
+    const sizeValue = typeof size !== "number" && ($cc830936d47bae2b$var$SIZE_RE.test(size) || !isNaN(size)) ? (0, $hTGwy$reactspectrumutils.dimensionValue)($cc830936d47bae2b$var$DEFAULT_SIZE) // override disallowed size values
+     : (0, $hTGwy$reactspectrumutils.dimensionValue)(size || $cc830936d47bae2b$var$DEFAULT_SIZE);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($hTGwy$react))).createElement("img", {
         ...styleProps,
         ...domProps,
         alt: alt,
-        className: $hTGwy$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($d22788318b5f79eb$exports)), 'spectrum-Avatar', {
-            'is-disabled': isDisabled
+        className: (0, $hTGwy$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($d22788318b5f79eb$exports))), "spectrum-Avatar", {
+            "is-disabled": isDisabled
         }, styleProps.className),
         ref: domRef,
         src: src,
@@ -54,11 +75,11 @@ function $cc830936d47bae2b$var$Avatar(props, ref) {
                 width: sizeValue
             }
         }
-    }));
+    });
 }
 /**
  * An avatar is a thumbnail representation of an entity, such as a user or an organization.
- */ const $cc830936d47bae2b$export$e2255cf6045e8d47 = /*#__PURE__*/ $hTGwy$react.forwardRef($cc830936d47bae2b$var$Avatar);
+ */ const $cc830936d47bae2b$export$e2255cf6045e8d47 = /*#__PURE__*/ (0, $hTGwy$react.forwardRef)($cc830936d47bae2b$var$Avatar);
 
 
 

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AEAA,GAAiC;AACjC,GAA6B;AAD7B,yCAAiC,GAAG,CAAwB;AAC5D,yCAA6B,GAAG,CAAoB;;;;ADmBpD,KAAK,CAAC,kCAAY,GAAG,CAAiB;AACtC,KAAK,CAAC,6BAAO;SAEJ,4BAAM,CAAC,KAA0B,EAAE,GAA6B,EAAE,CAAC;IAC1E,KAAK,GAAG,sCAAY,CAAC,KAAK,EAAE,CAAQ;IACpC,KAAK,CAAC,CAAC,MACL,GAAG,GAAG,CAAE,gBACR,UAAU,SACV,IAAI,QACJ,GAAG,MACA,UAAU,CACf,CAAC,GAAG,6CAAgB,CAAC,KAAK;IAE1B,KAAK,CAAC,CAAC,aAAA,UAAU,EAAA,CAAC,GAAG,uCAAa,CAAC,UAAU;IAC7C,KAAK,CAAC,MAAM,GAAG,mCAAS,CAAC,GAAG;IAE5B,KAAK,CAAC,QAAQ,GAAG,oCAAc,CAAC,UAAU;IAE1C,EAA2E,AAA3E,yEAA2E;IAC3E,EAA2D,AAA3D,yDAA2D;IAC3D,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,KAAK,CAAQ,YAAK,6BAAO,CAAC,IAAI,CAAC,IAAI,MAAM,KAAK,CAAC,IAAI,KAC5E,wCAAc,CAAC,kCAAY,CAAE,CAAkC,AAAlC,EAAkC,AAAlC,gCAAkC;OAC/D,wCAAc,CAAC,IAAI,IAAI,kCAAY;IAEvC,MAAM,oEACH,CAAG;WACE,UAAU;WACV,QAAQ;QACZ,GAAG,EAAE,GAAG;QACR,SAAS,EAAE,oCAAU,CACnB,gEAAM,EACN,CAAiB,kBACjB,CAAC;YACC,CAAa,cAAE,UAAU;QAC3B,CAAC,EACD,UAAU,CAAC,SAAS;QACtB,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,CAAC;eACH,UAAU,CAAC,KAAK;eACf,SAAS,IAAI,CAAC;gBAAA,MAAM,EAAE,SAAS;gBAAE,KAAK,EAAE,SAAS;YAAA,CAAC;QACxD,CAAC;;AAEP,CAAC;AAED,EAEG,AAFH;;CAEG,AAFH,EAEG,CACH,KAAK,CAAC,yCAAO,iBAAG,uBAAU,CAAC,4BAAM","sources":["packages/@react-spectrum/avatar/src/index.ts","packages/@react-spectrum/avatar/src/Avatar.tsx","packages/@adobe/spectrum-css-temp/components/avatar/vars.css"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {Avatar} from './Avatar';\nexport type {SpectrumAvatarProps} from '@react-types/avatar';\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, dimensionValue, useDOMRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport React, {forwardRef} from 'react';\nimport {SpectrumAvatarProps} from '@react-types/avatar';\nimport styles from '@adobe/spectrum-css-temp/components/avatar/vars.css';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nconst DEFAULT_SIZE = 'avatar-size-100';\nconst SIZE_RE = /^size-\\d+/;\n\nfunction Avatar(props: SpectrumAvatarProps, ref: DOMRef<HTMLImageElement>) {\n  props = useSlotProps(props, 'avatar');\n  const {\n    alt = '',\n    isDisabled,\n    size,\n    src,\n    ...otherProps\n  } = useProviderProps(props);\n\n  const {styleProps} = useStyleProps(otherProps);\n  const domRef = useDOMRef(ref);\n\n  const domProps = filterDOMProps(otherProps);\n\n  // Casting `size` as `any` since `isNaN` expects a `number`, but we want it\n  // to handle `string` numbers; e.g. '300' as opposed to 300\n  const sizeValue = typeof size !== 'number' && (SIZE_RE.test(size) || !isNaN(size as any))\n    ? dimensionValue(DEFAULT_SIZE) // override disallowed size values\n    : dimensionValue(size || DEFAULT_SIZE);\n\n  return (\n    <img\n      {...styleProps}\n      {...domProps}\n      alt={alt}\n      className={classNames(\n        styles,\n        'spectrum-Avatar',\n        {\n          'is-disabled': isDisabled\n        },\n        styleProps.className)}\n      ref={domRef}\n      src={src}\n      style={{\n        ...styleProps.style,\n        ...(sizeValue && {height: sizeValue, width: sizeValue})\n      }} />\n  );\n}\n\n/**\n * An avatar is a thumbnail representation of an entity, such as a user or an organization.\n */\nconst _Avatar = forwardRef(Avatar);\nexport {_Avatar as Avatar};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C;ACX1C;;;;;;;;;;CAUC,GAED;;;;;;;ACZA,IAAA;AACA,IAAA;AADA,4CAAoC;AACpC,4CAAgC;;;;ADmBhC,MAAM,qCAAe;AACrB,MAAM,gCAAU;AAEhB,SAAS,6BAAO,KAA0B,EAAE,GAA6B,EAAE;IACzE,QAAQ,CAAA,GAAA,sCAAY,AAAD,EAAE,OAAO;IAC5B,MAAM,OACJ,MAAM,iBACN,WAAU,QACV,OAAO,0CACP,IAAG,EACH,GAAG,YACJ,GAAG,CAAA,GAAA,6CAAe,EAAE;IAErB,MAAM,cAAC,WAAU,EAAC,GAAG,CAAA,GAAA,uCAAa,AAAD,EAAE;IACnC,MAAM,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEzB,MAAM,WAAW,CAAA,GAAA,oCAAa,EAAE;IAEhC,2EAA2E;IAC3E,2DAA2D;IAC3D,MAAM,YAAY,OAAO,SAAS,YAAa,CAAA,8BAAQ,IAAI,CAAC,SAAS,CAAC,MAAM,KAAW,IACnF,CAAA,GAAA,wCAAc,AAAD,EAAE,oCAAc,kCAAkC;OAC/D,CAAA,GAAA,wCAAa,EAAE,QAAQ,mCAAa;IAExC,qBACE,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,QAAQ;QACZ,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,yDAAM,OAAD,GACL,mBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QACtB,KAAK;QACL,KAAK;QACL,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,GAAI,aAAa;gBAAC,QAAQ;gBAAW,OAAO;YAAS,CAAC;QACxD;;AAEN;AAEA;;CAEC,GACD,MAAM,0DAAU,CAAA,GAAA,uBAAS,EAAE;;ADxD3B","sources":["packages/@react-spectrum/avatar/src/index.ts","packages/@react-spectrum/avatar/src/Avatar.tsx","packages/@adobe/spectrum-css-temp/components/avatar/vars.css"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {Avatar} from './Avatar';\nexport type {SpectrumAvatarProps} from '@react-types/avatar';\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, dimensionValue, useDOMRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport React, {forwardRef} from 'react';\nimport {SpectrumAvatarProps} from '@react-types/avatar';\nimport styles from '@adobe/spectrum-css-temp/components/avatar/vars.css';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nconst DEFAULT_SIZE = 'avatar-size-100';\nconst SIZE_RE = /^size-\\d+/;\n\nfunction Avatar(props: SpectrumAvatarProps, ref: DOMRef<HTMLImageElement>) {\n  props = useSlotProps(props, 'avatar');\n  const {\n    alt = '',\n    isDisabled,\n    size = DEFAULT_SIZE,\n    src,\n    ...otherProps\n  } = useProviderProps(props);\n\n  const {styleProps} = useStyleProps(otherProps);\n  const domRef = useDOMRef(ref);\n\n  const domProps = filterDOMProps(otherProps);\n\n  // Casting `size` as `any` since `isNaN` expects a `number`, but we want it\n  // to handle `string` numbers; e.g. '300' as opposed to 300\n  const sizeValue = typeof size !== 'number' && (SIZE_RE.test(size) || !isNaN(size as any))\n    ? dimensionValue(DEFAULT_SIZE) // override disallowed size values\n    : dimensionValue(size || DEFAULT_SIZE);\n\n  return (\n    <img\n      {...styleProps}\n      {...domProps}\n      alt={alt}\n      className={classNames(\n        styles,\n        'spectrum-Avatar',\n        {\n          'is-disabled': isDisabled\n        },\n        styleProps.className)}\n      ref={domRef}\n      src={src}\n      style={{\n        ...styleProps.style,\n        ...(sizeValue && {height: sizeValue, width: sizeValue})\n      }} />\n  );\n}\n\n/**\n * An avatar is a thumbnail representation of an entity, such as a user or an organization.\n */\nconst _Avatar = forwardRef(Avatar);\nexport {_Avatar as Avatar};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -10,7 +10,28 @@ function $parcel$interopDefault(a) {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /// <reference types="css-module-types" />
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 var $f81b9c4eea42ecfe$exports = {};
@@ -24,24 +45,24 @@ $f81b9c4eea42ecfe$export$d35bc1e505d1ebbf = "is-disabled_2ebb13";
 
 
 
-const $ab0b7b2186c39312$var$DEFAULT_SIZE = 'avatar-size-100';
+const $ab0b7b2186c39312$var$DEFAULT_SIZE = "avatar-size-100";
 const $ab0b7b2186c39312$var$SIZE_RE = /^size-\d+/;
 function $ab0b7b2186c39312$var$Avatar(props, ref) {
-    props = $85w8l$useSlotProps(props, 'avatar');
-    const { alt: alt = '' , isDisabled: isDisabled , size: size , src: src , ...otherProps } = $85w8l$useProviderProps(props);
-    const { styleProps: styleProps  } = $85w8l$useStyleProps(otherProps);
-    const domRef = $85w8l$useDOMRef(ref);
-    const domProps = $85w8l$filterDOMProps(otherProps);
+    props = (0, $85w8l$useSlotProps)(props, "avatar");
+    const { alt: alt = "" , isDisabled: isDisabled , size: size = $ab0b7b2186c39312$var$DEFAULT_SIZE , src: src , ...otherProps } = (0, $85w8l$useProviderProps)(props);
+    const { styleProps: styleProps  } = (0, $85w8l$useStyleProps)(otherProps);
+    const domRef = (0, $85w8l$useDOMRef)(ref);
+    const domProps = (0, $85w8l$filterDOMProps)(otherProps);
     // Casting `size` as `any` since `isNaN` expects a `number`, but we want it
     // to handle `string` numbers; e.g. '300' as opposed to 300
-    const sizeValue = typeof size !== 'number' && ($ab0b7b2186c39312$var$SIZE_RE.test(size) || !isNaN(size)) ? $85w8l$dimensionValue($ab0b7b2186c39312$var$DEFAULT_SIZE) // override disallowed size values
-     : $85w8l$dimensionValue(size || $ab0b7b2186c39312$var$DEFAULT_SIZE);
-    return(/*#__PURE__*/ $85w8l$react.createElement("img", {
+    const sizeValue = typeof size !== "number" && ($ab0b7b2186c39312$var$SIZE_RE.test(size) || !isNaN(size)) ? (0, $85w8l$dimensionValue)($ab0b7b2186c39312$var$DEFAULT_SIZE) // override disallowed size values
+     : (0, $85w8l$dimensionValue)(size || $ab0b7b2186c39312$var$DEFAULT_SIZE);
+    return /*#__PURE__*/ (0, $85w8l$react).createElement("img", {
         ...styleProps,
         ...domProps,
         alt: alt,
-        className: $85w8l$classNames((/*@__PURE__*/$parcel$interopDefault($f81b9c4eea42ecfe$exports)), 'spectrum-Avatar', {
-            'is-disabled': isDisabled
+        className: (0, $85w8l$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($f81b9c4eea42ecfe$exports))), "spectrum-Avatar", {
+            "is-disabled": isDisabled
         }, styleProps.className),
         ref: domRef,
         src: src,
@@ -52,11 +73,11 @@ function $ab0b7b2186c39312$var$Avatar(props, ref) {
                 width: sizeValue
             }
         }
-    }));
+    });
 }
 /**
  * An avatar is a thumbnail representation of an entity, such as a user or an organization.
- */ const $ab0b7b2186c39312$export$e2255cf6045e8d47 = /*#__PURE__*/ $85w8l$forwardRef($ab0b7b2186c39312$var$Avatar);
+ */ const $ab0b7b2186c39312$export$e2255cf6045e8d47 = /*#__PURE__*/ (0, $85w8l$forwardRef)($ab0b7b2186c39312$var$Avatar);
 
 
 

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AEAA,GAAiC;AACjC,GAA6B;AAD7B,yCAAiC,GAAG,CAAwB;AAC5D,yCAA6B,GAAG,CAAoB;;;;ADmBpD,KAAK,CAAC,kCAAY,GAAG,CAAiB;AACtC,KAAK,CAAC,6BAAO;SAEJ,4BAAM,CAAC,KAA0B,EAAE,GAA6B,EAAE,CAAC;IAC1E,KAAK,GAAG,mBAAY,CAAC,KAAK,EAAE,CAAQ;IACpC,KAAK,CAAC,CAAC,MACL,GAAG,GAAG,CAAE,gBACR,UAAU,SACV,IAAI,QACJ,GAAG,MACA,UAAU,CACf,CAAC,GAAG,uBAAgB,CAAC,KAAK;IAE1B,KAAK,CAAC,CAAC,aAAA,UAAU,EAAA,CAAC,GAAG,oBAAa,CAAC,UAAU;IAC7C,KAAK,CAAC,MAAM,GAAG,gBAAS,CAAC,GAAG;IAE5B,KAAK,CAAC,QAAQ,GAAG,qBAAc,CAAC,UAAU;IAE1C,EAA2E,AAA3E,yEAA2E;IAC3E,EAA2D,AAA3D,yDAA2D;IAC3D,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,KAAK,CAAQ,YAAK,6BAAO,CAAC,IAAI,CAAC,IAAI,MAAM,KAAK,CAAC,IAAI,KAC5E,qBAAc,CAAC,kCAAY,CAAE,CAAkC,AAAlC,EAAkC,AAAlC,gCAAkC;OAC/D,qBAAc,CAAC,IAAI,IAAI,kCAAY;IAEvC,MAAM,0CACH,CAAG;WACE,UAAU;WACV,QAAQ;QACZ,GAAG,EAAE,GAAG;QACR,SAAS,EAAE,iBAAU,CACnB,gEAAM,EACN,CAAiB,kBACjB,CAAC;YACC,CAAa,cAAE,UAAU;QAC3B,CAAC,EACD,UAAU,CAAC,SAAS;QACtB,GAAG,EAAE,MAAM;QACX,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,CAAC;eACH,UAAU,CAAC,KAAK;eACf,SAAS,IAAI,CAAC;gBAAA,MAAM,EAAE,SAAS;gBAAE,KAAK,EAAE,SAAS;YAAA,CAAC;QACxD,CAAC;;AAEP,CAAC;AAED,EAEG,AAFH;;CAEG,AAFH,EAEG,CACH,KAAK,CAAC,yCAAO,iBAAG,iBAAU,CAAC,4BAAM","sources":["packages/@react-spectrum/avatar/src/index.ts","packages/@react-spectrum/avatar/src/Avatar.tsx","packages/@adobe/spectrum-css-temp/components/avatar/vars.css"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {Avatar} from './Avatar';\nexport type {SpectrumAvatarProps} from '@react-types/avatar';\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, dimensionValue, useDOMRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport React, {forwardRef} from 'react';\nimport {SpectrumAvatarProps} from '@react-types/avatar';\nimport styles from '@adobe/spectrum-css-temp/components/avatar/vars.css';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nconst DEFAULT_SIZE = 'avatar-size-100';\nconst SIZE_RE = /^size-\\d+/;\n\nfunction Avatar(props: SpectrumAvatarProps, ref: DOMRef<HTMLImageElement>) {\n  props = useSlotProps(props, 'avatar');\n  const {\n    alt = '',\n    isDisabled,\n    size,\n    src,\n    ...otherProps\n  } = useProviderProps(props);\n\n  const {styleProps} = useStyleProps(otherProps);\n  const domRef = useDOMRef(ref);\n\n  const domProps = filterDOMProps(otherProps);\n\n  // Casting `size` as `any` since `isNaN` expects a `number`, but we want it\n  // to handle `string` numbers; e.g. '300' as opposed to 300\n  const sizeValue = typeof size !== 'number' && (SIZE_RE.test(size) || !isNaN(size as any))\n    ? dimensionValue(DEFAULT_SIZE) // override disallowed size values\n    : dimensionValue(size || DEFAULT_SIZE);\n\n  return (\n    <img\n      {...styleProps}\n      {...domProps}\n      alt={alt}\n      className={classNames(\n        styles,\n        'spectrum-Avatar',\n        {\n          'is-disabled': isDisabled\n        },\n        styleProps.className)}\n      ref={domRef}\n      src={src}\n      style={{\n        ...styleProps.style,\n        ...(sizeValue && {height: sizeValue, width: sizeValue})\n      }} />\n  );\n}\n\n/**\n * An avatar is a thumbnail representation of an entity, such as a user or an organization.\n */\nconst _Avatar = forwardRef(Avatar);\nexport {_Avatar as Avatar};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C;ACX1C;;;;;;;;;;CAUC,GAED;;;;;;;ACZA,IAAA;AACA,IAAA;AADA,4CAAoC;AACpC,4CAAgC;;;;ADmBhC,MAAM,qCAAe;AACrB,MAAM,gCAAU;AAEhB,SAAS,6BAAO,KAA0B,EAAE,GAA6B,EAAE;IACzE,QAAQ,CAAA,GAAA,mBAAY,AAAD,EAAE,OAAO;IAC5B,MAAM,OACJ,MAAM,iBACN,WAAU,QACV,OAAO,0CACP,IAAG,EACH,GAAG,YACJ,GAAG,CAAA,GAAA,uBAAe,EAAE;IAErB,MAAM,cAAC,WAAU,EAAC,GAAG,CAAA,GAAA,oBAAa,AAAD,EAAE;IACnC,MAAM,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEzB,MAAM,WAAW,CAAA,GAAA,qBAAa,EAAE;IAEhC,2EAA2E;IAC3E,2DAA2D;IAC3D,MAAM,YAAY,OAAO,SAAS,YAAa,CAAA,8BAAQ,IAAI,CAAC,SAAS,CAAC,MAAM,KAAW,IACnF,CAAA,GAAA,qBAAc,AAAD,EAAE,oCAAc,kCAAkC;OAC/D,CAAA,GAAA,qBAAa,EAAE,QAAQ,mCAAa;IAExC,qBACE,gCAAC;QACE,GAAG,UAAU;QACb,GAAG,QAAQ;QACZ,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAClB,CAAA,GAAA,yDAAM,OAAD,GACL,mBACA;YACE,eAAe;QACjB,GACA,WAAW,SAAS;QACtB,KAAK;QACL,KAAK;QACL,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,GAAI,aAAa;gBAAC,QAAQ;gBAAW,OAAO;YAAS,CAAC;QACxD;;AAEN;AAEA;;CAEC,GACD,MAAM,0DAAU,CAAA,GAAA,iBAAS,EAAE;;ADxD3B","sources":["packages/@react-spectrum/avatar/src/index.ts","packages/@react-spectrum/avatar/src/Avatar.tsx","packages/@adobe/spectrum-css-temp/components/avatar/vars.css"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {Avatar} from './Avatar';\nexport type {SpectrumAvatarProps} from '@react-types/avatar';\n","/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, dimensionValue, useDOMRef, useSlotProps, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport React, {forwardRef} from 'react';\nimport {SpectrumAvatarProps} from '@react-types/avatar';\nimport styles from '@adobe/spectrum-css-temp/components/avatar/vars.css';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nconst DEFAULT_SIZE = 'avatar-size-100';\nconst SIZE_RE = /^size-\\d+/;\n\nfunction Avatar(props: SpectrumAvatarProps, ref: DOMRef<HTMLImageElement>) {\n  props = useSlotProps(props, 'avatar');\n  const {\n    alt = '',\n    isDisabled,\n    size = DEFAULT_SIZE,\n    src,\n    ...otherProps\n  } = useProviderProps(props);\n\n  const {styleProps} = useStyleProps(otherProps);\n  const domRef = useDOMRef(ref);\n\n  const domProps = filterDOMProps(otherProps);\n\n  // Casting `size` as `any` since `isNaN` expects a `number`, but we want it\n  // to handle `string` numbers; e.g. '300' as opposed to 300\n  const sizeValue = typeof size !== 'number' && (SIZE_RE.test(size) || !isNaN(size as any))\n    ? dimensionValue(DEFAULT_SIZE) // override disallowed size values\n    : dimensionValue(size || DEFAULT_SIZE);\n\n  return (\n    <img\n      {...styleProps}\n      {...domProps}\n      alt={alt}\n      className={classNames(\n        styles,\n        'spectrum-Avatar',\n        {\n          'is-disabled': isDisabled\n        },\n        styleProps.className)}\n      ref={domRef}\n      src={src}\n      style={{\n        ...styleProps.style,\n        ...(sizeValue && {height: sizeValue, width: sizeValue})\n      }} />\n  );\n}\n\n/**\n * An avatar is a thumbnail representation of an entity, such as a user or an organization.\n */\nconst _Avatar = forwardRef(Avatar);\nexport {_Avatar as Avatar};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@react-spectrum/avatar",
-  "version": "3.0.0-alpha.8",
+  "version": "3.0.0-beta.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
   "types": "dist/types.d.ts",
   "source": "src/index.ts",
   "files": [
@@ -31,11 +36,11 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@babel/runtime": "^7.6.2",
-    "@react-aria/utils": "^3.13.2",
-    "@react-spectrum/utils": "^3.7.2",
-    "@react-types/avatar": "3.0.0-alpha.7",
-    "@react-types/shared": "^3.14.0"
+    "@react-aria/utils": "^3.15.0",
+    "@react-spectrum/utils": "^3.9.0",
+    "@react-types/avatar": "3.0.0-beta.0",
+    "@react-types/shared": "^3.17.0",
+    "@swc/helpers": "^0.4.14"
   },
   "devDependencies": {
     "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
@@ -47,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cd7c0ec917122c7612f653c22f8ed558f8b66ecd"
+  "gitHead": "a0efee84aa178cb1a202951dfd6d8de02b292307"
 }

package/src/Avatar.tsx

@@ -26,7 +26,7 @@ function Avatar(props: SpectrumAvatarProps, ref: DOMRef<HTMLImageElement>) {
   const {
     alt = '',
     isDisabled,
-    size,
+    size = DEFAULT_SIZE,
     src,
     ...otherProps
   } = useProviderProps(props);