@react-spectrum/progress 3.7.4 → 3.7.6

package/dist/ProgressBar.main.js

@@ -0,0 +1,54 @@
+var $3d86ae6a9356cc8a$exports = require("./ProgressBarBase.main.js");
+require("./vars.596fab4e.css");
+var $9f78a6c009f32d0a$exports = require("./barloader_vars_css.main.js");
+var $24n0W$reactspectrumutils = require("@react-spectrum/utils");
+var $24n0W$react = require("react");
+var $24n0W$reactariaprogress = require("@react-aria/progress");
+
+
+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});
+}
+
+$parcel$export(module.exports, "ProgressBar", () => $08d0cdc7f7a792a7$export$c17561cb55d4db30);
+/*
+ * Copyright 2020 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.
+ */ 
+
+
+
+
+function $08d0cdc7f7a792a7$var$ProgressBar(props, ref) {
+    let { staticColor: staticColor, variant: variant, ...otherProps } = props;
+    const { progressBarProps: progressBarProps, labelProps: labelProps } = (0, $24n0W$reactariaprogress.useProgressBar)(props);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($24n0W$react))).createElement((0, $3d86ae6a9356cc8a$exports.ProgressBarBase), {
+        ...otherProps,
+        ref: ref,
+        barProps: progressBarProps,
+        labelProps: labelProps,
+        barClassName: (0, $24n0W$reactspectrumutils.classNames)((0, ($parcel$interopDefault($9f78a6c009f32d0a$exports))), {
+            "spectrum-BarLoader--overBackground": variant === "overBackground",
+            "spectrum-BarLoader--staticWhite": staticColor === "white",
+            "spectrum-BarLoader--staticBlack": staticColor === "black"
+        })
+    });
+}
+/**
+ * ProgressBars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way.
+ * They can represent either determinate or indeterminate progress.
+ */ let $08d0cdc7f7a792a7$export$c17561cb55d4db30 = /*#__PURE__*/ (0, ($parcel$interopDefault($24n0W$react))).forwardRef($08d0cdc7f7a792a7$var$ProgressBar);
+
+
+//# sourceMappingURL=ProgressBar.main.js.map

package/dist/ProgressBar.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAUD,SAAS,kCAAY,KAA+B,EAAE,GAA2B;IAC/E,IAAI,eAAC,WAAW,WAAE,OAAO,EAAE,GAAG,YAAW,GAAG;IAC5C,MAAM,oBACJ,gBAAgB,cAChB,UAAU,EACX,GAAG,CAAA,GAAA,uCAAa,EAAE;IAEnB,qBACE,0DAAC,CAAA,GAAA,yCAAc;QACZ,GAAG,UAAU;QACd,KAAK;QACL,UAAU;QACV,YAAY;QACZ,cACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL;YACE,sCAAsC,YAAY;YAClD,mCAAmC,gBAAgB;YACnD,mCAAmC,gBAAgB;QACrD;;AAIV;AAEA;;;CAGC,GACD,IAAI,0DAAe,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/progress/src/ProgressBar.tsx"],"sourcesContent":["/*\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\nimport {classNames} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {ProgressBarBase} from './ProgressBarBase';\nimport React from 'react';\nimport {SpectrumProgressBarProps} from '@react-types/progress';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useProgressBar} from '@react-aria/progress';\n\nfunction ProgressBar(props: SpectrumProgressBarProps, ref: DOMRef<HTMLDivElement>) {\n  let {staticColor, variant, ...otherProps} = props;\n  const {\n    progressBarProps,\n    labelProps\n  } = useProgressBar(props);\n\n  return (\n    <ProgressBarBase\n      {...otherProps}\n      ref={ref}\n      barProps={progressBarProps}\n      labelProps={labelProps}\n      barClassName={\n        classNames(\n          styles,\n          {\n            'spectrum-BarLoader--overBackground': variant === 'overBackground',\n            'spectrum-BarLoader--staticWhite': staticColor === 'white',\n            'spectrum-BarLoader--staticBlack': staticColor === 'black'\n          }\n        )\n      } />\n  );\n}\n\n/**\n * ProgressBars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way.\n * They can represent either determinate or indeterminate progress.\n */\nlet _ProgressBar = React.forwardRef(ProgressBar);\nexport {_ProgressBar as ProgressBar};\n"],"names":[],"version":3,"file":"ProgressBar.main.js.map"}

package/dist/ProgressBar.mjs

@@ -0,0 +1,49 @@
+import {ProgressBarBase as $ddf9337e928b5fe6$export$7c6ed87244065f3a} from "./ProgressBarBase.mjs";
+import "./vars.596fab4e.css";
+import $b214y$barloader_vars_cssmodulejs from "./barloader_vars_css.mjs";
+import {classNames as $b214y$classNames} from "@react-spectrum/utils";
+import $b214y$react from "react";
+import {useProgressBar as $b214y$useProgressBar} from "@react-aria/progress";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 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.
+ */ 
+
+
+
+
+function $551ca31cb687f352$var$ProgressBar(props, ref) {
+    let { staticColor: staticColor, variant: variant, ...otherProps } = props;
+    const { progressBarProps: progressBarProps, labelProps: labelProps } = (0, $b214y$useProgressBar)(props);
+    return /*#__PURE__*/ (0, $b214y$react).createElement((0, $ddf9337e928b5fe6$export$7c6ed87244065f3a), {
+        ...otherProps,
+        ref: ref,
+        barProps: progressBarProps,
+        labelProps: labelProps,
+        barClassName: (0, $b214y$classNames)((0, ($parcel$interopDefault($b214y$barloader_vars_cssmodulejs))), {
+            "spectrum-BarLoader--overBackground": variant === "overBackground",
+            "spectrum-BarLoader--staticWhite": staticColor === "white",
+            "spectrum-BarLoader--staticBlack": staticColor === "black"
+        })
+    });
+}
+/**
+ * ProgressBars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way.
+ * They can represent either determinate or indeterminate progress.
+ */ let $551ca31cb687f352$export$c17561cb55d4db30 = /*#__PURE__*/ (0, $b214y$react).forwardRef($551ca31cb687f352$var$ProgressBar);
+
+
+export {$551ca31cb687f352$export$c17561cb55d4db30 as ProgressBar};
+//# sourceMappingURL=ProgressBar.mjs.map

