@react-spectrum/progress 3.1.1 → 3.1.5

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,sBAAT,CAAgCC,CAAhC,EAAmC;AACjC,SAAOA,CAAC,IAAIA,CAAC,CAACC,UAAP,GAAoBD,CAAC,CAACE,OAAtB,GAAgCF,CAAvC;AACD;;;;ACFD,4CAAiB;AACf,wBAAsB,2BADP;AAEf,8BAA4B,iCAFb;AAGf,6BAA2B,gCAHZ;AAIf,8BAA4B,iCAJb;AAKf,mCAAiC,sCALlB;AAMf,mCAAiC,sCANlB;AAOf,+BAA6B,kCAPd;AAQf,uCAAqC,0CARtB;AASf,4BAA0B,+BATX;AAUf,4BAA0B,+BAVX;AAWf,wCAAsC,2CAXvB;AAYf,iBAAe,oBAZA;AAaf,gBAAc,mBAbC;AAcf,iBAAe;AAdA,CAAjB;;;AC0BA;AACA,SAASG,oDAAT,CAAyBC,KAAzB,EAAsDC,GAAtD,EAAmF;AACjF,MAAI;AACFC,IAAAA,KAAK,GAAG,CADN;AAEFC,IAAAA,QAAQ,GAAG,CAFT;AAGFC,IAAAA,QAAQ,GAAG,GAHT;AAIFC,IAAAA,IAAI,GAAG,GAJL;AAKFC,IAAAA,KALE;AAMFC,IAAAA,YANE;AAOFC,IAAAA,cAAc,GAAG,CAAC,CAACF,KAPjB;AAQFG,IAAAA,aAAa,GAAG,KARd;AASFC,IAAAA,eAAe,GAAG,KAThB;AAUFC,IAAAA,QAVE;AAWFC,IAAAA,UAXE;AAYF,kBAAcC,SAZZ;AAaF,uBAAmBC;AAbjB,MAeAd,KAfJ;AAAA,MAcKe,UAdL,oDAeIf,KAfJ;;AAgBA,MAAIgB,MAAM,GAAGC,SAAS,CAAChB,GAAD,CAAtB;AACA,MAAI;AAACiB,IAAAA;AAAD,MAAeC,aAAa,CAACJ,UAAD,CAAhC;AAEAb,EAAAA,KAAK,GAAGkB,KAAK,CAAClB,KAAD,EAAQC,QAAR,EAAkBC,QAAlB,CAAb;AAEA,MAAIiB,QAAuB,GAAG,EAA9B;;AACA,MAAI,CAACX,eAAL,EAAsB;AACpB,QAAIY,UAAU,GAAG,CAACpB,KAAK,GAAGC,QAAT,KAAsBC,QAAQ,GAAGD,QAAjC,CAAjB;AACAkB,IAAAA,QAAQ,CAACE,KAAT,GAAoBC,IAAI,CAACC,KAAL,CAAWH,UAAU,GAAG,GAAxB,CAApB;AACD,GA1BgF,CA4BjF;AACA;;;AACA,MAAI,CAAChB,KAAD,IAAU,CAACO,SAAX,IAAwB,CAACC,cAA7B,EAA6C;AAC3CY,IAAAA,OAAO,CAACC,IAAR,CAAa,mIAAb;AACD;;AAED,sBACE,4DACMT,UADN,EAEMP,QAFN;AAGE,IAAA,GAAG,EAAEK,MAHP;AAIE,IAAA,SAAS,EACPY,UAAU,qDAER,oBAFQ,EAGR;AACE,mCAA6BvB,IAAI,KAAK,GADxC;AAEE,mCAA6BA,IAAI,KAAK,GAFxC;AAGE,2CAAqCK,eAHvC;AAIE,uCAAiCD,aAAa,KAAK;AAJrD,KAHQ,EASRF,YATQ,EAURW,UAAU,CAACW,SAVH;AALd,MAkBGvB,KAAK,iBACJ,6DACMM,UADN;AAEE,IAAA,SAAS,EAAEgB,UAAU,qDAAS,0BAAT;AAFvB,MAGKtB,KAHL,CAnBJ,EAyBGE,cAAc,iBACb;AAAK,IAAA,SAAS,EAAEoB,UAAU,qDAAS,+BAAT;AAA1B,KACGjB,QAAQ,CAAC,gBAAD,CADX,CA1BJ,eA8BE;AAAK,IAAA,SAAS,EAAEiB,UAAU,qDAAS,0BAAT;AAA1B,kBACE;AACE,IAAA,SAAS,EAAEA,UAAU,qDAAS,yBAAT,CADvB;AAEE,IAAA,KAAK,EAAEP;AAFT,IADF,CA9BF,CADF;AAsCD;;AAED,IAAIS,eAAgB,GAAGC,MAAK,CAACC,UAAN,CAAiBjC,oDAAjB,CAAvB;;;;ACjFA,SAASkC,8CAAT,CAAqBjC,KAArB,EAAsDC,GAAtD,EAAmF;AACjF,MAAI;AAACiC,IAAAA;AAAD,MAA2BlC,KAA/B;AAAA,MAAiBe,UAAjB,oDAA+Bf,KAA/B;;AACA,QAAM;AACJmC,IAAAA,gBADI;AAEJvB,IAAAA;AAFI,MAGFwB,cAAc,CAACpC,KAAD,CAHlB;AAKA,sBACE,sEACMe,UADN;AAEE,IAAA,GAAG,EAAEd,GAFP;AAGE,IAAA,QAAQ,EAAEkC,gBAHZ;AAIE,IAAA,UAAU,EAAEvB,UAJd;AAKE,IAAA,YAAY,EACVgB,UAAU,qDAER;AACE,4CAAsCM,OAAO,KAAK;AADpD,KAFQ;AANd,KADF;AAeD;AAED;;;;;;AAIA,IAAIG,WAAY,GAAGN,MAAK,CAACC,UAAN,CAAiBC,8CAAjB,CAAnB;;;;;AChDA,4CAAiB;AACf,yDAAuD,4DADxC;AAEf,0BAAwB,6BAFT;AAGf,2BAAyB,8BAHV;AAIf,iCAA+B,oCAJhB;AAKf,iCAA+B,oCALhB;AAMf,gCAA8B,mCANf;AAOf,qCAAmC,wCAPpB;AAQf,qCAAmC,wCARpB;AASf,wCAAsC,2CATvB;AAUf,wCAAsC,2CAVvB;AAWf,kCAAgC,qCAXjB;AAYf,kCAAgC,qCAZjB;AAaf,0CAAwC,6CAbzB;AAcf,2BAAyB,8BAdV;AAef,0BAAwB,6BAfT;AAgBf,2CAAyC;AAhB1B,CAAjB;;;ACoBA,SAASK,oDAAT,CAAwBtC,KAAxB,EAA4DC,GAA5D,EAAyF;AACvF,MAAI;AACFC,IAAAA,KAAK,GAAG,CADN;AAEFC,IAAAA,QAAQ,GAAG,CAFT;AAGFC,IAAAA,QAAQ,GAAG,GAHT;AAIFC,IAAAA,IAAI,GAAG,GAJL;AAKF6B,IAAAA,OALE;AAMFxB,IAAAA,eAAe,GAAG,KANhB;AAOF,kBAAcG,SAPZ;AAQF,uBAAmBC;AARjB,MAUAd,KAVJ;AAAA,MASKe,UATL,oDAUIf,KAVJ;;AAWA,MAAIgB,MAAM,GAAGC,SAAS,CAAChB,GAAD,CAAtB;AACA,MAAI;AAACiB,IAAAA;AAAD,MAAeC,aAAa,CAACJ,UAAD,CAAhC;AAEAb,EAAAA,KAAK,GAAGkB,KAAK,CAAClB,KAAD,EAAQC,QAAR,EAAkBC,QAAlB,CAAb;AACA,MAAI;AAAC+B,IAAAA;AAAD,MAAqBC,cAAc,iCAAKpC,KAAL;AAAYE,IAAAA;AAAZ,KAAvC;AAEA,MAAIqC,aAA4B,GAAG,EAAnC;AACA,MAAIC,aAA4B,GAAG,EAAnC;;AACA,MAAI,CAAC9B,eAAL,EAAsB;AACpB,QAAIY,UAAU,GAAG,CAACpB,KAAK,GAAGC,QAAT,KAAsBC,QAAQ,GAAGD,QAAjC,IAA6C,GAA9D;AACA,QAAIsC,KAAJ;;AACA,QAAInB,UAAU,GAAG,CAAb,IAAkBA,UAAU,IAAI,EAApC,EAAwC;AACtCmB,MAAAA,KAAK,GAAG,CAAC,GAAD,GAAQnB,UAAU,GAAG,EAAb,GAAkB,GAAlC;AACAiB,MAAAA,aAAa,CAACG,SAAd,eAAoCD,KAApC;AACAD,MAAAA,aAAa,CAACE,SAAd,GAA0B,iBAA1B;AACD,KAJD,MAIO,IAAIpB,UAAU,GAAG,EAAjB,EAAqB;AAC1BmB,MAAAA,KAAK,GAAG,CAAC,GAAD,GAAO,CAACnB,UAAU,GAAG,EAAd,IAAoB,EAApB,GAAyB,GAAxC;AACAiB,MAAAA,aAAa,CAACG,SAAd,GAA0B,cAA1B;AACAF,MAAAA,aAAa,CAACE,SAAd,eAAoCD,KAApC;AACD;AACF;;AAED,MAAI,CAAC5B,SAAD,IAAc,CAACC,cAAnB,EAAmC;AACjCY,IAAAA,OAAO,CAACC,IAAR,CAAa,sFAAb;AACD;;AAED,sBACE,4DACMT,UADN,EAEMiB,gBAFN;AAGE,IAAA,GAAG,EAAEnB,MAHP;AAIE,IAAA,SAAS,EACPY,UAAU,qDAER,uBAFQ,EAGR;AACE,8CAAwClB,eAD1C;AAEE,sCAAgCL,IAAI,KAAK,GAF3C;AAGE,sCAAgCA,IAAI,KAAK,GAH3C;AAIE,+CAAyC6B,OAAO,KAAK;AAJvD,KAHQ,EASRhB,UAAU,CAACW,SATH;AALd,mBAiBE;AAAK,IAAA,SAAS,EAAED,UAAU,qDAAS,6BAAT;AAA1B,IAjBF,eAkBE;AAAK,IAAA,SAAS,EAAEA,UAAU,qDAAS,6BAAT;AAA1B,kBACE;AAAK,IAAA,SAAS,EAAEA,UAAU,qDAAS,iCAAT;AAA1B,kBACE;AACE,IAAA,SAAS,EAAEA,UAAU,qDAAS,oCAAT,CADvB;AAGE,IAAA,KAAK,EAAEW;AAHT,kBAIE;AAAK,IAAA,SAAS,EAAEX,UAAU,qDAAS,4BAAT;AAA1B,IAJF,CADF,CADF,eASE;AAAK,IAAA,SAAS,EAAEA,UAAU,qDAAS,iCAAT;AAA1B,kBACE;AACE,IAAA,SAAS,EAAEA,UAAU,qDAAS,oCAAT,CADvB;AAGE,IAAA,KAAK,EAAEY;AAHT,kBAIE;AAAK,IAAA,SAAS,EAAEZ,UAAU,qDAAS,4BAAT;AAA1B,IAJF,CADF,CATF,CAlBF,CADF;AAuCD;AAED;;;;;;AAIA,IAAIe,cAAe,GAAGZ,MAAK,CAACC,UAAN,CAAiBM,oDAAjB,CAAtB","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./node_modules/@adobe/spectrum-css-temp/components/barloader/vars.css","./packages/@react-spectrum/progress/src/ProgressBarBase.tsx","./packages/@react-spectrum/progress/src/ProgressBar.tsx","./node_modules/@adobe/spectrum-css-temp/components/circleloader/vars.css","./packages/@react-spectrum/progress/src/ProgressCircle.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\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","/*\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} from '@react-types/progress';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport {SpectrumProgressBarBaseProps} from '@react-types/progress';\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\n  return (\n    <div\n      {...styleProps}\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      {label &&\n        <span\n          {...labelProps}\n          className={classNames(styles, 'spectrum-BarLoader-label')}>\n            {label}\n        </span>\n      }\n      {showValueLabel &&\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","/*\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 {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          }\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","/*\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","/*\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\nfunction ProgressCircle(props: SpectrumProgressCircleProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'M',\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          },\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, processing, etc. in a visual way.\n * They can represent determinate or indeterminate progress.\n */\nlet _ProgressCircle = React.forwardRef(ProgressCircle);\nexport {_ProgressCircle as ProgressCircle};\n"],"names":["$parcel$interopDefault","a","__esModule","default","ProgressBarBase","props","ref","value","minValue","maxValue","size","label","barClassName","showValueLabel","labelPosition","isIndeterminate","barProps","labelProps","ariaLabel","ariaLabelledby","otherProps","domRef","useDOMRef","styleProps","useStyleProps","clamp","barStyle","percentage","width","Math","round","console","warn","classNames","className","_ProgressBarBase","React","forwardRef","ProgressBar","variant","progressBarProps","useProgressBar","_ProgressBar","ProgressCircle","subMask1Style","subMask2Style","angle","transform","_ProgressCircle"],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/progress/src/index.ts","packages/@react-spectrum/progress/src/ProgressBar.tsx","packages/@react-spectrum/progress/src/ProgressBarBase.tsx","packages/@adobe/spectrum-css-temp/components/barloader/vars.css","packages/@react-spectrum/progress/src/ProgressCircle.tsx","packages/@adobe/spectrum-css-temp/components/circleloader/vars.css"],"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\n/// <reference types=\"css-module-types\" />\n\nexport * from './ProgressBar';\nexport * from './ProgressCircle';\nexport * from './ProgressBarBase';\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\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 {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          }\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","/*\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} from '@react-types/progress';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport {SpectrumProgressBarBaseProps} from '@react-types/progress';\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 &&\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","/*\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","/*\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\nfunction ProgressCircle(props: SpectrumProgressCircleProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    size = 'M',\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          },\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, processing, etc. in a visual way.\n * They can represent determinate or indeterminate progress.\n */\nlet _ProgressCircle = React.forwardRef(ProgressCircle);\nexport {_ProgressCircle as ProgressCircle};\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,220 +1,263 @@
-import { useProgressBar } from "@react-aria/progress";
-import _react from "react";
-import { clamp } from "@react-aria/utils";
-import { classNames, useDOMRef, useStyleProps } from "@react-spectrum/utils";
-import _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
 import "./main.css";
