@adobe/react-spectrum 3.47.0 → 3.47.1

package/dist/private/popover_vars.css

@@ -1,41 +1,41 @@
-.OHFFrW_i18nFontFamily {
+.p6aKLq_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.OHFFrW_i18nFontFamily:lang(ar) {
+.p6aKLq_i18nFontFamily:lang(ar) {
   font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.OHFFrW_i18nFontFamily:lang(he) {
+.p6aKLq_i18nFontFamily:lang(he) {
   font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
 }
 
-.OHFFrW_i18nFontFamily:lang(zh) {
+.p6aKLq_i18nFontFamily:lang(zh) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
 }
 
-.OHFFrW_i18nFontFamily:lang(zh-Hans) {
+.p6aKLq_i18nFontFamily:lang(zh-Hans) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-.OHFFrW_i18nFontFamily:lang(zh-Hant) {
+.p6aKLq_i18nFontFamily:lang(zh-Hant) {
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
 }
 
-.OHFFrW_i18nFontFamily:lang(zh-SG), .OHFFrW_i18nFontFamily:lang(zh-CN) {
+.p6aKLq_i18nFontFamily:lang(zh-SG), .p6aKLq_i18nFontFamily:lang(zh-CN) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
-.OHFFrW_i18nFontFamily:lang(ko) {
+.p6aKLq_i18nFontFamily:lang(ko) {
   font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
 }
 
-.OHFFrW_i18nFontFamily:lang(ja) {
+.p6aKLq_i18nFontFamily:lang(ja) {
   font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
 }
 
-.OHFFrW_spectrum-FocusRing-ring {
+.p6aKLq_spectrum-FocusRing-ring {
   --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
   --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
@@ -43,75 +43,76 @@
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
 }
 
-.OHFFrW_spectrum-FocusRing-ring:after {
+.p6aKLq_spectrum-FocusRing-ring:after {
   border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
   content: "";
   margin: calc(-1 * var(--spectrum-focus-ring-border-size));
   pointer-events: none;
   transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
-                margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
+      margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
   display: block;
   position: absolute;
   inset: 0;
 }
 
-.OHFFrW_spectrum-FocusRing.OHFFrW_focus-ring:after {
+.p6aKLq_spectrum-FocusRing.p6aKLq_focus-ring:after {
   margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
   box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
 }
 
-.OHFFrW_spectrum-FocusRing--quiet:after {
+.p6aKLq_spectrum-FocusRing--quiet:after {
   border-radius: 0;
 }
 
-.OHFFrW_spectrum-FocusRing--quiet.OHFFrW_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
+.p6aKLq_spectrum-FocusRing--quiet.p6aKLq_focus-ring:after {
+  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+        0;
   box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
 }
 
 @media (forced-colors: active) {
-  .OHFFrW_spectrum-FocusRing, .OHFFrW_spectrum-FocusRing-ring, .OHFFrW_spectrum-FocusRing--quiet {
+  .p6aKLq_spectrum-FocusRing, .p6aKLq_spectrum-FocusRing-ring, .p6aKLq_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
   }
 
-  :is(.OHFFrW_spectrum-FocusRing, .OHFFrW_spectrum-FocusRing-ring, .OHFFrW_spectrum-FocusRing--quiet):after {
+  :is(.p6aKLq_spectrum-FocusRing, .p6aKLq_spectrum-FocusRing-ring, .p6aKLq_spectrum-FocusRing--quiet):after {
     forced-color-adjust: none;
   }
 }
 
-.OHFFrW_spectrum-overlay {
+.p6aKLq_spectrum-overlay {
   visibility: hidden;
   opacity: 0;
   transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
-              opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
-              visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
+    opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
+    visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
   pointer-events: none;
 }
 
-.OHFFrW_spectrum-overlay--open {
+.p6aKLq_spectrum-overlay--open {
   visibility: visible;
   opacity: .9999;
   pointer-events: auto;
   transition-delay: 0s;
 }
 
-.OHFFrW_spectrum-overlay--bottom--open {
+.p6aKLq_spectrum-overlay--bottom--open {
   transform: translateY(var(--spectrum-overlay-positive-transform-distance));
 }
 
-.OHFFrW_spectrum-overlay--top--open {
+.p6aKLq_spectrum-overlay--top--open {
   transform: translateY(var(--spectrum-overlay-negative-transform-distance));
 }
 
-.OHFFrW_spectrum-overlay--right--open {
+.p6aKLq_spectrum-overlay--right--open {
   transform: translateX(var(--spectrum-overlay-positive-transform-distance));
 }
 
-.OHFFrW_spectrum-overlay--left--open {
+.p6aKLq_spectrum-overlay--left--open {
   transform: translateX(var(--spectrum-overlay-negative-transform-distance));
 }
 
-.OHFFrW_spectrum-Popover {
+.p6aKLq_spectrum-Popover {
   box-sizing: border-box;
   min-width: var(--spectrum-global-dimension-size-400);
   min-height: var(--spectrum-global-dimension-size-400);
@@ -125,92 +126,93 @@
   overflow: hidden;
 }
 
-.OHFFrW_spectrum-Popover.OHFFrW_is-exiting, .OHFFrW_spectrum-Popover.OHFFrW_is-exiting * {
+.p6aKLq_spectrum-Popover.p6aKLq_is-exiting, .p6aKLq_spectrum-Popover.p6aKLq_is-exiting * {
   pointer-events: none;
   touch-action: none;
 }
 
-.OHFFrW_spectrum-Popover--withTip {
+.p6aKLq_spectrum-Popover--withTip {
   overflow: visible;
 }
 
-.OHFFrW_spectrum-Popover-tip {
+.p6aKLq_spectrum-Popover-tip {
   --spectrum-popover-tip-size: var(--spectrum-popover-tip-width, var(--spectrum-global-dimension-size-250));
   --spectrum-popover-tip-borderWidth: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
   position: absolute;
   -webkit-transform: translate(0);
 }
 
-.OHFFrW_spectrum-Popover-tip .OHFFrW_spectrum-Popover-tip-triangle {
+.p6aKLq_spectrum-Popover-tip .p6aKLq_spectrum-Popover-tip-triangle {
   stroke-linecap: square;
   stroke-linejoin: miter;
   stroke-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
 }
 
-.OHFFrW_spectrum-Popover--dialog {
+.p6aKLq_spectrum-Popover--dialog {
   min-width: 270px;
   padding: 30px 29px;
 }
 
-.OHFFrW_spectrum-Popover--left.OHFFrW_spectrum-Popover--withTip {
+.p6aKLq_spectrum-Popover--left.p6aKLq_spectrum-Popover--withTip {
   margin-right: 13px;
 }
 
-.OHFFrW_spectrum-Popover--left .OHFFrW_spectrum-Popover-tip {
+.p6aKLq_spectrum-Popover--left .p6aKLq_spectrum-Popover-tip {
   left: 100%;
 }
 
-.OHFFrW_spectrum-Popover--right.OHFFrW_spectrum-Popover--withTip {
+.p6aKLq_spectrum-Popover--right.p6aKLq_spectrum-Popover--withTip {
   margin-left: 13px;
 }
 
-.OHFFrW_spectrum-Popover--right .OHFFrW_spectrum-Popover-tip {
+.p6aKLq_spectrum-Popover--right .p6aKLq_spectrum-Popover-tip {
   right: 100%;
   transform: scaleX(-1);
 }
 
-:is(.OHFFrW_spectrum-Popover--left, .OHFFrW_spectrum-Popover--right) .OHFFrW_spectrum-Popover-tip {
+:is(.p6aKLq_spectrum-Popover--left, .p6aKLq_spectrum-Popover--right) .p6aKLq_spectrum-Popover-tip {
   margin-top: calc(var(--spectrum-global-dimension-size-150) * -1);
   top: 50%;
 }
 
-.OHFFrW_spectrum-Popover--bottom.OHFFrW_spectrum-Popover--withTip {
+.p6aKLq_spectrum-Popover--bottom.p6aKLq_spectrum-Popover--withTip {
   margin-top: 13px;
 }
 
-.OHFFrW_spectrum-Popover--bottom .OHFFrW_spectrum-Popover-tip {
+.p6aKLq_spectrum-Popover--bottom .p6aKLq_spectrum-Popover-tip {
   bottom: 100%;
   transform: scaleY(-1);
 }
 
-.OHFFrW_spectrum-Popover--top.OHFFrW_spectrum-Popover--withTip {
+.p6aKLq_spectrum-Popover--top.p6aKLq_spectrum-Popover--withTip {
   margin-bottom: 13px;
 }
 
-.OHFFrW_spectrum-Popover--top .OHFFrW_spectrum-Popover-tip {
+.p6aKLq_spectrum-Popover--top .p6aKLq_spectrum-Popover-tip {
   top: 100%;
 }
 
-:is(.OHFFrW_spectrum-Popover--bottom, .OHFFrW_spectrum-Popover--top) .OHFFrW_spectrum-Popover-tip {
+:is(.p6aKLq_spectrum-Popover--bottom, .p6aKLq_spectrum-Popover--top) .p6aKLq_spectrum-Popover-tip {
   margin-left: calc(var(--spectrum-global-dimension-size-150) * -1);
   left: 50%;
 }
 
-.OHFFrW_spectrum-Popover {
+.p6aKLq_spectrum-Popover {
   background-color: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50));
   border-color: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
-  -webkit-filter: drop-shadow(0 var(--spectrum-popover-shadow-offset-y, var(--spectrum-alias-dropshadow-offset-y)) var(--spectrum-popover-shadow-blur, var(--spectrum-alias-dropshadow-blur)) var(--spectrum-popover-shadow-color, var(--spectrum-alias-dropshadow-color)));
+  -webkit-filter: drop-shadow(0 var(--spectrum-popover-shadow-offset-y, var(--spectrum-alias-dropshadow-offset-y)) var(--spectrum-popover-shadow-blur, var(--spectrum-alias-dropshadow-blur))
+      var(--spectrum-popover-shadow-color, var(--spectrum-alias-dropshadow-color)));
   will-change: filter;
   clip-path: inset(-30px);
 }
 
-.OHFFrW_spectrum-Popover .OHFFrW_spectrum-Popover-tip .OHFFrW_spectrum-Popover-tip-triangle {
+.p6aKLq_spectrum-Popover .p6aKLq_spectrum-Popover-tip .p6aKLq_spectrum-Popover-tip-triangle {
   fill: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50));
   stroke: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
 }
 
 @media (forced-colors: active) {
-  .OHFFrW_spectrum-Popover {
+  .p6aKLq_spectrum-Popover {
     --spectrum-popover-background-color: Canvas;
     --spectrum-popover-border-color: CanvasText;
   }

package/dist/private/popover_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA","sources":["packages/@adobe/spectrum-css-temp/components/popover/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@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"popover_vars.css.map"}
+{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FF;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuCA;;;;;;;;;;;;;;;;;;;;;;AAwBE;;;;AAKF;;;;AASE;;;;;;;;;;;;;;AAyBA;;;;;;;;;AAeA;;;;AAKF;;;;;;;;;;;;;;;;;AA4DA","sources":["packages/@adobe/spectrum-css-temp/components/popover/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@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"popover_vars.css.map"}

package/dist/private/popover_vars_css.cjs

@@ -55,32 +55,32 @@ var $54d1bc5a3ad5cc53$export$f30becfb1df0cae4;
 var $54d1bc5a3ad5cc53$export$d8b16c5377728262;
 var $54d1bc5a3ad5cc53$export$3100ec4dc1668df1;
 var $54d1bc5a3ad5cc53$export$ed733fa6cf19ab80;
-$54d1bc5a3ad5cc53$export$f39a09f249340e2a = `OHFFrW_focus-ring`;
-$54d1bc5a3ad5cc53$export$8c4ee2c50c22c514 = `OHFFrW_i18nFontFamily`;
-$54d1bc5a3ad5cc53$export$5b2da502e3fd1ca6 = `OHFFrW_is-exiting`;
-$54d1bc5a3ad5cc53$export$a397eb58038aa381 = `OHFFrW_spectrum-overlay--open`;
-$54d1bc5a3ad5cc53$export$a9781837241c946d = `OHFFrW_is-open ${$54d1bc5a3ad5cc53$export$a397eb58038aa381}`;
-$54d1bc5a3ad5cc53$export$a96755f239de61ee = `OHFFrW_spectrum-overlay--bottom--open`;
-$54d1bc5a3ad5cc53$export$1f160596ffe52357 = `OHFFrW_is-open--bottom ${$54d1bc5a3ad5cc53$export$a96755f239de61ee}`;
-$54d1bc5a3ad5cc53$export$a85c0c6b6cf8598c = `OHFFrW_spectrum-overlay--left--open`;
-$54d1bc5a3ad5cc53$export$d6106cb3acaf56ae = `OHFFrW_is-open--left ${$54d1bc5a3ad5cc53$export$a85c0c6b6cf8598c}`;
-$54d1bc5a3ad5cc53$export$85aaa87e65e040bf = `OHFFrW_spectrum-overlay--right--open`;
-$54d1bc5a3ad5cc53$export$8935d072812c3169 = `OHFFrW_is-open--right ${$54d1bc5a3ad5cc53$export$85aaa87e65e040bf}`;
-$54d1bc5a3ad5cc53$export$b9768db7ffc1bc2 = `OHFFrW_spectrum-overlay--top--open`;
-$54d1bc5a3ad5cc53$export$cd4bf1e07ae86214 = `OHFFrW_is-open--top ${$54d1bc5a3ad5cc53$export$b9768db7ffc1bc2}`;
-$54d1bc5a3ad5cc53$export$4109102f950813a6 = `OHFFrW_spectrum-FocusRing-ring`;
-$54d1bc5a3ad5cc53$export$24c7f46a6e3605dd = `OHFFrW_spectrum-FocusRing ${$54d1bc5a3ad5cc53$export$4109102f950813a6}`;
-$54d1bc5a3ad5cc53$export$2927016961429360 = `OHFFrW_spectrum-FocusRing--quiet`;
-$54d1bc5a3ad5cc53$export$39eed38e2296a1d6 = `OHFFrW_spectrum-overlay`;
-$54d1bc5a3ad5cc53$export$a62dc1b6ab23a7bb = `OHFFrW_spectrum-Popover ${$54d1bc5a3ad5cc53$export$39eed38e2296a1d6}`;
-$54d1bc5a3ad5cc53$export$6a19b19b14780d4a = `OHFFrW_spectrum-Popover--bottom`;
-$54d1bc5a3ad5cc53$export$cf634262e726cd19 = `OHFFrW_spectrum-Popover--dialog`;
-$54d1bc5a3ad5cc53$export$79cc55906ac5b00 = `OHFFrW_spectrum-Popover--left`;
-$54d1bc5a3ad5cc53$export$5fc8b429396c9f58 = `OHFFrW_spectrum-Popover--right`;
-$54d1bc5a3ad5cc53$export$f30becfb1df0cae4 = `OHFFrW_spectrum-Popover--top`;
-$54d1bc5a3ad5cc53$export$d8b16c5377728262 = `OHFFrW_spectrum-Popover--withTip`;
-$54d1bc5a3ad5cc53$export$3100ec4dc1668df1 = `OHFFrW_spectrum-Popover-tip`;
-$54d1bc5a3ad5cc53$export$ed733fa6cf19ab80 = `OHFFrW_spectrum-Popover-tip-triangle`;
+$54d1bc5a3ad5cc53$export$f39a09f249340e2a = `p6aKLq_focus-ring`;
+$54d1bc5a3ad5cc53$export$8c4ee2c50c22c514 = `p6aKLq_i18nFontFamily`;
+$54d1bc5a3ad5cc53$export$5b2da502e3fd1ca6 = `p6aKLq_is-exiting`;
+$54d1bc5a3ad5cc53$export$a397eb58038aa381 = `p6aKLq_spectrum-overlay--open`;
+$54d1bc5a3ad5cc53$export$a9781837241c946d = `p6aKLq_is-open ${$54d1bc5a3ad5cc53$export$a397eb58038aa381}`;
+$54d1bc5a3ad5cc53$export$a96755f239de61ee = `p6aKLq_spectrum-overlay--bottom--open`;
+$54d1bc5a3ad5cc53$export$1f160596ffe52357 = `p6aKLq_is-open--bottom ${$54d1bc5a3ad5cc53$export$a96755f239de61ee}`;
+$54d1bc5a3ad5cc53$export$a85c0c6b6cf8598c = `p6aKLq_spectrum-overlay--left--open`;
+$54d1bc5a3ad5cc53$export$d6106cb3acaf56ae = `p6aKLq_is-open--left ${$54d1bc5a3ad5cc53$export$a85c0c6b6cf8598c}`;
+$54d1bc5a3ad5cc53$export$85aaa87e65e040bf = `p6aKLq_spectrum-overlay--right--open`;
+$54d1bc5a3ad5cc53$export$8935d072812c3169 = `p6aKLq_is-open--right ${$54d1bc5a3ad5cc53$export$85aaa87e65e040bf}`;
+$54d1bc5a3ad5cc53$export$b9768db7ffc1bc2 = `p6aKLq_spectrum-overlay--top--open`;
+$54d1bc5a3ad5cc53$export$cd4bf1e07ae86214 = `p6aKLq_is-open--top ${$54d1bc5a3ad5cc53$export$b9768db7ffc1bc2}`;
+$54d1bc5a3ad5cc53$export$4109102f950813a6 = `p6aKLq_spectrum-FocusRing-ring`;
+$54d1bc5a3ad5cc53$export$24c7f46a6e3605dd = `p6aKLq_spectrum-FocusRing ${$54d1bc5a3ad5cc53$export$4109102f950813a6}`;
+$54d1bc5a3ad5cc53$export$2927016961429360 = `p6aKLq_spectrum-FocusRing--quiet`;
+$54d1bc5a3ad5cc53$export$39eed38e2296a1d6 = `p6aKLq_spectrum-overlay`;
+$54d1bc5a3ad5cc53$export$a62dc1b6ab23a7bb = `p6aKLq_spectrum-Popover ${$54d1bc5a3ad5cc53$export$39eed38e2296a1d6}`;
+$54d1bc5a3ad5cc53$export$6a19b19b14780d4a = `p6aKLq_spectrum-Popover--bottom`;
+$54d1bc5a3ad5cc53$export$cf634262e726cd19 = `p6aKLq_spectrum-Popover--dialog`;
+$54d1bc5a3ad5cc53$export$79cc55906ac5b00 = `p6aKLq_spectrum-Popover--left`;
+$54d1bc5a3ad5cc53$export$5fc8b429396c9f58 = `p6aKLq_spectrum-Popover--right`;
+$54d1bc5a3ad5cc53$export$f30becfb1df0cae4 = `p6aKLq_spectrum-Popover--top`;
+$54d1bc5a3ad5cc53$export$d8b16c5377728262 = `p6aKLq_spectrum-Popover--withTip`;
+$54d1bc5a3ad5cc53$export$3100ec4dc1668df1 = `p6aKLq_spectrum-Popover-tip`;
+$54d1bc5a3ad5cc53$export$ed733fa6cf19ab80 = `p6aKLq_spectrum-Popover-tip-triangle`;
 
 
 //# sourceMappingURL=popover_vars_css.cjs.map

package/dist/private/popover_vars_css.mjs

@@ -56,32 +56,32 @@ var $42f46d8915df50aa$export$f30becfb1df0cae4;
 var $42f46d8915df50aa$export$d8b16c5377728262;
 var $42f46d8915df50aa$export$3100ec4dc1668df1;
 var $42f46d8915df50aa$export$ed733fa6cf19ab80;
-$42f46d8915df50aa$export$f39a09f249340e2a = `OHFFrW_focus-ring`;
-$42f46d8915df50aa$export$8c4ee2c50c22c514 = `OHFFrW_i18nFontFamily`;
-$42f46d8915df50aa$export$5b2da502e3fd1ca6 = `OHFFrW_is-exiting`;
-$42f46d8915df50aa$export$a397eb58038aa381 = `OHFFrW_spectrum-overlay--open`;
-$42f46d8915df50aa$export$a9781837241c946d = `OHFFrW_is-open ${$42f46d8915df50aa$export$a397eb58038aa381}`;
-$42f46d8915df50aa$export$a96755f239de61ee = `OHFFrW_spectrum-overlay--bottom--open`;
-$42f46d8915df50aa$export$1f160596ffe52357 = `OHFFrW_is-open--bottom ${$42f46d8915df50aa$export$a96755f239de61ee}`;
-$42f46d8915df50aa$export$a85c0c6b6cf8598c = `OHFFrW_spectrum-overlay--left--open`;
-$42f46d8915df50aa$export$d6106cb3acaf56ae = `OHFFrW_is-open--left ${$42f46d8915df50aa$export$a85c0c6b6cf8598c}`;
-$42f46d8915df50aa$export$85aaa87e65e040bf = `OHFFrW_spectrum-overlay--right--open`;
-$42f46d8915df50aa$export$8935d072812c3169 = `OHFFrW_is-open--right ${$42f46d8915df50aa$export$85aaa87e65e040bf}`;
-$42f46d8915df50aa$export$b9768db7ffc1bc2 = `OHFFrW_spectrum-overlay--top--open`;
-$42f46d8915df50aa$export$cd4bf1e07ae86214 = `OHFFrW_is-open--top ${$42f46d8915df50aa$export$b9768db7ffc1bc2}`;
-$42f46d8915df50aa$export$4109102f950813a6 = `OHFFrW_spectrum-FocusRing-ring`;
-$42f46d8915df50aa$export$24c7f46a6e3605dd = `OHFFrW_spectrum-FocusRing ${$42f46d8915df50aa$export$4109102f950813a6}`;
-$42f46d8915df50aa$export$2927016961429360 = `OHFFrW_spectrum-FocusRing--quiet`;
-$42f46d8915df50aa$export$39eed38e2296a1d6 = `OHFFrW_spectrum-overlay`;
-$42f46d8915df50aa$export$a62dc1b6ab23a7bb = `OHFFrW_spectrum-Popover ${$42f46d8915df50aa$export$39eed38e2296a1d6}`;
-$42f46d8915df50aa$export$6a19b19b14780d4a = `OHFFrW_spectrum-Popover--bottom`;
-$42f46d8915df50aa$export$cf634262e726cd19 = `OHFFrW_spectrum-Popover--dialog`;
-$42f46d8915df50aa$export$79cc55906ac5b00 = `OHFFrW_spectrum-Popover--left`;
-$42f46d8915df50aa$export$5fc8b429396c9f58 = `OHFFrW_spectrum-Popover--right`;
-$42f46d8915df50aa$export$f30becfb1df0cae4 = `OHFFrW_spectrum-Popover--top`;
-$42f46d8915df50aa$export$d8b16c5377728262 = `OHFFrW_spectrum-Popover--withTip`;
-$42f46d8915df50aa$export$3100ec4dc1668df1 = `OHFFrW_spectrum-Popover-tip`;
-$42f46d8915df50aa$export$ed733fa6cf19ab80 = `OHFFrW_spectrum-Popover-tip-triangle`;
+$42f46d8915df50aa$export$f39a09f249340e2a = `p6aKLq_focus-ring`;
+$42f46d8915df50aa$export$8c4ee2c50c22c514 = `p6aKLq_i18nFontFamily`;
+$42f46d8915df50aa$export$5b2da502e3fd1ca6 = `p6aKLq_is-exiting`;
+$42f46d8915df50aa$export$a397eb58038aa381 = `p6aKLq_spectrum-overlay--open`;
+$42f46d8915df50aa$export$a9781837241c946d = `p6aKLq_is-open ${$42f46d8915df50aa$export$a397eb58038aa381}`;
+$42f46d8915df50aa$export$a96755f239de61ee = `p6aKLq_spectrum-overlay--bottom--open`;
+$42f46d8915df50aa$export$1f160596ffe52357 = `p6aKLq_is-open--bottom ${$42f46d8915df50aa$export$a96755f239de61ee}`;
+$42f46d8915df50aa$export$a85c0c6b6cf8598c = `p6aKLq_spectrum-overlay--left--open`;
+$42f46d8915df50aa$export$d6106cb3acaf56ae = `p6aKLq_is-open--left ${$42f46d8915df50aa$export$a85c0c6b6cf8598c}`;
+$42f46d8915df50aa$export$85aaa87e65e040bf = `p6aKLq_spectrum-overlay--right--open`;
+$42f46d8915df50aa$export$8935d072812c3169 = `p6aKLq_is-open--right ${$42f46d8915df50aa$export$85aaa87e65e040bf}`;
+$42f46d8915df50aa$export$b9768db7ffc1bc2 = `p6aKLq_spectrum-overlay--top--open`;
+$42f46d8915df50aa$export$cd4bf1e07ae86214 = `p6aKLq_is-open--top ${$42f46d8915df50aa$export$b9768db7ffc1bc2}`;
+$42f46d8915df50aa$export$4109102f950813a6 = `p6aKLq_spectrum-FocusRing-ring`;
+$42f46d8915df50aa$export$24c7f46a6e3605dd = `p6aKLq_spectrum-FocusRing ${$42f46d8915df50aa$export$4109102f950813a6}`;
+$42f46d8915df50aa$export$2927016961429360 = `p6aKLq_spectrum-FocusRing--quiet`;
+$42f46d8915df50aa$export$39eed38e2296a1d6 = `p6aKLq_spectrum-overlay`;
+$42f46d8915df50aa$export$a62dc1b6ab23a7bb = `p6aKLq_spectrum-Popover ${$42f46d8915df50aa$export$39eed38e2296a1d6}`;
+$42f46d8915df50aa$export$6a19b19b14780d4a = `p6aKLq_spectrum-Popover--bottom`;
+$42f46d8915df50aa$export$cf634262e726cd19 = `p6aKLq_spectrum-Popover--dialog`;
+$42f46d8915df50aa$export$79cc55906ac5b00 = `p6aKLq_spectrum-Popover--left`;
+$42f46d8915df50aa$export$5fc8b429396c9f58 = `p6aKLq_spectrum-Popover--right`;
+$42f46d8915df50aa$export$f30becfb1df0cae4 = `p6aKLq_spectrum-Popover--top`;
+$42f46d8915df50aa$export$d8b16c5377728262 = `p6aKLq_spectrum-Popover--withTip`;
+$42f46d8915df50aa$export$3100ec4dc1668df1 = `p6aKLq_spectrum-Popover-tip`;
+$42f46d8915df50aa$export$ed733fa6cf19ab80 = `p6aKLq_spectrum-Popover-tip-triangle`;
 
 
 export {$42f46d8915df50aa$exports as default};

package/dist/private/progress/ProgressBar.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaM,MAAM,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,YAAY,KAA+B,EAAE,GAA2B;IAC3H,IAAI,eAAC,WAAW,WAAE,OAAO,EAAE,GAAG,YAAW,GAAG;IAC5C,MAAM,oBACJ,gBAAgB,cAChB,UAAU,EACX,GAAG,CAAA,GAAA,6CAAa,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","sources":["packages/@adobe/react-spectrum/src/progress/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 '../utils/classNames';\nimport {DOMRef} from '@react-types/shared';\nimport {ProgressBarBase, SpectrumProgressBarProps} from './ProgressBarBase';\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useProgressBar} from 'react-aria/useProgressBar';\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 */\nexport const ProgressBar = React.forwardRef(function 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"],"names":[],"version":3,"file":"ProgressBar.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaM,MAAM,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,IAAI,eAAC,WAAW,WAAE,OAAO,EAAE,GAAG,YAAW,GAAG;IAC5C,MAAM,oBAAC,gBAAgB,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,6CAAa,EAAE;IAEtD,qBACE,0DAAC,CAAA,GAAA,yCAAc;QACZ,GAAG,UAAU;QACd,KAAK;QACL,UAAU;QACV,YAAY;QACZ,cAAc,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAC/B,sCAAsC,YAAY;YAClD,mCAAmC,gBAAgB;YACnD,mCAAmC,gBAAgB;QACrD;;AAGN","sources":["packages/@adobe/react-spectrum/src/progress/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 '../utils/classNames';\nimport {DOMRef} from '@react-types/shared';\nimport {ProgressBarBase, SpectrumProgressBarProps} from './ProgressBarBase';\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useProgressBar} from 'react-aria/useProgressBar';\n\n/**\n * ProgressBars show the progression of a system operation: downloading, uploading, processing,\n * etc., in a visual way. They can represent either determinate or indeterminate progress.\n */\nexport const ProgressBar = React.forwardRef(function ProgressBar(\n  props: SpectrumProgressBarProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {staticColor, variant, ...otherProps} = props;\n  const {progressBarProps, labelProps} = useProgressBar(props);\n\n  return (\n    <ProgressBarBase\n      {...otherProps}\n      ref={ref}\n      barProps={progressBarProps}\n      labelProps={labelProps}\n      barClassName={classNames(styles, {\n        'spectrum-BarLoader--overBackground': variant === 'overBackground',\n        'spectrum-BarLoader--staticWhite': staticColor === 'white',\n        'spectrum-BarLoader--staticBlack': staticColor === 'black'\n      })}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"ProgressBar.cjs.map"}

package/dist/private/progress/ProgressBar.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaM,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YAAY,KAA+B,EAAE,GAA2B;IAC3H,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,yCAAS,EACP,CAAA,GAAA,sDAAK,GACL;YACE,sCAAsC,YAAY;YAClD,mCAAmC,gBAAgB;YACnD,mCAAmC,gBAAgB;QACrD;;AAIV","sources":["packages/@adobe/react-spectrum/src/progress/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 '../utils/classNames';\nimport {DOMRef} from '@react-types/shared';\nimport {ProgressBarBase, SpectrumProgressBarProps} from './ProgressBarBase';\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useProgressBar} from 'react-aria/useProgressBar';\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 */\nexport const ProgressBar = React.forwardRef(function 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"],"names":[],"version":3,"file":"ProgressBar.js.map"}
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaM,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,IAAI,eAAC,WAAW,WAAE,OAAO,EAAE,GAAG,YAAW,GAAG;IAC5C,MAAM,oBAAC,gBAAgB,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;IAEtD,qBACE,gCAAC,CAAA,GAAA,yCAAc;QACZ,GAAG,UAAU;QACd,KAAK;QACL,UAAU;QACV,YAAY;QACZ,cAAc,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;YAC/B,sCAAsC,YAAY;YAClD,mCAAmC,gBAAgB;YACnD,mCAAmC,gBAAgB;QACrD;;AAGN","sources":["packages/@adobe/react-spectrum/src/progress/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 '../utils/classNames';\nimport {DOMRef} from '@react-types/shared';\nimport {ProgressBarBase, SpectrumProgressBarProps} from './ProgressBarBase';\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useProgressBar} from 'react-aria/useProgressBar';\n\n/**\n * ProgressBars show the progression of a system operation: downloading, uploading, processing,\n * etc., in a visual way. They can represent either determinate or indeterminate progress.\n */\nexport const ProgressBar = React.forwardRef(function ProgressBar(\n  props: SpectrumProgressBarProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {staticColor, variant, ...otherProps} = props;\n  const {progressBarProps, labelProps} = useProgressBar(props);\n\n  return (\n    <ProgressBarBase\n      {...otherProps}\n      ref={ref}\n      barProps={progressBarProps}\n      labelProps={labelProps}\n      barClassName={classNames(styles, {\n        'spectrum-BarLoader--overBackground': variant === 'overBackground',\n        'spectrum-BarLoader--staticWhite': staticColor === 'white',\n        'spectrum-BarLoader--staticBlack': staticColor === 'black'\n      })}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"ProgressBar.js.map"}

package/dist/private/progress/ProgressBar.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaM,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YAAY,KAA+B,EAAE,GAA2B;IAC3H,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,yCAAS,EACP,CAAA,GAAA,sDAAK,GACL;YACE,sCAAsC,YAAY;YAClD,mCAAmC,gBAAgB;YACnD,mCAAmC,gBAAgB;QACrD;;AAIV","sources":["packages/@adobe/react-spectrum/src/progress/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 '../utils/classNames';\nimport {DOMRef} from '@react-types/shared';\nimport {ProgressBarBase, SpectrumProgressBarProps} from './ProgressBarBase';\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useProgressBar} from 'react-aria/useProgressBar';\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 */\nexport const ProgressBar = React.forwardRef(function 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"],"names":[],"version":3,"file":"ProgressBar.mjs.map"}
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAaM,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,IAAI,eAAC,WAAW,WAAE,OAAO,EAAE,GAAG,YAAW,GAAG;IAC5C,MAAM,oBAAC,gBAAgB,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE;IAEtD,qBACE,gCAAC,CAAA,GAAA,yCAAc;QACZ,GAAG,UAAU;QACd,KAAK;QACL,UAAU;QACV,YAAY;QACZ,cAAc,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;YAC/B,sCAAsC,YAAY;YAClD,mCAAmC,gBAAgB;YACnD,mCAAmC,gBAAgB;QACrD;;AAGN","sources":["packages/@adobe/react-spectrum/src/progress/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 '../utils/classNames';\nimport {DOMRef} from '@react-types/shared';\nimport {ProgressBarBase, SpectrumProgressBarProps} from './ProgressBarBase';\nimport React from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useProgressBar} from 'react-aria/useProgressBar';\n\n/**\n * ProgressBars show the progression of a system operation: downloading, uploading, processing,\n * etc., in a visual way. They can represent either determinate or indeterminate progress.\n */\nexport const ProgressBar = React.forwardRef(function ProgressBar(\n  props: SpectrumProgressBarProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {staticColor, variant, ...otherProps} = props;\n  const {progressBarProps, labelProps} = useProgressBar(props);\n\n  return (\n    <ProgressBarBase\n      {...otherProps}\n      ref={ref}\n      barProps={progressBarProps}\n      labelProps={labelProps}\n      barClassName={classNames(styles, {\n        'spectrum-BarLoader--overBackground': variant === 'overBackground',\n        'spectrum-BarLoader--staticWhite': staticColor === 'white',\n        'spectrum-BarLoader--staticBlack': staticColor === 'black'\n      })}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"ProgressBar.mjs.map"}

package/dist/private/progress/ProgressBarBase.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AA4CM,MAAM,0DAAkB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,gBAAgB,KAA2B,EAAE,GAA2B;IAC/H,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,2CAAI,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,GAAG,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cACtE,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","sources":["packages/@adobe/react-spectrum/src/progress/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 {AriaProgressBarBaseProps, ProgressBarProps} from 'react-aria/useProgressBar';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, LabelPosition, StyleProps} from '@react-types/shared';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumProgressBarBaseProps extends AriaProgressBarBaseProps, StyleProps {\n  /**\n   * How thick the bar should be.\n   * @default 'L'\n   */\n  size?: 'S' | 'L',\n  /**\n   * The label's overall position relative to the element it is labeling.\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition,\n  /** Whether the value's label is displayed. True by default if there's a label, false by default if not. */\n  showValueLabel?: boolean\n}\n\nexport interface SpectrumProgressBarProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black',\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of the ProgressBar.\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground'\n}\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.\nexport const ProgressBarBase = React.forwardRef(function 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 && process.env.NODE_ENV !== 'production') {\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"],"names":[],"version":3,"file":"ProgressBarBase.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAmDM,MAAM,0DAAkB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,gBACvD,KAA2B,EAC3B,GAA2B;IAE3B,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,2CAAI,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,GAAG,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cACtE,QAAQ,IAAI,CACV;IAGJ,uHAAuH;IACvH,qBACE,0DAAC;QACE,GAAG,QAAQ;QACZ,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,sBACA;YACE,6BAA6B,SAAS;YACtC,6BAA6B,SAAS;YACtC,qCAAqC;YACrC,iCAAiC,kBAAkB;QACrD,GACA,cACA,WAAW,SAAS;QAEtB,OAAO;YAAC,UAAU;YAAoB,GAAG,WAAW,KAAK;QAAA;OACxD,uBACC,0DAAC;QAAM,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACjD,QAGJ,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;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAA4B,OAAO;;AAI9E","sources":["packages/@adobe/react-spectrum/src/progress/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 {AriaProgressBarBaseProps, ProgressBarProps} from 'react-aria/useProgressBar';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, LabelPosition, StyleProps} from '@react-types/shared';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumProgressBarBaseProps extends AriaProgressBarBaseProps, StyleProps {\n  /**\n   * How thick the bar should be.\n   *\n   * @default 'L'\n   */\n  size?: 'S' | 'L';\n  /**\n   * The label's overall position relative to the element it is labeling.\n   *\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition;\n  /**\n   * Whether the value's label is displayed. True by default if there's a label, false by default if\n   * not.\n   */\n  showValueLabel?: boolean;\n}\n\nexport interface SpectrumProgressBarProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of\n   * the ProgressBar.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\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.\nexport const ProgressBarBase = React.forwardRef(function ProgressBarBase(\n  props: ProgressBarBaseProps,\n  ref: DOMRef<HTMLDivElement>\n) {\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 && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      '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  // 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={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      style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n      {label && (\n        <span {...labelProps} 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 className={classNames(styles, 'spectrum-BarLoader-fill')} style={barStyle} />\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressBarBase.cjs.map"}

package/dist/private/progress/ProgressBarBase.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AA4CM,MAAM,0DAAkB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,gBAAgB,KAA2B,EAAE,GAA2B;IAC/H,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,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,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,GAAG,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cACtE,QAAQ,IAAI,CAAC;IAEf,uHAAuH;IACvH,qBACE,gCAAC;QACE,GAAG,QAAQ;QACZ,KAAK;QACL,WACE,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,sDAAK,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,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OAC3B,QAGN,kBAAkB,0BACjB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OAChC,QAAQ,CAAC,iBAAiB,iBAG/B,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;qBACjC,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAC9B,OAAO;;AAIjB","sources":["packages/@adobe/react-spectrum/src/progress/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 {AriaProgressBarBaseProps, ProgressBarProps} from 'react-aria/useProgressBar';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, LabelPosition, StyleProps} from '@react-types/shared';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumProgressBarBaseProps extends AriaProgressBarBaseProps, StyleProps {\n  /**\n   * How thick the bar should be.\n   * @default 'L'\n   */\n  size?: 'S' | 'L',\n  /**\n   * The label's overall position relative to the element it is labeling.\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition,\n  /** Whether the value's label is displayed. True by default if there's a label, false by default if not. */\n  showValueLabel?: boolean\n}\n\nexport interface SpectrumProgressBarProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black',\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of the ProgressBar.\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground'\n}\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.\nexport const ProgressBarBase = React.forwardRef(function 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 && process.env.NODE_ENV !== 'production') {\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"],"names":[],"version":3,"file":"ProgressBarBase.js.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAmDM,MAAM,0DAAkB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,gBACvD,KAA2B,EAC3B,GAA2B;IAE3B,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,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,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,GAAG,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cACtE,QAAQ,IAAI,CACV;IAGJ,uHAAuH;IACvH,qBACE,gCAAC;QACE,GAAG,QAAQ;QACZ,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,sDAAK,GACL,sBACA;YACE,6BAA6B,SAAS;YACtC,6BAA6B,SAAS;YACtC,qCAAqC;YACrC,iCAAiC,kBAAkB;QACrD,GACA,cACA,WAAW,SAAS;QAEtB,OAAO;YAAC,UAAU;YAAoB,GAAG,WAAW,KAAK;QAAA;OACxD,uBACC,gCAAC;QAAM,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OACjD,QAGJ,kBAAkB,0BACjB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OAChC,QAAQ,CAAC,iBAAiB,iBAG/B,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;qBACjC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAA4B,OAAO;;AAI9E","sources":["packages/@adobe/react-spectrum/src/progress/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 {AriaProgressBarBaseProps, ProgressBarProps} from 'react-aria/useProgressBar';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, LabelPosition, StyleProps} from '@react-types/shared';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumProgressBarBaseProps extends AriaProgressBarBaseProps, StyleProps {\n  /**\n   * How thick the bar should be.\n   *\n   * @default 'L'\n   */\n  size?: 'S' | 'L';\n  /**\n   * The label's overall position relative to the element it is labeling.\n   *\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition;\n  /**\n   * Whether the value's label is displayed. True by default if there's a label, false by default if\n   * not.\n   */\n  showValueLabel?: boolean;\n}\n\nexport interface SpectrumProgressBarProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of\n   * the ProgressBar.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\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.\nexport const ProgressBarBase = React.forwardRef(function ProgressBarBase(\n  props: ProgressBarBaseProps,\n  ref: DOMRef<HTMLDivElement>\n) {\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 && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      '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  // 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={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      style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n      {label && (\n        <span {...labelProps} 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 className={classNames(styles, 'spectrum-BarLoader-fill')} style={barStyle} />\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressBarBase.js.map"}

package/dist/private/progress/ProgressBarBase.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AA4CM,MAAM,0DAAkB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,gBAAgB,KAA2B,EAAE,GAA2B;IAC/H,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,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,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,GAAG,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cACtE,QAAQ,IAAI,CAAC;IAEf,uHAAuH;IACvH,qBACE,gCAAC;QACE,GAAG,QAAQ;QACZ,KAAK;QACL,WACE,CAAA,GAAA,yCAAS,EACP,CAAA,GAAA,sDAAK,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,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OAC3B,QAGN,kBAAkB,0BACjB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OAChC,QAAQ,CAAC,iBAAiB,iBAG/B,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;qBACjC,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAC9B,OAAO;;AAIjB","sources":["packages/@adobe/react-spectrum/src/progress/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 {AriaProgressBarBaseProps, ProgressBarProps} from 'react-aria/useProgressBar';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, LabelPosition, StyleProps} from '@react-types/shared';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumProgressBarBaseProps extends AriaProgressBarBaseProps, StyleProps {\n  /**\n   * How thick the bar should be.\n   * @default 'L'\n   */\n  size?: 'S' | 'L',\n  /**\n   * The label's overall position relative to the element it is labeling.\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition,\n  /** Whether the value's label is displayed. True by default if there's a label, false by default if not. */\n  showValueLabel?: boolean\n}\n\nexport interface SpectrumProgressBarProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black',\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of the ProgressBar.\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground'\n}\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.\nexport const ProgressBarBase = React.forwardRef(function 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 && process.env.NODE_ENV !== 'production') {\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"],"names":[],"version":3,"file":"ProgressBarBase.mjs.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAmDM,MAAM,0DAAkB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,gBACvD,KAA2B,EAC3B,GAA2B;IAE3B,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,yCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,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,GAAG,KAAK,KAAK,CAAC,aAAa,KAAK,CAAC,CAAC;IACrD;IAEA,yDAAyD;IACzD,gEAAgE;IAChE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cACtE,QAAQ,IAAI,CACV;IAGJ,uHAAuH;IACvH,qBACE,gCAAC;QACE,GAAG,QAAQ;QACZ,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,sDAAK,GACL,sBACA;YACE,6BAA6B,SAAS;YACtC,6BAA6B,SAAS;YACtC,qCAAqC;YACrC,iCAAiC,kBAAkB;QACrD,GACA,cACA,WAAW,SAAS;QAEtB,OAAO;YAAC,UAAU;YAAoB,GAAG,WAAW,KAAK;QAAA;OACxD,uBACC,gCAAC;QAAM,GAAG,UAAU;QAAE,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OACjD,QAGJ,kBAAkB,0BACjB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;OAChC,QAAQ,CAAC,iBAAiB,iBAG/B,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;qBACjC,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG;QAA4B,OAAO;;AAI9E","sources":["packages/@adobe/react-spectrum/src/progress/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 {AriaProgressBarBaseProps, ProgressBarProps} from 'react-aria/useProgressBar';\n\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport {DOMRef, LabelPosition, StyleProps} from '@react-types/shared';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumProgressBarBaseProps extends AriaProgressBarBaseProps, StyleProps {\n  /**\n   * How thick the bar should be.\n   *\n   * @default 'L'\n   */\n  size?: 'S' | 'L';\n  /**\n   * The label's overall position relative to the element it is labeling.\n   *\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition;\n  /**\n   * Whether the value's label is displayed. True by default if there's a label, false by default if\n   * not.\n   */\n  showValueLabel?: boolean;\n}\n\nexport interface SpectrumProgressBarProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-bar/#Over-background-variant) of\n   * the ProgressBar.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\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.\nexport const ProgressBarBase = React.forwardRef(function ProgressBarBase(\n  props: ProgressBarBaseProps,\n  ref: DOMRef<HTMLDivElement>\n) {\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 && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      '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  // 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={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      style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n      {label && (\n        <span {...labelProps} 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 className={classNames(styles, 'spectrum-BarLoader-fill')} style={barStyle} />\n      </div>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ProgressBarBase.mjs.map"}

package/dist/private/progress/ProgressCircle.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAsDM,MAAM,0DAAiB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,eAAe,KAAkC,EAAE,GAA2B;IACpI,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,2CAAI,EAAE,OAAO,UAAU;IAC/B,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,6CAAa,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,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC5D,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","sources":["packages/@adobe/react-spectrum/src/progress/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 {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport React, {CSSProperties} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/circleloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProgressBar} from 'react-aria/useProgressBar';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ProgressCircleProps {\n  /**\n   * The current value (controlled).\n   * @default 0\n   */\n  value?: number,\n  /**\n   * The smallest value allowed for the input.\n   * @default 0\n   */\n  minValue?: number,\n  /**\n   * The largest value allowed for the input.\n   * @default 100\n   */\n  maxValue?: number,\n  /**\n   * Whether presentation is indeterminate when progress isn't known.\n   */\n  isIndeterminate?: boolean\n}\n\nexport interface AriaProgressCircleProps extends ProgressCircleProps, DOMProps, AriaLabelingProps {}\nexport interface SpectrumProgressCircleProps extends AriaProgressCircleProps, StyleProps {\n  /**\n   * What the ProgressCircle's diameter should be.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L',\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black',\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-circle/#Over-background-variant) of the ProgressCircle.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground'\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 */\nexport const ProgressCircle = React.forwardRef(function 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 && process.env.NODE_ENV !== 'production') {\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"],"names":[],"version":3,"file":"ProgressCircle.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2DM,MAAM,0DAAiB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,eACtD,KAAkC,EAClC,GAA2B;IAE3B,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,2CAAI,EAAE,OAAO,UAAU;IAC/B,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,6CAAa,EAAE;QAAC,GAAG,KAAK;eAAE;IAAK;IAExD,IAAI,gBAA+B,CAAC;IACpC,IAAI,gBAA+B,CAAC;IACpC,IAAI,CAAC,iBAAiB;QACpB,IAAI,aAAa,AAAE,CAAA,QAAQ,QAAO,IAAM,CAAA,WAAW,QAAO,IAAM;QAChE,IAAI;QACJ,IAAI,aAAa,KAAK,cAAc,IAAI;YACtC,QAAQ,OAAO,AAAC,aAAa,KAAM;YACnC,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;YAC/C,cAAc,SAAS,GAAG;QAC5B,OAAO,IAAI,aAAa,IAAI;YAC1B,QAAQ,OAAO,AAAE,CAAA,aAAa,EAAC,IAAK,KAAM;YAC1C,cAAc,SAAS,GAAG;YAC1B,cAAc,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QACjD;IACF;IAEA,IAAI,CAAC,aAAa,CAAC,kBAAkB,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC5D,QAAQ,IAAI,CACV;IAIJ,qBACE,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,gBAAgB;QACpB,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAClB,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;qBAEtB,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","sources":["packages/@adobe/react-spectrum/src/progress/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 {AriaLabelingProps, DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {clamp} from 'react-stately/private/utils/number';\nimport {classNames} from '../utils/classNames';\nimport React, {CSSProperties} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/circleloader/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProgressBar} from 'react-aria/useProgressBar';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ProgressCircleProps {\n  /**\n   * The current value (controlled).\n   *\n   * @default 0\n   */\n  value?: number;\n  /**\n   * The smallest value allowed for the input.\n   *\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * The largest value allowed for the input.\n   *\n   * @default 100\n   */\n  maxValue?: number;\n  /**\n   * Whether presentation is indeterminate when progress isn't known.\n   */\n  isIndeterminate?: boolean;\n}\n\nexport interface AriaProgressCircleProps extends ProgressCircleProps, DOMProps, AriaLabelingProps {}\nexport interface SpectrumProgressCircleProps extends AriaProgressCircleProps, StyleProps {\n  /**\n   * What the ProgressCircle's diameter should be.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L';\n  /** The static color style to apply. Useful when the button appears over a color background. */\n  staticColor?: 'white' | 'black';\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/progress-circle/#Over-background-variant) of\n   * the ProgressCircle.\n   *\n   * @deprecated - use staticColor instead.\n   */\n  variant?: 'overBackground';\n}\n\n/**\n * ProgressCircles show the progression of a system operation such as downloading, uploading, or\n * processing, in a visual way. They can represent determinate or indeterminate progress.\n */\nexport const ProgressCircle = React.forwardRef(function ProgressCircle(\n  props: SpectrumProgressCircleProps,\n  ref: DOMRef<HTMLDivElement>\n) {\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 && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'ProgressCircle requires an aria-label or aria-labelledby attribute for accessibility'\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...progressBarProps}\n      ref={domRef}\n      className={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      <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"],"names":[],"version":3,"file":"ProgressCircle.cjs.map"}