package/dist/ProgressBar.module.js

@@ -0,0 +1,49 @@
+import {ProgressBarBase as $ddf9337e928b5fe6$export$7c6ed87244065f3a} from "./ProgressBarBase.module.js";
+import "./vars.596fab4e.css";
+import $b214y$barloader_vars_cssmodulejs from "./barloader_vars_css.module.js";
+import {classNames as $b214y$classNames} from "@react-spectrum/utils";
+import $b214y$react from "react";
+import {useProgressBar as $b214y$useProgressBar} from "@react-aria/progress";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 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.
+ */ 
+
+
+
+
+function $551ca31cb687f352$var$ProgressBar(props, ref) {
+    let { staticColor: staticColor, variant: variant, ...otherProps } = props;
+    const { progressBarProps: progressBarProps, labelProps: labelProps } = (0, $b214y$useProgressBar)(props);
+    return /*#__PURE__*/ (0, $b214y$react).createElement((0, $ddf9337e928b5fe6$export$7c6ed87244065f3a), {
+        ...otherProps,
+        ref: ref,
+        barProps: progressBarProps,
+        labelProps: labelProps,
+        barClassName: (0, $b214y$classNames)((0, ($parcel$interopDefault($b214y$barloader_vars_cssmodulejs))), {
+            "spectrum-BarLoader--overBackground": variant === "overBackground",
+            "spectrum-BarLoader--staticWhite": staticColor === "white",
+            "spectrum-BarLoader--staticBlack": staticColor === "black"
+        })
+    });
+}
+/**
+ * ProgressBars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way.
+ * They can represent either determinate or indeterminate progress.
+ */ let $551ca31cb687f352$export$c17561cb55d4db30 = /*#__PURE__*/ (0, $b214y$react).forwardRef($551ca31cb687f352$var$ProgressBar);
+
+
+export {$551ca31cb687f352$export$c17561cb55d4db30 as ProgressBar};
+//# sourceMappingURL=ProgressBar.module.js.map

package/dist/ProgressBar.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAUD,SAAS,kCAAY,KAA+B,EAAE,GAA2B;IAC/E,IAAI,eAAC,WAAW,WAAE,OAAO,EAAE,GAAG,YAAW,GAAG;IAC5C,MAAM,oBACJ,gBAAgB,cAChB,UAAU,EACX,GAAG,CAAA,GAAA,qBAAa,EAAE;IAEnB,qBACE,gCAAC,CAAA,GAAA,yCAAc;QACZ,GAAG,UAAU;QACd,KAAK;QACL,UAAU;QACV,YAAY;QACZ,cACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,2DAAK,GACL;YACE,sCAAsC,YAAY;YAClD,mCAAmC,gBAAgB;YACnD,mCAAmC,gBAAgB;QACrD;;AAIV;AAEA;;;CAGC,GACD,IAAI,0DAAe,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/progress/src/ProgressBar.tsx"],"sourcesContent":["/*\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\nimport {classNames} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {ProgressBarBase} from './ProgressBarBase';\nimport React from 'react';\nimport {SpectrumProgressBarProps} from '@react-types/progress';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useProgressBar} from '@react-aria/progress';\n\nfunction ProgressBar(props: SpectrumProgressBarProps, ref: DOMRef<HTMLDivElement>) {\n  let {staticColor, variant, ...otherProps} = props;\n  const {\n    progressBarProps,\n    labelProps\n  } = useProgressBar(props);\n\n  return (\n    <ProgressBarBase\n      {...otherProps}\n      ref={ref}\n      barProps={progressBarProps}\n      labelProps={labelProps}\n      barClassName={\n        classNames(\n          styles,\n          {\n            'spectrum-BarLoader--overBackground': variant === 'overBackground',\n            'spectrum-BarLoader--staticWhite': staticColor === 'white',\n            'spectrum-BarLoader--staticBlack': staticColor === 'black'\n          }\n        )\n      } />\n  );\n}\n\n/**\n * ProgressBars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way.\n * They can represent either determinate or indeterminate progress.\n */\nlet _ProgressBar = React.forwardRef(ProgressBar);\nexport {_ProgressBar as ProgressBar};\n"],"names":[],"version":3,"file":"ProgressBar.module.js.map"}

package/dist/ProgressBarBase.main.js