+import {classNames as $byFKM$classNames, useDOMRef as $byFKM$useDOMRef, useStyleProps as $byFKM$useStyleProps} from "@react-spectrum/utils";
+import $byFKM$react from "react";
+import {useProgressBar as $byFKM$useProgressBar} from "@react-aria/progress";
+import {clamp as $byFKM$clamp} from "@react-aria/utils";
 
 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 $3e2fc00d5e01478b$exports = {};
+
+$parcel$export($3e2fc00d5e01478b$exports, "ProgressBar", () => $3e2fc00d5e01478b$export$c17561cb55d4db30);
+
+var $287d3431be7af3d0$exports = {};
+
+$parcel$export($287d3431be7af3d0$exports, "ProgressBarBase", () => $287d3431be7af3d0$export$7c6ed87244065f3a);
+
+
+
+var $0cd8e49fa97e4664$exports = {};
+
+$parcel$export($0cd8e49fa97e4664$exports, "spectrum-BarLoader", () => $0cd8e49fa97e4664$export$162ba336fb0c239f, (v) => $0cd8e49fa97e4664$export$162ba336fb0c239f = v);
+$parcel$export($0cd8e49fa97e4664$exports, "spectrum-BarLoader--indeterminate", () => $0cd8e49fa97e4664$export$1249dfbb98223794, (v) => $0cd8e49fa97e4664$export$1249dfbb98223794 = v);
+$parcel$export($0cd8e49fa97e4664$exports, "spectrum-BarLoader--sideLabel", () => $0cd8e49fa97e4664$export$99af8802cc2a10dc, (v) => $0cd8e49fa97e4664$export$99af8802cc2a10dc = v);
+$parcel$export($0cd8e49fa97e4664$exports, "spectrum-BarLoader-track", () => $0cd8e49fa97e4664$export$3e2e13fb57b5c74b, (v) => $0cd8e49fa97e4664$export$3e2e13fb57b5c74b = v);
+$parcel$export($0cd8e49fa97e4664$exports, "spectrum-BarLoader-fill", () => $0cd8e49fa97e4664$export$84c9ee7bc724b71b, (v) => $0cd8e49fa97e4664$export$84c9ee7bc724b71b = v);
+$parcel$export($0cd8e49fa97e4664$exports, "spectrum-BarLoader-label", () => $0cd8e49fa97e4664$export$5379ba198163be86, (v) => $0cd8e49fa97e4664$export$5379ba198163be86 = v);
+$parcel$export($0cd8e49fa97e4664$exports, "spectrum-BarLoader-percentage", () => $0cd8e49fa97e4664$export$ecc9c825de9d1a18, (v) => $0cd8e49fa97e4664$export$ecc9c825de9d1a18 = v);
+$parcel$export($0cd8e49fa97e4664$exports, "spectrum-BarLoader--small", () => $0cd8e49fa97e4664$export$b945305960ad74a7, (v) => $0cd8e49fa97e4664$export$b945305960ad74a7 = v);
+$parcel$export($0cd8e49fa97e4664$exports, "indeterminate-loop-ltr", () => $0cd8e49fa97e4664$export$a889038a25113dd4, (v) => $0cd8e49fa97e4664$export$a889038a25113dd4 = v);
+$parcel$export($0cd8e49fa97e4664$exports, "indeterminate-loop-rtl", () => $0cd8e49fa97e4664$export$aeff243cf3356f00, (v) => $0cd8e49fa97e4664$export$aeff243cf3356f00 = v);
+$parcel$export($0cd8e49fa97e4664$exports, "spectrum-BarLoader--overBackground", () => $0cd8e49fa97e4664$export$55612d0bd9b5d41, (v) => $0cd8e49fa97e4664$export$55612d0bd9b5d41 = v);
+$parcel$export($0cd8e49fa97e4664$exports, "is-positive", () => $0cd8e49fa97e4664$export$aea9fd919467f03a, (v) => $0cd8e49fa97e4664$export$aea9fd919467f03a = v);
+$parcel$export($0cd8e49fa97e4664$exports, "is-warning", () => $0cd8e49fa97e4664$export$d4ebda6218901908, (v) => $0cd8e49fa97e4664$export$d4ebda6218901908 = v);
+$parcel$export($0cd8e49fa97e4664$exports, "is-critical", () => $0cd8e49fa97e4664$export$a1f608a9810da50f, (v) => $0cd8e49fa97e4664$export$a1f608a9810da50f = v);
+var $0cd8e49fa97e4664$export$162ba336fb0c239f;
+var $0cd8e49fa97e4664$export$1249dfbb98223794;
+var $0cd8e49fa97e4664$export$99af8802cc2a10dc;
+var $0cd8e49fa97e4664$export$3e2e13fb57b5c74b;
+var $0cd8e49fa97e4664$export$84c9ee7bc724b71b;
+var $0cd8e49fa97e4664$export$5379ba198163be86;
+var $0cd8e49fa97e4664$export$ecc9c825de9d1a18;
+var $0cd8e49fa97e4664$export$b945305960ad74a7;
+var $0cd8e49fa97e4664$export$a889038a25113dd4;
+var $0cd8e49fa97e4664$export$aeff243cf3356f00;
+var $0cd8e49fa97e4664$export$55612d0bd9b5d41;
+var $0cd8e49fa97e4664$export$aea9fd919467f03a;
+var $0cd8e49fa97e4664$export$d4ebda6218901908;
+var $0cd8e49fa97e4664$export$a1f608a9810da50f;
+$0cd8e49fa97e4664$export$162ba336fb0c239f = "spectrum-BarLoader_48541f";
+$0cd8e49fa97e4664$export$1249dfbb98223794 = "spectrum-BarLoader--indeterminate_48541f";
+$0cd8e49fa97e4664$export$99af8802cc2a10dc = "spectrum-BarLoader--sideLabel_48541f";
+$0cd8e49fa97e4664$export$3e2e13fb57b5c74b = "spectrum-BarLoader-track_48541f";
+$0cd8e49fa97e4664$export$84c9ee7bc724b71b = "spectrum-BarLoader-fill_48541f";
+$0cd8e49fa97e4664$export$5379ba198163be86 = "spectrum-BarLoader-label_48541f";
+$0cd8e49fa97e4664$export$ecc9c825de9d1a18 = "spectrum-BarLoader-percentage_48541f";
+$0cd8e49fa97e4664$export$b945305960ad74a7 = "spectrum-BarLoader--small_48541f";
+$0cd8e49fa97e4664$export$a889038a25113dd4 = "indeterminate-loop-ltr_48541f";
+$0cd8e49fa97e4664$export$aeff243cf3356f00 = "indeterminate-loop-rtl_48541f";
+$0cd8e49fa97e4664$export$55612d0bd9b5d41 = "spectrum-BarLoader--overBackground_48541f";
+$0cd8e49fa97e4664$export$aea9fd919467f03a = "is-positive_48541f";
+$0cd8e49fa97e4664$export$d4ebda6218901908 = "is-warning_48541f";
+$0cd8e49fa97e4664$export$a1f608a9810da50f = "is-critical_48541f";
 
-// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/barloader/vars.css
-var $eae5301468e7259fd99d852e67771$exports = {};
-$eae5301468e7259fd99d852e67771$exports = {
-  "spectrum-BarLoader": "_spectrum-BarLoader_c74d2",
-  "spectrum-BarLoader-track": "_spectrum-BarLoader-track_c74d2",
-  "spectrum-BarLoader-fill": "_spectrum-BarLoader-fill_c74d2",
-  "spectrum-BarLoader-label": "_spectrum-BarLoader-label_c74d2",
-  "spectrum-BarLoader-percentage": "_spectrum-BarLoader-percentage_c74d2",
-  "spectrum-BarLoader--sideLabel": "_spectrum-BarLoader--sideLabel_c74d2",
-  "spectrum-BarLoader--small": "_spectrum-BarLoader--small_c74d2",
-  "spectrum-BarLoader--indeterminate": "_spectrum-BarLoader--indeterminate_c74d2",
-  "indeterminate-loop-ltr": "_indeterminate-loop-ltr_c74d2",
-  "indeterminate-loop-rtl": "_indeterminate-loop-rtl_c74d2",
-  "spectrum-BarLoader--overBackground": "_spectrum-BarLoader--overBackground_c74d2",
-  "is-positive": "_is-positive_c74d2",
-  "is-warning": "_is-warning_c74d2",
-  "is-critical": "_is-critical_c74d2"
-};
-var $eae5301468e7259fd99d852e67771$$interop$default = $parcel$interopDefault($eae5301468e7259fd99d852e67771$exports);
 
 // Base ProgressBar component shared with Meter.
