@react-spectrum/avatar 3.0.0-alpha.1 → 3.0.0-alpha.10

package/dist/main.js

@@ -1,65 +1,48 @@
 require("./main.css");
-var $d6Pi2$reactspectrumutils = require("@react-spectrum/utils");
-var $d6Pi2$reactariautils = require("@react-aria/utils");
-var $d6Pi2$react = require("react");
-var $d6Pi2$reactspectrumprovider = require("@react-spectrum/provider");
+var $hTGwy$reactspectrumutils = require("@react-spectrum/utils");
+var $hTGwy$reactariautils = require("@react-aria/utils");
+var $hTGwy$react = require("react");
+var $hTGwy$reactspectrumprovider = require("@react-spectrum/provider");
 
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 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});
-}
-var $b2100e1779e6b01d$exports = {};
 
-$parcel$export($b2100e1779e6b01d$exports, "Avatar", () => $b2100e1779e6b01d$export$e2255cf6045e8d47);
+$parcel$export(module.exports, "Avatar", () => $cc830936d47bae2b$export$e2255cf6045e8d47);
 
 
 
-var $9299bbd9c45a760c$exports = {};
+var $d22788318b5f79eb$exports = {};
 
-$parcel$export($9299bbd9c45a760c$exports, "spectrum-Avatar", () => $9299bbd9c45a760c$export$2e049b8d031600fb, (v) => $9299bbd9c45a760c$export$2e049b8d031600fb = v);
-$parcel$export($9299bbd9c45a760c$exports, "is-disabled", () => $9299bbd9c45a760c$export$d35bc1e505d1ebbf, (v) => $9299bbd9c45a760c$export$d35bc1e505d1ebbf = v);
-var $9299bbd9c45a760c$export$2e049b8d031600fb;
-var $9299bbd9c45a760c$export$d35bc1e505d1ebbf;
-$9299bbd9c45a760c$export$2e049b8d031600fb = "spectrum-Avatar_2ebb13";
-$9299bbd9c45a760c$export$d35bc1e505d1ebbf = "is-disabled_2ebb13";
+$parcel$export($d22788318b5f79eb$exports, "spectrum-Avatar", () => $d22788318b5f79eb$export$2e049b8d031600fb, (v) => $d22788318b5f79eb$export$2e049b8d031600fb = v);
+$parcel$export($d22788318b5f79eb$exports, "is-disabled", () => $d22788318b5f79eb$export$d35bc1e505d1ebbf, (v) => $d22788318b5f79eb$export$d35bc1e505d1ebbf = v);
+var $d22788318b5f79eb$export$2e049b8d031600fb;
+var $d22788318b5f79eb$export$d35bc1e505d1ebbf;
+$d22788318b5f79eb$export$2e049b8d031600fb = "spectrum-Avatar_2ebb13";
+$d22788318b5f79eb$export$d35bc1e505d1ebbf = "is-disabled_2ebb13";
 
 
 
-const $b2100e1779e6b01d$var$DEFAULT_SIZE = 'avatar-size-100';
-const $b2100e1779e6b01d$var$SIZE_RE = /^size-\d+/;
-function $b2100e1779e6b01d$var$Avatar(props, ref) {
-    props = $d6Pi2$reactspectrumutils.useSlotProps(props, 'avatar');
-    const { alt: alt = '' , isDisabled: isDisabled , size: size , src: src , ...otherProps } = $d6Pi2$reactspectrumprovider.useProviderProps(props);
-    const { styleProps: styleProps  } = $d6Pi2$reactspectrumutils.useStyleProps(otherProps);
-    const domRef = $d6Pi2$reactspectrumutils.useDOMRef(ref);
-    const domProps = $d6Pi2$reactariautils.filterDOMProps(otherProps);
+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);
     // 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' && ($b2100e1779e6b01d$var$SIZE_RE.test(size) || !isNaN(size)) ? $d6Pi2$reactspectrumutils.dimensionValue($b2100e1779e6b01d$var$DEFAULT_SIZE) // override disallowed size values