@@ -0,0 +1,74 @@
+require("./vars.596fab4e.css");
+var $9f78a6c009f32d0a$exports = require("./barloader_vars_css.main.js");
+var $jAYvx$reactariautils = require("@react-aria/utils");
+var $jAYvx$reactspectrumutils = require("@react-spectrum/utils");
+var $jAYvx$react = require("react");
+
+
+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});
+}
+
+$parcel$export(module.exports, "ProgressBarBase", () => $3d86ae6a9356cc8a$export$7c6ed87244065f3a);
+/*
+ * Copyright 2020 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.
+ */ 
+
+
+
+// Base ProgressBar component shared with Meter.
+function $3d86ae6a9356cc8a$var$ProgressBarBase(props, ref) {
+    let { value: value = 0, minValue: minValue = 0, maxValue: maxValue = 100, size: size = "L", label: label, barClassName: barClassName, showValueLabel: showValueLabel = !!label, labelPosition: labelPosition = "top", isIndeterminate: isIndeterminate = false, barProps: barProps, labelProps: labelProps, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...otherProps } = props;
+    let domRef = (0, $jAYvx$reactspectrumutils.useDOMRef)(ref);
+    let { styleProps: styleProps } = (0, $jAYvx$reactspectrumutils.useStyleProps)(otherProps);
+    value = (0, $jAYvx$reactariautils.clamp)(value, minValue, maxValue);
+    let barStyle = {};
+    if (!isIndeterminate) {
+        let percentage = (value - minValue) / (maxValue - minValue);
+        barStyle.width = `${Math.round(percentage * 100)}%`;
+    }
+    // Ideally this should be in useProgressBar, but children
+    // are not supported in ProgressCircle which shares that hook...
+    if (!label && !ariaLabel && !ariaLabelledby) console.warn("If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility");
+    // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($jAYvx$react))).createElement("div", {
+        ...barProps,
+        ref: domRef,
+        className: (0, $jAYvx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($9f78a6c009f32d0a$exports))), "spectrum-BarLoader", {
+            "spectrum-BarLoader--small": size === "S",
+            "spectrum-BarLoader--large": size === "L",
+            "spectrum-BarLoader--indeterminate": isIndeterminate,
+            "spectrum-BarLoader--sideLabel": labelPosition === "side"
+        }, barClassName, styleProps.className),
+        style: {
+            minWidth: "-moz-fit-content",
+            ...styleProps.style
+        }
+    }, label && /*#__PURE__*/ (0, ($parcel$interopDefault($jAYvx$react))).createElement("span", {
+        ...labelProps,
+        className: (0, $jAYvx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($9f78a6c009f32d0a$exports))), "spectrum-BarLoader-label")
+    }, label), showValueLabel && barProps && /*#__PURE__*/ (0, ($parcel$interopDefault($jAYvx$react))).createElement("div", {
+        className: (0, $jAYvx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($9f78a6c009f32d0a$exports))), "spectrum-BarLoader-percentage")
+    }, barProps["aria-valuetext"]), /*#__PURE__*/ (0, ($parcel$interopDefault($jAYvx$react))).createElement("div", {
+        className: (0, $jAYvx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($9f78a6c009f32d0a$exports))), "spectrum-BarLoader-track")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($jAYvx$react))).createElement("div", {
+        className: (0, $jAYvx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($9f78a6c009f32d0a$exports))), "spectrum-BarLoader-fill"),
+        style: barStyle
+    })));
+}
+let $3d86ae6a9356cc8a$export$7c6ed87244065f3a = /*#__PURE__*/ (0, ($parcel$interopDefault($jAYvx$react))).forwardRef($3d86ae6a9356cc8a$var$ProgressBarBase);
+
+
+//# sourceMappingURL=ProgressBarBase.main.js.map