-function $c5cde9743903482bb7abecafb119431a$var$ProgressBarBase(props, ref) {
-  let {
-    value = 0,
-    minValue = 0,
-    maxValue = 100,
-    size = 'L',
-    label,
-    barClassName,
-    showValueLabel = !!label,
-    labelPosition = 'top',
-    isIndeterminate = false,
-    barProps,
-    labelProps,
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledby
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["value", "minValue", "maxValue", "size", "label", "barClassName", "showValueLabel", "labelPosition", "isIndeterminate", "barProps", "labelProps", "aria-label", "aria-labelledby"]);
-
-  let domRef = useDOMRef(ref);
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  value = 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');
-  }
-
-  return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, styleProps, barProps, {
-    ref: domRef,
-    className: classNames($eae5301468e7259fd99d852e67771$$interop$default, 'spectrum-BarLoader', {
-      'spectrum-BarLoader--small': size === 'S',
-      'spectrum-BarLoader--large': size === 'L',
-      'spectrum-BarLoader--indeterminate': isIndeterminate,
-      'spectrum-BarLoader--sideLabel': labelPosition === 'side'
-    }, barClassName, styleProps.className)
-  }), label && /*#__PURE__*/_react.createElement("span", _babelRuntimeHelpersEsmExtends({}, labelProps, {
-    className: classNames($eae5301468e7259fd99d852e67771$$interop$default, 'spectrum-BarLoader-label')
-  }), label), showValueLabel && /*#__PURE__*/_react.createElement("div", {
-    className: classNames($eae5301468e7259fd99d852e67771$$interop$default, 'spectrum-BarLoader-percentage')
-  }, barProps['aria-valuetext']), /*#__PURE__*/_react.createElement("div", {
-    className: classNames($eae5301468e7259fd99d852e67771$$interop$default, 'spectrum-BarLoader-track')
-  }, /*#__PURE__*/_react.createElement("div", {
-    className: classNames($eae5301468e7259fd99d852e67771$$interop$default, 'spectrum-BarLoader-fill'),
-    style: barStyle
-  })));
+function $287d3431be7af3d0$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 = $byFKM$useDOMRef(ref);
+    let { styleProps: styleProps  } = $byFKM$useStyleProps(otherProps);
+    value = $byFKM$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__*/ $byFKM$react.createElement("div", {
+        ...barProps,
+        ref: domRef,
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($0cd8e49fa97e4664$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__*/ $byFKM$react.createElement("span", {
+        ...labelProps,
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($0cd8e49fa97e4664$exports)), 'spectrum-BarLoader-label')
+    }, label), showValueLabel && /*#__PURE__*/ $byFKM$react.createElement("div", {
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($0cd8e49fa97e4664$exports)), 'spectrum-BarLoader-percentage')
+    }, barProps['aria-valuetext']), /*#__PURE__*/ $byFKM$react.createElement("div", {
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($0cd8e49fa97e4664$exports)), 'spectrum-BarLoader-track')
+    }, /*#__PURE__*/ $byFKM$react.createElement("div", {
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($0cd8e49fa97e4664$exports)), 'spectrum-BarLoader-fill'),
+        style: barStyle
+    }))));
 }