-     : $d6Pi2$reactspectrumutils.dimensionValue(size || $b2100e1779e6b01d$var$DEFAULT_SIZE);
-    return(/*#__PURE__*/ ($parcel$interopDefault($d6Pi2$react)).createElement("img", {
+    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", {
         ...styleProps,
         ...domProps,
         alt: alt,
-        className: $d6Pi2$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($9299bbd9c45a760c$exports)), 'spectrum-Avatar', {
+        className: $hTGwy$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($d22788318b5f79eb$exports)), 'spectrum-Avatar', {
             'is-disabled': isDisabled
         }, styleProps.className),
         ref: domRef,
@@ -75,10 +58,9 @@ function $b2100e1779e6b01d$var$Avatar(props, ref) {
 }
 /**
  * An avatar is a thumbnail representation of an entity, such as a user or an organization.
- */ const $b2100e1779e6b01d$export$e2255cf6045e8d47 = /*#__PURE__*/ $d6Pi2$react.forwardRef($b2100e1779e6b01d$var$Avatar);
+ */ const $cc830936d47bae2b$export$e2255cf6045e8d47 = /*#__PURE__*/ $hTGwy$react.forwardRef($cc830936d47bae2b$var$Avatar);
 
 
-$parcel$exportWildcard(module.exports, $b2100e1779e6b01d$exports);
 
 
 //# sourceMappingURL=main.js.map

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\n/// <reference types=\"css-module-types\" />\n\nexport * from './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":";;;;;;;;;;;;;;;;;;;;;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"}

package/dist/module.js

@@ -1,8 +1,8 @@
 import "./main.css";
-import {useSlotProps as $5tAoP$useSlotProps, useStyleProps as $5tAoP$useStyleProps, useDOMRef as $5tAoP$useDOMRef, dimensionValue as $5tAoP$dimensionValue, classNames as $5tAoP$classNames} from "@react-spectrum/utils";
-import {filterDOMProps as $5tAoP$filterDOMProps} from "@react-aria/utils";
-import $5tAoP$react, {forwardRef as $5tAoP$forwardRef} from "react";
-import {useProviderProps as $5tAoP$useProviderProps} from "@react-spectrum/provider";
+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;
@@ -10,40 +10,37 @@ function $parcel$interopDefault(a) {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $8849a664c31dd3e9$exports = {};
 
-$parcel$export($8849a664c31dd3e9$exports, "Avatar", () => $8849a664c31dd3e9$export$e2255cf6045e8d47);
 
 
+var $f81b9c4eea42ecfe$exports = {};
 
-var $b521db8745125e0a$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";
 
-$parcel$export($b521db8745125e0a$exports, "spectrum-Avatar", () => $b521db8745125e0a$export$2e049b8d031600fb, (v) => $b521db8745125e0a$export$2e049b8d031600fb = v);
-$parcel$export($b521db8745125e0a$exports, "is-disabled", () => $b521db8745125e0a$export$d35bc1e505d1ebbf, (v) => $b521db8745125e0a$export$d35bc1e505d1ebbf = v);
-var $b521db8745125e0a$export$2e049b8d031600fb;
-var $b521db8745125e0a$export$d35bc1e505d1ebbf;
-$b521db8745125e0a$export$2e049b8d031600fb = "spectrum-Avatar_2ebb13";
-$b521db8745125e0a$export$d35bc1e505d1ebbf = "is-disabled_2ebb13";
 
 
-
-const $8849a664c31dd3e9$var$DEFAULT_SIZE = 'avatar-size-100';
-const $8849a664c31dd3e9$var$SIZE_RE = /^size-\d+/;
-function $8849a664c31dd3e9$var$Avatar(props, ref) {
-    props = $5tAoP$useSlotProps(props, 'avatar');
-    const { alt: alt = '' , isDisabled: isDisabled , size: size , src: src , ...otherProps } = $5tAoP$useProviderProps(props);
-    const { styleProps: styleProps  } = $5tAoP$useStyleProps(otherProps);
-    const domRef = $5tAoP$useDOMRef(ref);
-    const domProps = $5tAoP$filterDOMProps(otherProps);
+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);
     // 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' && ($8849a664c31dd3e9$var$SIZE_RE.test(size) || !isNaN(size)) ? $5tAoP$dimensionValue($8849a664c31dd3e9$var$DEFAULT_SIZE) // override disallowed size values
-     : $5tAoP$dimensionValue(size || $8849a664c31dd3e9$var$DEFAULT_SIZE);
-    return(/*#__PURE__*/ $5tAoP$react.createElement("img", {
+    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", {
         ...styleProps,
         ...domProps,
         alt: alt,
-        className: $5tAoP$classNames((/*@__PURE__*/$parcel$interopDefault($b521db8745125e0a$exports)), 'spectrum-Avatar', {
+        className: $85w8l$classNames((/*@__PURE__*/$parcel$interopDefault($f81b9c4eea42ecfe$exports)), 'spectrum-Avatar', {
             'is-disabled': isDisabled
         }, styleProps.className),
         ref: domRef,
@@ -59,10 +56,10 @@ function $8849a664c31dd3e9$var$Avatar(props, ref) {
 }
 /**
  * An avatar is a thumbnail representation of an entity, such as a user or an organization.
- */ const $8849a664c31dd3e9$export$e2255cf6045e8d47 = /*#__PURE__*/ $5tAoP$forwardRef($8849a664c31dd3e9$var$Avatar);
+ */ const $ab0b7b2186c39312$export$e2255cf6045e8d47 = /*#__PURE__*/ $85w8l$forwardRef($ab0b7b2186c39312$var$Avatar);
 
 
 
 
-export {$8849a664c31dd3e9$export$e2255cf6045e8d47 as Avatar};
+export {$ab0b7b2186c39312$export$e2255cf6045e8d47 as Avatar};
 //# sourceMappingURL=module.js.map

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\n/// <reference types=\"css-module-types\" />\n\nexport * from './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":";;;;;;;;;;;;;;;;;;;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"}

package/dist/types.d.ts

@@ -4,5 +4,6 @@ import { SpectrumAvatarProps } from "@react-types/avatar";
  * An avatar is a thumbnail representation of an entity, such as a user or an organization.
  */
 export const Avatar: React.ForwardRefExoticComponent<SpectrumAvatarProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLImageElement>>>;
+export type { SpectrumAvatarProps } from '@react-types/avatar';
 
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;AAiEA;;GAEG;AACH,OAAA,MAAM,+IAA4B,CAAC","sources":["packages/@react-spectrum/avatar/src/packages/@react-spectrum/avatar/src/Avatar.tsx","packages/@react-spectrum/avatar/src/packages/@react-spectrum/avatar/src/index.ts","packages/@react-spectrum/avatar/src/index.ts"],"sourcesContent":[null,null,"/*\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\n/// <reference types=\"css-module-types\" />\n\nexport * from './Avatar';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;AAiEA;;GAEG;AACH,OAAA,MAAM,+IAA4B,CAAC;ACvDnC,YAAY,EAAC,mBAAmB,EAAC,MAAM,qBAAqB,CAAC","sources":["packages/@react-spectrum/avatar/src/packages/@react-spectrum/avatar/src/Avatar.tsx","packages/@react-spectrum/avatar/src/packages/@react-spectrum/avatar/src/index.ts","packages/@react-spectrum/avatar/src/index.ts"],"sourcesContent":[null,null,"/*\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"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/avatar",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-alpha.10",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -32,20 +32,20 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/utils": "^3.11.1",
-    "@react-spectrum/utils": "^3.6.4",
-    "@react-types/avatar": "3.0.0-alpha.1",
-    "@react-types/shared": "^3.11.0"
+    "@react-aria/utils": "^3.14.0",
+    "@react-spectrum/utils": "^3.7.4",
+    "@react-types/avatar": "3.0.0-alpha.9",
+    "@react-types/shared": "^3.15.0"
   },
   "devDependencies": {
     "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.2.1",
-    "react": "^16.8.0 || ^17.0.0-rc.1"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "54c2366c4f31bd4bf619126131cd583c12972acc"
+  "gitHead": "9202ef59e8c104dd06ffe33148445ef7932a5d1b"
 }

package/src/index.ts

@@ -9,7 +9,6 @@
  * 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" />
-
-export * from './Avatar';
+export {Avatar} from './Avatar';
+export type {SpectrumAvatarProps} from '@react-types/avatar';