package/dist/ProgressBarBase.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAeD,gDAAgD;AAChD,SAAS,sCAAgB,KAA2B,EAAE,GAA2B;IAC/E,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,YACP,KAAK,gBACL,YAAY,kBACZ,iBAAiB,CAAC,CAAC,sBACnB,gBAAgB,wBAChB,kBAAkB,iBAClB,QAAQ,cACR,UAAU,EACV,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,2BAAI,EAAE,OAAO,UAAU;IAE/B,IAAI,WAA0B,CAAC;IAC/B,IAAI,CAAC,iBAAiB;QACpB,IAAI,aAAa,AAAC,CAAA,QAAQ,QAAO,IAAM,CAAA,WAAW,QAAO;QACzD,SAAS,KAAK,GAAG,CAAC,EAAE,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,gBAC3B,QAAQ,IAAI,CAAC;IAEf,uHAAuH;IACvH,qBACE,0DAAC;QACE,GAAG,QAAQ;QACZ,KAAK;QACL,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,sBACA;YACE,6BAA6B,SAAS;YACtC,6BAA6B,SAAS;YACtC,qCAAqC;YACrC,iCAAiC,kBAAkB;QACrD,GACA,cACA,WAAW,SAAS;QAGxB,OAAO;YAAC,UAAU;YAAoB,GAAG,WAAW,KAAK;QAAA;OACxD,uBACC,0DAAC;QACE,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OAC3B,QAGN,kBAAkB,0BACjB,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OAChC,QAAQ,CAAC,iBAAiB,iBAG/B,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC9B,OAAO;;AAIjB;AAEA,IAAI,0DAAmB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/progress/src/ProgressBarBase.tsx"],"sourcesContent":["/*\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\nimport {clamp} from '@react-aria/utils';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {ProgressBarProps, SpectrumProgressBarBaseProps} from '@react-types/progress';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\n\ninterface ProgressBarBaseProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  barClassName?: string,\n  barProps?: HTMLAttributes<HTMLDivElement>,\n  labelProps?: HTMLAttributes<HTMLLabelElement>\n}\n\n// Base ProgressBar component shared with Meter.\nfunction ProgressBarBase(props: ProgressBarBaseProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'L',\n    label,\n    barClassName,\n    showValueLabel = !!label,\n    labelPosition = 'top',\n    isIndeterminate = false,\n    barProps,\n    labelProps,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n\n  let barStyle: CSSProperties = {};\n  if (!isIndeterminate) {\n    let percentage = (value - minValue) / (maxValue - minValue);\n    barStyle.width = `${Math.round(percentage * 100)}%`;\n  }\n\n  // Ideally this should be in useProgressBar, but children\n  // are not supported in ProgressCircle which shares that hook...\n  if (!label && !ariaLabel && !ariaLabelledby) {\n    console.warn('If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility');\n  }\n  // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files\n  return (\n    <div\n      {...barProps}\n      ref={domRef}\n      className={\n        classNames(\n          styles,\n          'spectrum-BarLoader',\n          {\n            'spectrum-BarLoader--small': size === 'S',\n            'spectrum-BarLoader--large': size === 'L',\n            'spectrum-BarLoader--indeterminate': isIndeterminate,\n            'spectrum-BarLoader--sideLabel': labelPosition === 'side'\n          },\n          barClassName,\n          styleProps.className\n        )\n      }\n      style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n      {label &&\n        <span\n          {...labelProps}\n          className={classNames(styles, 'spectrum-BarLoader-label')}>\n            {label}\n        </span>\n      }\n      {showValueLabel && barProps && \n        <div className={classNames(styles, 'spectrum-BarLoader-percentage')}>\n          {barProps['aria-valuetext']}\n        </div>\n      }\n      <div className={classNames(styles, 'spectrum-BarLoader-track')}>\n        <div\n          className={classNames(styles, 'spectrum-BarLoader-fill')}\n          style={barStyle} />\n      </div>\n    </div>\n  );\n}\n\nlet _ProgressBarBase = React.forwardRef(ProgressBarBase);\nexport {_ProgressBarBase as ProgressBarBase};\n"],"names":[],"version":3,"file":"ProgressBarBase.main.js.map"}

package/dist/ProgressBarBase.mjs

@@ -0,0 +1,69 @@
+import "./vars.596fab4e.css";
+import $hlUTw$barloader_vars_cssmodulejs from "./barloader_vars_css.mjs";
+import {clamp as $hlUTw$clamp} from "@react-aria/utils";
+import {useDOMRef as $hlUTw$useDOMRef, useStyleProps as $hlUTw$useStyleProps, classNames as $hlUTw$classNames} from "@react-spectrum/utils";
+import $hlUTw$react from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 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.
+ */ 
+
+
+
+// Base ProgressBar component shared with Meter.
+function $ddf9337e928b5fe6$var$ProgressBarBase(props, ref) {
+    let { value: value = 0, minValue: minValue = 0, maxValue: maxValue = 100, size: size = "L", label: label, barClassName: barClassName, showValueLabel: showValueLabel = !!label, labelPosition: labelPosition = "top", isIndeterminate: isIndeterminate = false, barProps: barProps, labelProps: labelProps, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...otherProps } = props;
+    let domRef = (0, $hlUTw$useDOMRef)(ref);
+    let { styleProps: styleProps } = (0, $hlUTw$useStyleProps)(otherProps);
+    value = (0, $hlUTw$clamp)(value, minValue, maxValue);
+    let barStyle = {};
+    if (!isIndeterminate) {
+        let percentage = (value - minValue) / (maxValue - minValue);
+        barStyle.width = `${Math.round(percentage * 100)}%`;
+    }
+    // Ideally this should be in useProgressBar, but children
+    // are not supported in ProgressCircle which shares that hook...
+    if (!label && !ariaLabel && !ariaLabelledby) console.warn("If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility");
+    // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files
+    return /*#__PURE__*/ (0, $hlUTw$react).createElement("div", {
+        ...barProps,
+        ref: domRef,
+        className: (0, $hlUTw$classNames)((0, ($parcel$interopDefault($hlUTw$barloader_vars_cssmodulejs))), "spectrum-BarLoader", {
+            "spectrum-BarLoader--small": size === "S",
+            "spectrum-BarLoader--large": size === "L",
+            "spectrum-BarLoader--indeterminate": isIndeterminate,
+            "spectrum-BarLoader--sideLabel": labelPosition === "side"
+        }, barClassName, styleProps.className),
+        style: {
+            minWidth: "-moz-fit-content",
+            ...styleProps.style
+        }
+    }, label && /*#__PURE__*/ (0, $hlUTw$react).createElement("span", {
+        ...labelProps,
+        className: (0, $hlUTw$classNames)((0, ($parcel$interopDefault($hlUTw$barloader_vars_cssmodulejs))), "spectrum-BarLoader-label")
+    }, label), showValueLabel && barProps && /*#__PURE__*/ (0, $hlUTw$react).createElement("div", {
+        className: (0, $hlUTw$classNames)((0, ($parcel$interopDefault($hlUTw$barloader_vars_cssmodulejs))), "spectrum-BarLoader-percentage")
+    }, barProps["aria-valuetext"]), /*#__PURE__*/ (0, $hlUTw$react).createElement("div", {
+        className: (0, $hlUTw$classNames)((0, ($parcel$interopDefault($hlUTw$barloader_vars_cssmodulejs))), "spectrum-BarLoader-track")
+    }, /*#__PURE__*/ (0, $hlUTw$react).createElement("div", {
+        className: (0, $hlUTw$classNames)((0, ($parcel$interopDefault($hlUTw$barloader_vars_cssmodulejs))), "spectrum-BarLoader-fill"),
+        style: barStyle
+    })));
+}
+let $ddf9337e928b5fe6$export$7c6ed87244065f3a = /*#__PURE__*/ (0, $hlUTw$react).forwardRef($ddf9337e928b5fe6$var$ProgressBarBase);
+
+
+export {$ddf9337e928b5fe6$export$7c6ed87244065f3a as ProgressBarBase};
+//# sourceMappingURL=ProgressBarBase.mjs.map

package/dist/ProgressBarBase.module.js