+let $287d3431be7af3d0$export$7c6ed87244065f3a = /*#__PURE__*/ $byFKM$react.forwardRef($287d3431be7af3d0$var$ProgressBarBase);
+
+
+
+
 
-export let ProgressBarBase = _react.forwardRef($c5cde9743903482bb7abecafb119431a$var$ProgressBarBase);
-
-function $f18373465a3261d8a2c5beeda930081$var$ProgressBar(props, ref) {
-  let {
-    variant
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["variant"]);
-
-  const {
-    progressBarProps,
-    labelProps
-  } = useProgressBar(props);
-  return /*#__PURE__*/_react.createElement(ProgressBarBase, _babelRuntimeHelpersEsmExtends({}, otherProps, {
-    ref: ref,
-    barProps: progressBarProps,
-    labelProps: labelProps,
-    barClassName: classNames($eae5301468e7259fd99d852e67771$$interop$default, {
-      'spectrum-BarLoader--overBackground': variant === 'overBackground'
-    })
-  }));
+function $3e2fc00d5e01478b$var$ProgressBar(props, ref) {
+    let { variant: variant , ...otherProps } = props;
+    const { progressBarProps: progressBarProps , labelProps: labelProps  } = $byFKM$useProgressBar(props);
+    return(/*#__PURE__*/ $byFKM$react.createElement($287d3431be7af3d0$export$7c6ed87244065f3a, {
+        ...otherProps,
+        ref: ref,
+        barProps: progressBarProps,
+        labelProps: labelProps,
+        barClassName: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($0cd8e49fa97e4664$exports)), {
+            'spectrum-BarLoader--overBackground': variant === 'overBackground'
+        })
+    }));
 }
 /**
  * ProgressBars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way.
  * They can represent either determinate or indeterminate progress.
- */
-
-
-export let ProgressBar = _react.forwardRef($f18373465a3261d8a2c5beeda930081$var$ProgressBar);
-// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/circleloader/vars.css
-var $ac0b16ab45b43a13bd626652200d2$exports = {};
-$ac0b16ab45b43a13bd626652200d2$exports = {
-  "spectrum-CircleLoader--indeterminate-fill-submask-2": "_spectrum-CircleLoader--indeterminate-fill-submask-2_40b43",
-  "spectrum-fill-mask-2": "_spectrum-fill-mask-2_40b43",
-  "spectrum-CircleLoader": "_spectrum-CircleLoader_40b43",
-  "spectrum-CircleLoader-track": "_spectrum-CircleLoader-track_40b43",
-  "spectrum-CircleLoader-fills": "_spectrum-CircleLoader-fills_40b43",
-  "spectrum-CircleLoader-fill": "_spectrum-CircleLoader-fill_40b43",
-  "spectrum-CircleLoader-fillMask1": "_spectrum-CircleLoader-fillMask1_40b43",
-  "spectrum-CircleLoader-fillMask2": "_spectrum-CircleLoader-fillMask2_40b43",
-  "spectrum-CircleLoader-fillSubMask1": "_spectrum-CircleLoader-fillSubMask1_40b43",
-  "spectrum-CircleLoader-fillSubMask2": "_spectrum-CircleLoader-fillSubMask2_40b43",
-  "spectrum-CircleLoader--small": "_spectrum-CircleLoader--small_40b43",
-  "spectrum-CircleLoader--large": "_spectrum-CircleLoader--large_40b43",
-  "spectrum-CircleLoader--indeterminate": "_spectrum-CircleLoader--indeterminate_40b43",
-  "spectrum-fills-rotate": "_spectrum-fills-rotate_40b43",
-  "spectrum-fill-mask-1": "_spectrum-fill-mask-1_40b43",
-  "spectrum-CircleLoader--overBackground": "_spectrum-CircleLoader--overBackground_40b43"
-};
-var $ac0b16ab45b43a13bd626652200d2$$interop$default = $parcel$interopDefault($ac0b16ab45b43a13bd626652200d2$exports);
-
-function $e712ab91a3ca4a742ab6443c53b96b8$var$ProgressCircle(props, ref) {
-  let {
-    value = 0,
-    minValue = 0,
-    maxValue = 100,
-    size = 'M',
-    variant,
-    isIndeterminate = false,
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledby
-  } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["value", "minValue", "maxValue", "size", "variant", "isIndeterminate", "aria-label", "aria-labelledby"]);
-
-  let domRef = useDOMRef(ref);
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  value = clamp(value, minValue, maxValue);
-  let {
-    progressBarProps
-  } = useProgressBar(_babelRuntimeHelpersEsmExtends({}, props, {
-    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)";
+ */ let $3e2fc00d5e01478b$export$c17561cb55d4db30 = /*#__PURE__*/ $byFKM$react.forwardRef($3e2fc00d5e01478b$var$ProgressBar);
+
+
+var $9890faa22af21f4f$exports = {};
+
+$parcel$export($9890faa22af21f4f$exports, "ProgressCircle", () => $9890faa22af21f4f$export$c79b9d6b4cc92af7);
+
+
+
+var $5e9896e6052c3bbb$exports = {};
+
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-CircleLoader--indeterminate-fill-submask-2", () => $5e9896e6052c3bbb$export$f7083dbeadcbb2bd, (v) => $5e9896e6052c3bbb$export$f7083dbeadcbb2bd = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-fill-mask-2", () => $5e9896e6052c3bbb$export$7219832bea80eb54, (v) => $5e9896e6052c3bbb$export$7219832bea80eb54 = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-CircleLoader", () => $5e9896e6052c3bbb$export$9633d311d6d6830b, (v) => $5e9896e6052c3bbb$export$9633d311d6d6830b = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-CircleLoader-track", () => $5e9896e6052c3bbb$export$278efdb85ed802da, (v) => $5e9896e6052c3bbb$export$278efdb85ed802da = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-CircleLoader-fills", () => $5e9896e6052c3bbb$export$3038f4c0c86f539b, (v) => $5e9896e6052c3bbb$export$3038f4c0c86f539b = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-CircleLoader-fill", () => $5e9896e6052c3bbb$export$58fb9ac68cf8e784, (v) => $5e9896e6052c3bbb$export$58fb9ac68cf8e784 = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-CircleLoader-fillMask1", () => $5e9896e6052c3bbb$export$b676cd958401a736, (v) => $5e9896e6052c3bbb$export$b676cd958401a736 = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-CircleLoader-fillMask2", () => $5e9896e6052c3bbb$export$8c428f4f13e424b, (v) => $5e9896e6052c3bbb$export$8c428f4f13e424b = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-CircleLoader-fillSubMask1", () => $5e9896e6052c3bbb$export$98ba5ef650aeb8ca, (v) => $5e9896e6052c3bbb$export$98ba5ef650aeb8ca = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-CircleLoader-fillSubMask2", () => $5e9896e6052c3bbb$export$dc70b48c897b0f1a, (v) => $5e9896e6052c3bbb$export$dc70b48c897b0f1a = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-CircleLoader--small", () => $5e9896e6052c3bbb$export$79819ab9844dbe9b, (v) => $5e9896e6052c3bbb$export$79819ab9844dbe9b = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-CircleLoader--large", () => $5e9896e6052c3bbb$export$c8c34e5e37bf511c, (v) => $5e9896e6052c3bbb$export$c8c34e5e37bf511c = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-CircleLoader--indeterminate", () => $5e9896e6052c3bbb$export$79b7e5abeef5134f, (v) => $5e9896e6052c3bbb$export$79b7e5abeef5134f = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-fills-rotate", () => $5e9896e6052c3bbb$export$3663cbdb240663ec, (v) => $5e9896e6052c3bbb$export$3663cbdb240663ec = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-fill-mask-1", () => $5e9896e6052c3bbb$export$524c81e63e1d64f5, (v) => $5e9896e6052c3bbb$export$524c81e63e1d64f5 = v);
+$parcel$export($5e9896e6052c3bbb$exports, "spectrum-CircleLoader--overBackground", () => $5e9896e6052c3bbb$export$6668708cb539f403, (v) => $5e9896e6052c3bbb$export$6668708cb539f403 = v);
+var $5e9896e6052c3bbb$export$f7083dbeadcbb2bd;
+var $5e9896e6052c3bbb$export$7219832bea80eb54;
+var $5e9896e6052c3bbb$export$9633d311d6d6830b;
+var $5e9896e6052c3bbb$export$278efdb85ed802da;
+var $5e9896e6052c3bbb$export$3038f4c0c86f539b;
+var $5e9896e6052c3bbb$export$58fb9ac68cf8e784;
+var $5e9896e6052c3bbb$export$b676cd958401a736;
+var $5e9896e6052c3bbb$export$8c428f4f13e424b;
+var $5e9896e6052c3bbb$export$98ba5ef650aeb8ca;
+var $5e9896e6052c3bbb$export$dc70b48c897b0f1a;
+var $5e9896e6052c3bbb$export$79819ab9844dbe9b;
+var $5e9896e6052c3bbb$export$c8c34e5e37bf511c;
+var $5e9896e6052c3bbb$export$79b7e5abeef5134f;
+var $5e9896e6052c3bbb$export$3663cbdb240663ec;
+var $5e9896e6052c3bbb$export$524c81e63e1d64f5;
+var $5e9896e6052c3bbb$export$6668708cb539f403;
+$5e9896e6052c3bbb$export$f7083dbeadcbb2bd = "spectrum-CircleLoader--indeterminate-fill-submask-2_7c1153";
+$5e9896e6052c3bbb$export$7219832bea80eb54 = "spectrum-fill-mask-2_7c1153";
+$5e9896e6052c3bbb$export$9633d311d6d6830b = "spectrum-CircleLoader_7c1153";
+$5e9896e6052c3bbb$export$278efdb85ed802da = "spectrum-CircleLoader-track_7c1153";
+$5e9896e6052c3bbb$export$3038f4c0c86f539b = "spectrum-CircleLoader-fills_7c1153";
+$5e9896e6052c3bbb$export$58fb9ac68cf8e784 = "spectrum-CircleLoader-fill_7c1153";
+$5e9896e6052c3bbb$export$b676cd958401a736 = "spectrum-CircleLoader-fillMask1_7c1153";
+$5e9896e6052c3bbb$export$8c428f4f13e424b = "spectrum-CircleLoader-fillMask2_7c1153";
+$5e9896e6052c3bbb$export$98ba5ef650aeb8ca = "spectrum-CircleLoader-fillSubMask1_7c1153";
+$5e9896e6052c3bbb$export$dc70b48c897b0f1a = "spectrum-CircleLoader-fillSubMask2_7c1153";
+$5e9896e6052c3bbb$export$79819ab9844dbe9b = "spectrum-CircleLoader--small_7c1153";
+$5e9896e6052c3bbb$export$c8c34e5e37bf511c = "spectrum-CircleLoader--large_7c1153";
+$5e9896e6052c3bbb$export$79b7e5abeef5134f = "spectrum-CircleLoader--indeterminate_7c1153";
+$5e9896e6052c3bbb$export$3663cbdb240663ec = "spectrum-fills-rotate_7c1153";
+$5e9896e6052c3bbb$export$524c81e63e1d64f5 = "spectrum-fill-mask-1_7c1153";
+$5e9896e6052c3bbb$export$6668708cb539f403 = "spectrum-CircleLoader--overBackground_7c1153";
+
+
+
+function $9890faa22af21f4f$var$ProgressCircle(props, ref) {
+    let { value: value = 0 , minValue: minValue = 0 , maxValue: maxValue = 100 , size: size = 'M' , variant: variant , isIndeterminate: isIndeterminate = false , 'aria-label': ariaLabel , 'aria-labelledby': ariaLabelledby , ...otherProps } = props;
+    let domRef = $byFKM$useDOMRef(ref);
+    let { styleProps: styleProps  } = $byFKM$useStyleProps(otherProps);
+    value = $byFKM$clamp(value, minValue, maxValue);
+    let { progressBarProps: progressBarProps  } = $byFKM$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__*/_react.createElement("div", _babelRuntimeHelpersEsmExtends({}, styleProps, progressBarProps, {
-    ref: domRef,
-    className: classNames($ac0b16ab45b43a13bd626652200d2$$interop$default, 'spectrum-CircleLoader', {
-      'spectrum-CircleLoader--indeterminate': isIndeterminate,
-      'spectrum-CircleLoader--small': size === 'S',
-      'spectrum-CircleLoader--large': size === 'L',
-      'spectrum-CircleLoader--overBackground': variant === 'overBackground'
-    }, styleProps.className)
-  }), /*#__PURE__*/_react.createElement("div", {
-    className: classNames($ac0b16ab45b43a13bd626652200d2$$interop$default, 'spectrum-CircleLoader-track')
-  }), /*#__PURE__*/_react.createElement("div", {
-    className: classNames($ac0b16ab45b43a13bd626652200d2$$interop$default, 'spectrum-CircleLoader-fills')
-  }, /*#__PURE__*/_react.createElement("div", {
-    className: classNames($ac0b16ab45b43a13bd626652200d2$$interop$default, 'spectrum-CircleLoader-fillMask1')
-  }, /*#__PURE__*/_react.createElement("div", {
-    className: classNames($ac0b16ab45b43a13bd626652200d2$$interop$default, 'spectrum-CircleLoader-fillSubMask1'),
-    style: subMask1Style
-  }, /*#__PURE__*/_react.createElement("div", {
-    className: classNames($ac0b16ab45b43a13bd626652200d2$$interop$default, 'spectrum-CircleLoader-fill')
-  }))), /*#__PURE__*/_react.createElement("div", {
-    className: classNames($ac0b16ab45b43a13bd626652200d2$$interop$default, 'spectrum-CircleLoader-fillMask2')
-  }, /*#__PURE__*/_react.createElement("div", {
-    className: classNames($ac0b16ab45b43a13bd626652200d2$$interop$default, 'spectrum-CircleLoader-fillSubMask2'),
-    style: subMask2Style
-  }, /*#__PURE__*/_react.createElement("div", {
-    className: classNames($ac0b16ab45b43a13bd626652200d2$$interop$default, 'spectrum-CircleLoader-fill')
-  })))));
+    if (!ariaLabel && !ariaLabelledby) console.warn('ProgressCircle requires an aria-label or aria-labelledby attribute for accessibility');
+    return(/*#__PURE__*/ $byFKM$react.createElement("div", {
+        ...styleProps,
+        ...progressBarProps,
+        ref: domRef,
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($5e9896e6052c3bbb$exports)), 'spectrum-CircleLoader', {
+            'spectrum-CircleLoader--indeterminate': isIndeterminate,
+            'spectrum-CircleLoader--small': size === 'S',
+            'spectrum-CircleLoader--large': size === 'L',
+            'spectrum-CircleLoader--overBackground': variant === 'overBackground'
+        }, styleProps.className)
+    }, /*#__PURE__*/ $byFKM$react.createElement("div", {
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($5e9896e6052c3bbb$exports)), 'spectrum-CircleLoader-track')
+    }), /*#__PURE__*/ $byFKM$react.createElement("div", {
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($5e9896e6052c3bbb$exports)), 'spectrum-CircleLoader-fills')
+    }, /*#__PURE__*/ $byFKM$react.createElement("div", {
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($5e9896e6052c3bbb$exports)), 'spectrum-CircleLoader-fillMask1')
+    }, /*#__PURE__*/ $byFKM$react.createElement("div", {
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($5e9896e6052c3bbb$exports)), 'spectrum-CircleLoader-fillSubMask1'),
+        "data-testid": "fillSubMask1",
+        style: subMask1Style
+    }, /*#__PURE__*/ $byFKM$react.createElement("div", {
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($5e9896e6052c3bbb$exports)), 'spectrum-CircleLoader-fill')
+    }))), /*#__PURE__*/ $byFKM$react.createElement("div", {
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($5e9896e6052c3bbb$exports)), 'spectrum-CircleLoader-fillMask2')
+    }, /*#__PURE__*/ $byFKM$react.createElement("div", {
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($5e9896e6052c3bbb$exports)), 'spectrum-CircleLoader-fillSubMask2'),
+        "data-testid": "fillSubMask2",
+        style: subMask2Style
+    }, /*#__PURE__*/ $byFKM$react.createElement("div", {
+        className: $byFKM$classNames((/*@__PURE__*/$parcel$interopDefault($5e9896e6052c3bbb$exports)), 'spectrum-CircleLoader-fill')
+    }))))));
 }
 /**
  * ProgressCircles show the progression of a system operation such as downloading, uploading, processing, etc. in a visual way.
  * They can represent determinate or indeterminate progress.
- */
+ */ let $9890faa22af21f4f$export$c79b9d6b4cc92af7 = /*#__PURE__*/ $byFKM$react.forwardRef($9890faa22af21f4f$var$ProgressCircle);
+
+
+
 
 
-export let ProgressCircle = _react.forwardRef($e712ab91a3ca4a742ab6443c53b96b8$var$ProgressCircle);
+export {$3e2fc00d5e01478b$export$c17561cb55d4db30 as ProgressBar, $9890faa22af21f4f$export$c79b9d6b4cc92af7 as ProgressCircle, $287d3431be7af3d0$export$7c6ed87244065f3a as ProgressBarBase};
 //# sourceMappingURL=module.js.map