@@ -0,0 +1,69 @@
+import "./vars.596fab4e.css";
+import $hlUTw$barloader_vars_cssmodulejs from "./barloader_vars_css.module.js";
+import {clamp as $hlUTw$clamp} from "@react-aria/utils";
+import {useDOMRef as $hlUTw$useDOMRef, useStyleProps as $hlUTw$useStyleProps, classNames as $hlUTw$classNames} from "@react-spectrum/utils";
+import $hlUTw$react from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 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.
+ */ 
+
+
+
+// Base ProgressBar component shared with Meter.
+function $ddf9337e928b5fe6$var$ProgressBarBase(props, ref) {
+    let { value: value = 0, minValue: minValue = 0, maxValue: maxValue = 100, size: size = "L", label: label, barClassName: barClassName, showValueLabel: showValueLabel = !!label, labelPosition: labelPosition = "top", isIndeterminate: isIndeterminate = false, barProps: barProps, labelProps: labelProps, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...otherProps } = props;
+    let domRef = (0, $hlUTw$useDOMRef)(ref);
+    let { styleProps: styleProps } = (0, $hlUTw$useStyleProps)(otherProps);
+    value = (0, $hlUTw$clamp)(value, minValue, maxValue);
+    let barStyle = {};
+    if (!isIndeterminate) {
+        let percentage = (value - minValue) / (maxValue - minValue);
+        barStyle.width = `${Math.round(percentage * 100)}%`;
+    }
+    // Ideally this should be in useProgressBar, but children
+    // are not supported in ProgressCircle which shares that hook...
+    if (!label && !ariaLabel && !ariaLabelledby) console.warn("If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility");
+    // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files
+    return /*#__PURE__*/ (0, $hlUTw$react).createElement("div", {
+        ...barProps,
+        ref: domRef,
+        className: (0, $hlUTw$classNames)((0, ($parcel$interopDefault($hlUTw$barloader_vars_cssmodulejs))), "spectrum-BarLoader", {
+            "spectrum-BarLoader--small": size === "S",
+            "spectrum-BarLoader--large": size === "L",
+            "spectrum-BarLoader--indeterminate": isIndeterminate,
+            "spectrum-BarLoader--sideLabel": labelPosition === "side"
+        }, barClassName, styleProps.className),
+        style: {
+            minWidth: "-moz-fit-content",
+            ...styleProps.style
+        }
+    }, label && /*#__PURE__*/ (0, $hlUTw$react).createElement("span", {
+        ...labelProps,
+        className: (0, $hlUTw$classNames)((0, ($parcel$interopDefault($hlUTw$barloader_vars_cssmodulejs))), "spectrum-BarLoader-label")
+    }, label), showValueLabel && barProps && /*#__PURE__*/ (0, $hlUTw$react).createElement("div", {
+        className: (0, $hlUTw$classNames)((0, ($parcel$interopDefault($hlUTw$barloader_vars_cssmodulejs))), "spectrum-BarLoader-percentage")
+    }, barProps["aria-valuetext"]), /*#__PURE__*/ (0, $hlUTw$react).createElement("div", {
+        className: (0, $hlUTw$classNames)((0, ($parcel$interopDefault($hlUTw$barloader_vars_cssmodulejs))), "spectrum-BarLoader-track")
+    }, /*#__PURE__*/ (0, $hlUTw$react).createElement("div", {
+        className: (0, $hlUTw$classNames)((0, ($parcel$interopDefault($hlUTw$barloader_vars_cssmodulejs))), "spectrum-BarLoader-fill"),
+        style: barStyle
+    })));
+}
+let $ddf9337e928b5fe6$export$7c6ed87244065f3a = /*#__PURE__*/ (0, $hlUTw$react).forwardRef($ddf9337e928b5fe6$var$ProgressBarBase);
+
+
+export {$ddf9337e928b5fe6$export$7c6ed87244065f3a as ProgressBarBase};
+//# sourceMappingURL=ProgressBarBase.module.js.map

package/dist/ProgressBarBase.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAeD,gDAAgD;AAChD,SAAS,sCAAgB,KAA2B,EAAE,GAA2B;IAC/E,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,YACP,KAAK,gBACL,YAAY,kBACZ,iBAAiB,CAAC,CAAC,sBACnB,gBAAgB,wBAChB,kBAAkB,iBAClB,QAAQ,cACR,UAAU,EACV,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,YAAI,EAAE,OAAO,UAAU;IAE/B,IAAI,WAA0B,CAAC;IAC/B,IAAI,CAAC,iBAAiB;QACpB,IAAI,aAAa,AAAC,CAAA,QAAQ,QAAO,IAAM,CAAA,WAAW,QAAO;QACzD,SAAS,KAAK,GAAG,CAAC,EAAE,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,gBAC3B,QAAQ,IAAI,CAAC;IAEf,uHAAuH;IACvH,qBACE,gCAAC;QACE,GAAG,QAAQ;QACZ,KAAK;QACL,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,2DAAK,GACL,sBACA;YACE,6BAA6B,SAAS;YACtC,6BAA6B,SAAS;YACtC,qCAAqC;YACrC,iCAAiC,kBAAkB;QACrD,GACA,cACA,WAAW,SAAS;QAGxB,OAAO;YAAC,UAAU;YAAoB,GAAG,WAAW,KAAK;QAAA;OACxD,uBACC,gCAAC;QACE,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;OAC3B,QAGN,kBAAkB,0BACjB,gCAAC;QAAI,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;OAChC,QAAQ,CAAC,iBAAiB,iBAG/B,gCAAC;QAAI,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;qBACjC,gCAAC;QACC,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,2DAAK,GAAG;QAC9B,OAAO;;AAIjB;AAEA,IAAI,0DAAmB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/progress/src/ProgressBarBase.tsx"],"sourcesContent":["/*\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\nimport {clamp} from '@react-aria/utils';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {ProgressBarProps, SpectrumProgressBarBaseProps} from '@react-types/progress';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\n\ninterface ProgressBarBaseProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  barClassName?: string,\n  barProps?: HTMLAttributes<HTMLDivElement>,\n  labelProps?: HTMLAttributes<HTMLLabelElement>\n}\n\n// Base ProgressBar component shared with Meter.\nfunction ProgressBarBase(props: ProgressBarBaseProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'L',\n    label,\n    barClassName,\n    showValueLabel = !!label,\n    labelPosition = 'top',\n    isIndeterminate = false,\n    barProps,\n    labelProps,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n\n  let barStyle: CSSProperties = {};\n  if (!isIndeterminate) {\n    let percentage = (value - minValue) / (maxValue - minValue);\n    barStyle.width = `${Math.round(percentage * 100)}%`;\n  }\n\n  // Ideally this should be in useProgressBar, but children\n  // are not supported in ProgressCircle which shares that hook...\n  if (!label && !ariaLabel && !ariaLabelledby) {\n    console.warn('If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility');\n  }\n  // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files\n  return (\n    <div\n      {...barProps}\n      ref={domRef}\n      className={\n        classNames(\n          styles,\n          'spectrum-BarLoader',\n          {\n            'spectrum-BarLoader--small': size === 'S',\n            'spectrum-BarLoader--large': size === 'L',\n            'spectrum-BarLoader--indeterminate': isIndeterminate,\n            'spectrum-BarLoader--sideLabel': labelPosition === 'side'\n          },\n          barClassName,\n          styleProps.className\n        )\n      }\n      style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n      {label &&\n        <span\n          {...labelProps}\n          className={classNames(styles, 'spectrum-BarLoader-label')}>\n            {label}\n        </span>\n      }\n      {showValueLabel && barProps && \n        <div className={classNames(styles, 'spectrum-BarLoader-percentage')}>\n          {barProps['aria-valuetext']}\n        </div>\n      }\n      <div className={classNames(styles, 'spectrum-BarLoader-track')}>\n        <div\n          className={classNames(styles, 'spectrum-BarLoader-fill')}\n          style={barStyle} />\n      </div>\n    </div>\n  );\n}\n\nlet _ProgressBarBase = React.forwardRef(ProgressBarBase);\nexport {_ProgressBarBase as ProgressBarBase};\n"],"names":[],"version":3,"file":"ProgressBarBase.module.js.map"}

package/dist/ProgressCircle.main.js

@@ -0,0 +1,98 @@
+require("./vars.c3d4124d.css");
+var $f4d8d13edf2d3ca2$exports = require("./circleloader_vars_css.main.js");
+var $eahRj$reactariautils = require("@react-aria/utils");
+var $eahRj$reactspectrumutils = require("@react-spectrum/utils");
+var $eahRj$react = require("react");
+var $eahRj$reactariaprogress = require("@react-aria/progress");
+
+
+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});
+}
+
+$parcel$export(module.exports, "ProgressCircle", () => $365887133501f5a1$export$c79b9d6b4cc92af7);
+/*
+ * Copyright 2020 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.
+ */ 
+
+
+
+
+function $365887133501f5a1$var$ProgressCircle(props, ref) {
+    let { value: value = 0, minValue: minValue = 0, maxValue: maxValue = 100, size: size = "M", staticColor: staticColor, variant: variant, isIndeterminate: isIndeterminate = false, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...otherProps } = props;
+    let domRef = (0, $eahRj$reactspectrumutils.useDOMRef)(ref);
+    let { styleProps: styleProps } = (0, $eahRj$reactspectrumutils.useStyleProps)(otherProps);
+    value = (0, $eahRj$reactariautils.clamp)(value, minValue, maxValue);
+    let { progressBarProps: progressBarProps } = (0, $eahRj$reactariaprogress.useProgressBar)({
+        ...props,
+        value: value
+    });
+    let subMask1Style = {};
+    let subMask2Style = {};
+    if (!isIndeterminate) {
+        let percentage = (value - minValue) / (maxValue - minValue) * 100;
+        let angle;
+        if (percentage > 0 && percentage <= 50) {
+            angle = -180 + percentage / 50 * 180;
+            subMask1Style.transform = `rotate(${angle}deg)`;
+            subMask2Style.transform = "rotate(-180deg)";
+        } else if (percentage > 50) {
+            angle = -180 + (percentage - 50) / 50 * 180;
+            subMask1Style.transform = "rotate(0deg)";
+            subMask2Style.transform = `rotate(${angle}deg)`;
+        }
+    }
+    if (!ariaLabel && !ariaLabelledby) console.warn("ProgressCircle requires an aria-label or aria-labelledby attribute for accessibility");
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($eahRj$react))).createElement("div", {
+        ...styleProps,
+        ...progressBarProps,
+        ref: domRef,
+        className: (0, $eahRj$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f4d8d13edf2d3ca2$exports))), "spectrum-CircleLoader", {
+            "spectrum-CircleLoader--indeterminate": isIndeterminate,
+            "spectrum-CircleLoader--small": size === "S",
+            "spectrum-CircleLoader--large": size === "L",
+            "spectrum-CircleLoader--overBackground": variant === "overBackground",
+            "spectrum-CircleLoader--staticWhite": staticColor === "white",
+            "spectrum-CircleLoader--staticBlack": staticColor === "black"
+        }, styleProps.className)
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($eahRj$react))).createElement("div", {
+        className: (0, $eahRj$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f4d8d13edf2d3ca2$exports))), "spectrum-CircleLoader-track")
+    }), /*#__PURE__*/ (0, ($parcel$interopDefault($eahRj$react))).createElement("div", {
+        className: (0, $eahRj$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f4d8d13edf2d3ca2$exports))), "spectrum-CircleLoader-fills")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($eahRj$react))).createElement("div", {
+        className: (0, $eahRj$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f4d8d13edf2d3ca2$exports))), "spectrum-CircleLoader-fillMask1")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($eahRj$react))).createElement("div", {
+        className: (0, $eahRj$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f4d8d13edf2d3ca2$exports))), "spectrum-CircleLoader-fillSubMask1"),
+        "data-testid": "fillSubMask1",
+        style: subMask1Style
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($eahRj$react))).createElement("div", {
+        className: (0, $eahRj$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f4d8d13edf2d3ca2$exports))), "spectrum-CircleLoader-fill")
+    }))), /*#__PURE__*/ (0, ($parcel$interopDefault($eahRj$react))).createElement("div", {
+        className: (0, $eahRj$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f4d8d13edf2d3ca2$exports))), "spectrum-CircleLoader-fillMask2")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($eahRj$react))).createElement("div", {
+        className: (0, $eahRj$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f4d8d13edf2d3ca2$exports))), "spectrum-CircleLoader-fillSubMask2"),
+        "data-testid": "fillSubMask2",
+        style: subMask2Style
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($eahRj$react))).createElement("div", {
+        className: (0, $eahRj$reactspectrumutils.classNames)((0, ($parcel$interopDefault($f4d8d13edf2d3ca2$exports))), "spectrum-CircleLoader-fill")
+    })))));
+}
+/**
+ * ProgressCircles show the progression of a system operation such as downloading, uploading, or processing, in a visual way.
+ * They can represent determinate or indeterminate progress.
+ */ let $365887133501f5a1$export$c79b9d6b4cc92af7 = /*#__PURE__*/ (0, ($parcel$interopDefault($eahRj$react))).forwardRef($365887133501f5a1$var$ProgressCircle);
+
+
+//# sourceMappingURL=ProgressCircle.main.js.map

package/dist/ProgressCircle.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAWD,SAAS,qCAAe,KAAkC,EAAE,GAA2B;IACrF,IAAI,SACF,QAAQ,aACR,WAAW,aACX,WAAW,WACX,OAAO,kBACP,WAAW,WACX,OAAO,mBACP,kBAAkB,OAClB,cAAc,SAAS,EACvB,mBAAmB,cAAc,EACjC,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,QAAQ,CAAA,GAAA,2BAAI,EAAE,OAAO,UAAU;IAC/B,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,uCAAa,EAAE;QAAC,GAAG,KAAK;eAAE;IAAK;IAExD,IAAI,gBAA+B,CAAC;IACpC,IAAI,gBAA+B,CAAC;IACpC,IAAI,CAAC,iBAAiB;QACpB,IAAI,aAAa,AAAC,CAAA,QAAQ,QAAO,IAAM,CAAA,WAAW,QAAO,IAAK;QAC9D,IAAI;QACJ,IAAI,aAAa,KAAK,cAAc,IAAI;YACtC,QAAQ,OAAQ,aAAa,KAAK;YAClC,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;YAC/C,cAAc,SAAS,GAAG;QAC5B,OAAO,IAAI,aAAa,IAAI;YAC1B,QAAQ,OAAO,AAAC,CAAA,aAAa,EAAC,IAAK,KAAK;YACxC,cAAc,SAAS,GAAG;YAC1B,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QACjD;IACF;IAEA,IAAI,CAAC,aAAa,CAAC,gBACjB,QAAQ,IAAI,CAAC;IAGf,qBACE,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,gBAAgB;QACpB,KAAK;QACL,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,yBACA;YACE,wCAAwC;YACxC,gCAAgC,SAAS;YACzC,gCAAgC,SAAS;YACzC,yCAAyC,YAAY;YACrD,sCAAsC,gBAAgB;YACtD,sCAAsC,gBAAgB;QACxD,GACA,WAAW,SAAS;qBAGxB,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;sBACnC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;wBAGvC,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC9B,eAAY;QACZ,OAAO;qBACP,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;;AAM/C;AAEA;;;CAGC,GACD,IAAI,0DAAkB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/progress/src/ProgressCircle.tsx"],"sourcesContent":["/*\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\nimport {clamp} from '@react-aria/utils';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport React, {CSSProperties} from 'react';\nimport {SpectrumProgressCircleProps} from '@react-types/progress';\nimport styles from '@adobe/spectrum-css-temp/components/circleloader/vars.css';\nimport {useProgressBar} from '@react-aria/progress';\n\n\nfunction ProgressCircle(props: SpectrumProgressCircleProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'M',\n    staticColor,\n    variant,\n    isIndeterminate = false,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  value = clamp(value, minValue, maxValue);\n  let {progressBarProps} = useProgressBar({...props, value});\n\n  let subMask1Style: CSSProperties = {};\n  let subMask2Style: CSSProperties = {};\n  if (!isIndeterminate) {\n    let percentage = (value - minValue) / (maxValue - minValue) * 100;\n    let angle;\n    if (percentage > 0 && percentage <= 50) {\n      angle = -180 + (percentage / 50 * 180);\n      subMask1Style.transform = `rotate(${angle}deg)`;\n      subMask2Style.transform = 'rotate(-180deg)';\n    } else if (percentage > 50) {\n      angle = -180 + (percentage - 50) / 50 * 180;\n      subMask1Style.transform = 'rotate(0deg)';\n      subMask2Style.transform = `rotate(${angle}deg)`;\n    }\n  }\n\n  if (!ariaLabel && !ariaLabelledby) {\n    console.warn('ProgressCircle requires an aria-label or aria-labelledby attribute for accessibility');\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...progressBarProps}\n      ref={domRef}\n      className={\n        classNames(\n          styles,\n          'spectrum-CircleLoader',\n          {\n            'spectrum-CircleLoader--indeterminate': isIndeterminate,\n            'spectrum-CircleLoader--small': size === 'S',\n            'spectrum-CircleLoader--large': size === 'L',\n            'spectrum-CircleLoader--overBackground': variant === 'overBackground',\n            'spectrum-CircleLoader--staticWhite': staticColor === 'white',\n            'spectrum-CircleLoader--staticBlack': staticColor === 'black'\n          },\n          styleProps.className\n        )\n      }>\n      <div className={classNames(styles, 'spectrum-CircleLoader-track')} />\n      <div className={classNames(styles, 'spectrum-CircleLoader-fills')} >\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask1')} >\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask1')}\n            data-testid=\"fillSubMask1\"\n            style={subMask1Style}>\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n        <div className={classNames(styles, 'spectrum-CircleLoader-fillMask2')} >\n          <div\n            className={classNames(styles, 'spectrum-CircleLoader-fillSubMask2')}\n            data-testid=\"fillSubMask2\"\n            style={subMask2Style} >\n            <div className={classNames(styles, 'spectrum-CircleLoader-fill')} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * ProgressCircles show the progression of a system operation such as downloading, uploading, or processing, in a visual way.\n * They can represent determinate or indeterminate progress.\n */\nlet _ProgressCircle = React.forwardRef(ProgressCircle);\nexport {_ProgressCircle as ProgressCircle};\n"],"names":[],"version":3,"file":"ProgressCircle.main.js.map"}

package/dist/ProgressCircle.mjs

@@ -0,0 +1,93 @@
+import "./vars.c3d4124d.css";
+import $a4QS8$circleloader_vars_cssmodulejs from "./circleloader_vars_css.mjs";
+import {clamp as $a4QS8$clamp} from "@react-aria/utils";
+import {useDOMRef as $a4QS8$useDOMRef, useStyleProps as $a4QS8$useStyleProps, classNames as $a4QS8$classNames} from "@react-spectrum/utils";
+import $a4QS8$react from "react";
+import {useProgressBar as $a4QS8$useProgressBar} from "@react-aria/progress";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 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.
+ */ 
+
+
+
+
+function $79c16f64960b6385$var$ProgressCircle(props, ref) {
+    let { value: value = 0, minValue: minValue = 0, maxValue: maxValue = 100, size: size = "M", staticColor: staticColor, variant: variant, isIndeterminate: isIndeterminate = false, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...otherProps } = props;
+    let domRef = (0, $a4QS8$useDOMRef)(ref);
+    let { styleProps: styleProps } = (0, $a4QS8$useStyleProps)(otherProps);
+    value = (0, $a4QS8$clamp)(value, minValue, maxValue);
+    let { progressBarProps: progressBarProps } = (0, $a4QS8$useProgressBar)({
+        ...props,
+        value: value
+    });
+    let subMask1Style = {};
+    let subMask2Style = {};
+    if (!isIndeterminate) {
+        let percentage = (value - minValue) / (maxValue - minValue) * 100;
+        let angle;
+        if (percentage > 0 && percentage <= 50) {
+            angle = -180 + percentage / 50 * 180;
+            subMask1Style.transform = `rotate(${angle}deg)`;
+            subMask2Style.transform = "rotate(-180deg)";
+        } else if (percentage > 50) {
+            angle = -180 + (percentage - 50) / 50 * 180;
+            subMask1Style.transform = "rotate(0deg)";
+            subMask2Style.transform = `rotate(${angle}deg)`;
+        }
+    }
+    if (!ariaLabel && !ariaLabelledby) console.warn("ProgressCircle requires an aria-label or aria-labelledby attribute for accessibility");
+    return /*#__PURE__*/ (0, $a4QS8$react).createElement("div", {
+        ...styleProps,
+        ...progressBarProps,
+        ref: domRef,
+        className: (0, $a4QS8$classNames)((0, ($parcel$interopDefault($a4QS8$circleloader_vars_cssmodulejs))), "spectrum-CircleLoader", {
+            "spectrum-CircleLoader--indeterminate": isIndeterminate,
+            "spectrum-CircleLoader--small": size === "S",
+            "spectrum-CircleLoader--large": size === "L",
+            "spectrum-CircleLoader--overBackground": variant === "overBackground",
+            "spectrum-CircleLoader--staticWhite": staticColor === "white",
+            "spectrum-CircleLoader--staticBlack": staticColor === "black"
+        }, styleProps.className)
+    }, /*#__PURE__*/ (0, $a4QS8$react).createElement("div", {
+        className: (0, $a4QS8$classNames)((0, ($parcel$interopDefault($a4QS8$circleloader_vars_cssmodulejs))), "spectrum-CircleLoader-track")
+    }), /*#__PURE__*/ (0, $a4QS8$react).createElement("div", {
+        className: (0, $a4QS8$classNames)((0, ($parcel$interopDefault($a4QS8$circleloader_vars_cssmodulejs))), "spectrum-CircleLoader-fills")
+    }, /*#__PURE__*/ (0, $a4QS8$react).createElement("div", {
+        className: (0, $a4QS8$classNames)((0, ($parcel$interopDefault($a4QS8$circleloader_vars_cssmodulejs))), "spectrum-CircleLoader-fillMask1")
+    }, /*#__PURE__*/ (0, $a4QS8$react).createElement("div", {
+        className: (0, $a4QS8$classNames)((0, ($parcel$interopDefault($a4QS8$circleloader_vars_cssmodulejs))), "spectrum-CircleLoader-fillSubMask1"),
+        "data-testid": "fillSubMask1",
+        style: subMask1Style
+    }, /*#__PURE__*/ (0, $a4QS8$react).createElement("div", {
+        className: (0, $a4QS8$classNames)((0, ($parcel$interopDefault($a4QS8$circleloader_vars_cssmodulejs))), "spectrum-CircleLoader-fill")
+    }))), /*#__PURE__*/ (0, $a4QS8$react).createElement("div", {
+        className: (0, $a4QS8$classNames)((0, ($parcel$interopDefault($a4QS8$circleloader_vars_cssmodulejs))), "spectrum-CircleLoader-fillMask2")
+    }, /*#__PURE__*/ (0, $a4QS8$react).createElement("div", {
+        className: (0, $a4QS8$classNames)((0, ($parcel$interopDefault($a4QS8$circleloader_vars_cssmodulejs))), "spectrum-CircleLoader-fillSubMask2"),
+        "data-testid": "fillSubMask2",
+        style: subMask2Style
+    }, /*#__PURE__*/ (0, $a4QS8$react).createElement("div", {
+        className: (0, $a4QS8$classNames)((0, ($parcel$interopDefault($a4QS8$circleloader_vars_cssmodulejs))), "spectrum-CircleLoader-fill")
+    })))));
+}
+/**
+ * ProgressCircles show the progression of a system operation such as downloading, uploading, or processing, in a visual way.
+ * They can represent determinate or indeterminate progress.
+ */ let $79c16f64960b6385$export$c79b9d6b4cc92af7 = /*#__PURE__*/ (0, $a4QS8$react).forwardRef($79c16f64960b6385$var$ProgressCircle);
+
+
+export {$79c16f64960b6385$export$c79b9d6b4cc92af7 as ProgressCircle};
+//# sourceMappingURL=ProgressCircle.mjs.map