@react-spectrum/progress 3.0.0-nightly.2444 → 3.0.0-nightly.2448
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/import.mjs +104 -71
- package/dist/main.css +1 -1
- package/dist/main.js +104 -71
- package/dist/main.js.map +1 -1
- package/dist/module.js +104 -71
- package/dist/module.js.map +1 -1
- package/package.json +8 -8
package/dist/import.mjs
CHANGED
|
@@ -47,55 +47,70 @@ function $parcel$export(e, n, v, s) {
|
|
|
47
47
|
|
|
48
48
|
var $a43f840f49ffbe32$exports = {};
|
|
49
49
|
|
|
50
|
+
$parcel$export($a43f840f49ffbe32$exports, "focus-ring", () => $a43f840f49ffbe32$export$f39a09f249340e2a, (v) => $a43f840f49ffbe32$export$f39a09f249340e2a = v);
|
|
51
|
+
$parcel$export($a43f840f49ffbe32$exports, "i18nFontFamily", () => $a43f840f49ffbe32$export$8c4ee2c50c22c514, (v) => $a43f840f49ffbe32$export$8c4ee2c50c22c514 = v);
|
|
52
|
+
$parcel$export($a43f840f49ffbe32$exports, "indeterminate-loop-ltr", () => $a43f840f49ffbe32$export$a889038a25113dd4, (v) => $a43f840f49ffbe32$export$a889038a25113dd4 = v);
|
|
53
|
+
$parcel$export($a43f840f49ffbe32$exports, "indeterminate-loop-rtl", () => $a43f840f49ffbe32$export$aeff243cf3356f00, (v) => $a43f840f49ffbe32$export$aeff243cf3356f00 = v);
|
|
54
|
+
$parcel$export($a43f840f49ffbe32$exports, "is-critical", () => $a43f840f49ffbe32$export$a1f608a9810da50f, (v) => $a43f840f49ffbe32$export$a1f608a9810da50f = v);
|
|
55
|
+
$parcel$export($a43f840f49ffbe32$exports, "is-positive", () => $a43f840f49ffbe32$export$aea9fd919467f03a, (v) => $a43f840f49ffbe32$export$aea9fd919467f03a = v);
|
|
56
|
+
$parcel$export($a43f840f49ffbe32$exports, "is-warning", () => $a43f840f49ffbe32$export$d4ebda6218901908, (v) => $a43f840f49ffbe32$export$d4ebda6218901908 = v);
|
|
50
57
|
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader", () => $a43f840f49ffbe32$export$162ba336fb0c239f, (v) => $a43f840f49ffbe32$export$162ba336fb0c239f = v);
|
|
51
58
|
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader--indeterminate", () => $a43f840f49ffbe32$export$1249dfbb98223794, (v) => $a43f840f49ffbe32$export$1249dfbb98223794 = v);
|
|
59
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader--overBackground", () => $a43f840f49ffbe32$export$55612d0bd9b5d41, (v) => $a43f840f49ffbe32$export$55612d0bd9b5d41 = v);
|
|
52
60
|
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader--sideLabel", () => $a43f840f49ffbe32$export$99af8802cc2a10dc, (v) => $a43f840f49ffbe32$export$99af8802cc2a10dc = v);
|
|
53
|
-
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader
|
|
61
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader--small", () => $a43f840f49ffbe32$export$b945305960ad74a7, (v) => $a43f840f49ffbe32$export$b945305960ad74a7 = v);
|
|
54
62
|
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader-fill", () => $a43f840f49ffbe32$export$84c9ee7bc724b71b, (v) => $a43f840f49ffbe32$export$84c9ee7bc724b71b = v);
|
|
55
63
|
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader-label", () => $a43f840f49ffbe32$export$5379ba198163be86, (v) => $a43f840f49ffbe32$export$5379ba198163be86 = v);
|
|
56
64
|
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader-percentage", () => $a43f840f49ffbe32$export$ecc9c825de9d1a18, (v) => $a43f840f49ffbe32$export$ecc9c825de9d1a18 = v);
|
|
57
|
-
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader
|
|
58
|
-
$parcel$export($a43f840f49ffbe32$exports, "
|
|
59
|
-
$parcel$export($a43f840f49ffbe32$exports, "
|
|
60
|
-
$parcel$export($a43f840f49ffbe32$exports, "spectrum-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
65
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader-track", () => $a43f840f49ffbe32$export$3e2e13fb57b5c74b, (v) => $a43f840f49ffbe32$export$3e2e13fb57b5c74b = v);
|
|
66
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-FocusRing-ring", () => $a43f840f49ffbe32$export$4109102f950813a6, (v) => $a43f840f49ffbe32$export$4109102f950813a6 = v);
|
|
67
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-FocusRing", () => $a43f840f49ffbe32$export$24c7f46a6e3605dd, (v) => $a43f840f49ffbe32$export$24c7f46a6e3605dd = v);
|
|
68
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-FocusRing--quiet", () => $a43f840f49ffbe32$export$2927016961429360, (v) => $a43f840f49ffbe32$export$2927016961429360 = v);
|
|
69
|
+
var $a43f840f49ffbe32$export$f39a09f249340e2a;
|
|
70
|
+
var $a43f840f49ffbe32$export$8c4ee2c50c22c514;
|
|
71
|
+
var $a43f840f49ffbe32$export$a889038a25113dd4;
|
|
72
|
+
var $a43f840f49ffbe32$export$aeff243cf3356f00;
|
|
73
|
+
var $a43f840f49ffbe32$export$a1f608a9810da50f;
|
|
74
|
+
var $a43f840f49ffbe32$export$aea9fd919467f03a;
|
|
75
|
+
var $a43f840f49ffbe32$export$d4ebda6218901908;
|
|
64
76
|
var $a43f840f49ffbe32$export$162ba336fb0c239f;
|
|
65
77
|
var $a43f840f49ffbe32$export$1249dfbb98223794;
|
|
78
|
+
var $a43f840f49ffbe32$export$55612d0bd9b5d41;
|
|
66
79
|
var $a43f840f49ffbe32$export$99af8802cc2a10dc;
|
|
67
|
-
var $a43f840f49ffbe32$export$
|
|
80
|
+
var $a43f840f49ffbe32$export$b945305960ad74a7;
|
|
68
81
|
var $a43f840f49ffbe32$export$84c9ee7bc724b71b;
|
|
69
82
|
var $a43f840f49ffbe32$export$5379ba198163be86;
|
|
70
83
|
var $a43f840f49ffbe32$export$ecc9c825de9d1a18;
|
|
71
|
-
var $a43f840f49ffbe32$export$
|
|
72
|
-
var $a43f840f49ffbe32$export$
|
|
73
|
-
var $a43f840f49ffbe32$export$
|
|
74
|
-
var $a43f840f49ffbe32$export$
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
$a43f840f49ffbe32$export$
|
|
79
|
-
$a43f840f49ffbe32$export$
|
|
80
|
-
$a43f840f49ffbe32$export$
|
|
81
|
-
$a43f840f49ffbe32$export$
|
|
82
|
-
$a43f840f49ffbe32$export$
|
|
83
|
-
$a43f840f49ffbe32$export$
|
|
84
|
-
$a43f840f49ffbe32$export$
|
|
85
|
-
$a43f840f49ffbe32$export$
|
|
86
|
-
$a43f840f49ffbe32$export$
|
|
87
|
-
$a43f840f49ffbe32$export$
|
|
88
|
-
$a43f840f49ffbe32$export$
|
|
89
|
-
$a43f840f49ffbe32$export$
|
|
90
|
-
$a43f840f49ffbe32$export$
|
|
91
|
-
$a43f840f49ffbe32$export$
|
|
84
|
+
var $a43f840f49ffbe32$export$3e2e13fb57b5c74b;
|
|
85
|
+
var $a43f840f49ffbe32$export$4109102f950813a6;
|
|
86
|
+
var $a43f840f49ffbe32$export$24c7f46a6e3605dd;
|
|
87
|
+
var $a43f840f49ffbe32$export$2927016961429360;
|
|
88
|
+
$a43f840f49ffbe32$export$f39a09f249340e2a = `uFrYBa_focus-ring`;
|
|
89
|
+
$a43f840f49ffbe32$export$8c4ee2c50c22c514 = `uFrYBa_i18nFontFamily`;
|
|
90
|
+
$a43f840f49ffbe32$export$a889038a25113dd4 = `uFrYBa_indeterminate-loop-ltr`;
|
|
91
|
+
$a43f840f49ffbe32$export$aeff243cf3356f00 = `uFrYBa_indeterminate-loop-rtl`;
|
|
92
|
+
$a43f840f49ffbe32$export$a1f608a9810da50f = `uFrYBa_is-critical`;
|
|
93
|
+
$a43f840f49ffbe32$export$aea9fd919467f03a = `uFrYBa_is-positive`;
|
|
94
|
+
$a43f840f49ffbe32$export$d4ebda6218901908 = `uFrYBa_is-warning`;
|
|
95
|
+
$a43f840f49ffbe32$export$162ba336fb0c239f = `uFrYBa_spectrum-BarLoader`;
|
|
96
|
+
$a43f840f49ffbe32$export$1249dfbb98223794 = `uFrYBa_spectrum-BarLoader--indeterminate`;
|
|
97
|
+
$a43f840f49ffbe32$export$55612d0bd9b5d41 = `uFrYBa_spectrum-BarLoader--overBackground`;
|
|
98
|
+
$a43f840f49ffbe32$export$99af8802cc2a10dc = `uFrYBa_spectrum-BarLoader--sideLabel`;
|
|
99
|
+
$a43f840f49ffbe32$export$b945305960ad74a7 = `uFrYBa_spectrum-BarLoader--small`;
|
|
100
|
+
$a43f840f49ffbe32$export$84c9ee7bc724b71b = `uFrYBa_spectrum-BarLoader-fill`;
|
|
101
|
+
$a43f840f49ffbe32$export$5379ba198163be86 = `uFrYBa_spectrum-BarLoader-label`;
|
|
102
|
+
$a43f840f49ffbe32$export$ecc9c825de9d1a18 = `uFrYBa_spectrum-BarLoader-percentage`;
|
|
103
|
+
$a43f840f49ffbe32$export$3e2e13fb57b5c74b = `uFrYBa_spectrum-BarLoader-track`;
|
|
104
|
+
$a43f840f49ffbe32$export$4109102f950813a6 = `uFrYBa_spectrum-FocusRing-ring`;
|
|
105
|
+
$a43f840f49ffbe32$export$24c7f46a6e3605dd = `uFrYBa_spectrum-FocusRing ${$a43f840f49ffbe32$export$4109102f950813a6}`;
|
|
106
|
+
$a43f840f49ffbe32$export$2927016961429360 = `uFrYBa_spectrum-FocusRing--quiet`;
|
|
92
107
|
|
|
93
108
|
|
|
94
109
|
// Base ProgressBar component shared with Meter.
|
|
95
110
|
function $ddf9337e928b5fe6$var$ProgressBarBase(props, ref) {
|
|
96
|
-
let { value: value = 0
|
|
111
|
+
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;
|
|
97
112
|
let domRef = (0, $joUWQ$useDOMRef)(ref);
|
|
98
|
-
let { styleProps: styleProps
|
|
113
|
+
let { styleProps: styleProps } = (0, $joUWQ$useStyleProps)(otherProps);
|
|
99
114
|
value = (0, $joUWQ$clamp)(value, minValue, maxValue);
|
|
100
115
|
let barStyle = {};
|
|
101
116
|
if (!isIndeterminate) {
|
|
@@ -138,8 +153,8 @@ let $ddf9337e928b5fe6$export$7c6ed87244065f3a = /*#__PURE__*/ (0, $joUWQ$react).
|
|
|
138
153
|
|
|
139
154
|
|
|
140
155
|
function $551ca31cb687f352$var$ProgressBar(props, ref) {
|
|
141
|
-
let { variant: variant
|
|
142
|
-
const { progressBarProps: progressBarProps
|
|
156
|
+
let { variant: variant, ...otherProps } = props;
|
|
157
|
+
const { progressBarProps: progressBarProps, labelProps: labelProps } = (0, $joUWQ$useProgressBar)(props);
|
|
143
158
|
return /*#__PURE__*/ (0, $joUWQ$react).createElement((0, $ddf9337e928b5fe6$export$7c6ed87244065f3a), {
|
|
144
159
|
...otherProps,
|
|
145
160
|
ref: ref,
|
|
@@ -171,63 +186,81 @@ function $551ca31cb687f352$var$ProgressBar(props, ref) {
|
|
|
171
186
|
|
|
172
187
|
var $91c958cb2e66ca21$exports = {};
|
|
173
188
|
|
|
174
|
-
$parcel$export($91c958cb2e66ca21$exports, "
|
|
175
|
-
$parcel$export($91c958cb2e66ca21$exports, "
|
|
189
|
+
$parcel$export($91c958cb2e66ca21$exports, "focus-ring", () => $91c958cb2e66ca21$export$f39a09f249340e2a, (v) => $91c958cb2e66ca21$export$f39a09f249340e2a = v);
|
|
190
|
+
$parcel$export($91c958cb2e66ca21$exports, "i18nFontFamily", () => $91c958cb2e66ca21$export$8c4ee2c50c22c514, (v) => $91c958cb2e66ca21$export$8c4ee2c50c22c514 = v);
|
|
176
191
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader", () => $91c958cb2e66ca21$export$9633d311d6d6830b, (v) => $91c958cb2e66ca21$export$9633d311d6d6830b = v);
|
|
177
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader
|
|
178
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-
|
|
192
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--indeterminate", () => $91c958cb2e66ca21$export$79b7e5abeef5134f, (v) => $91c958cb2e66ca21$export$79b7e5abeef5134f = v);
|
|
193
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--indeterminate-fill-submask-2", () => $91c958cb2e66ca21$export$f7083dbeadcbb2bd, (v) => $91c958cb2e66ca21$export$f7083dbeadcbb2bd = v);
|
|
194
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--large", () => $91c958cb2e66ca21$export$c8c34e5e37bf511c, (v) => $91c958cb2e66ca21$export$c8c34e5e37bf511c = v);
|
|
195
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--overBackground", () => $91c958cb2e66ca21$export$6668708cb539f403, (v) => $91c958cb2e66ca21$export$6668708cb539f403 = v);
|
|
196
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--small", () => $91c958cb2e66ca21$export$79819ab9844dbe9b, (v) => $91c958cb2e66ca21$export$79819ab9844dbe9b = v);
|
|
179
197
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fill", () => $91c958cb2e66ca21$export$58fb9ac68cf8e784, (v) => $91c958cb2e66ca21$export$58fb9ac68cf8e784 = v);
|
|
180
198
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fillMask1", () => $91c958cb2e66ca21$export$b676cd958401a736, (v) => $91c958cb2e66ca21$export$b676cd958401a736 = v);
|
|
181
199
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fillMask2", () => $91c958cb2e66ca21$export$8c428f4f13e424b, (v) => $91c958cb2e66ca21$export$8c428f4f13e424b = v);
|
|
182
200
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fillSubMask1", () => $91c958cb2e66ca21$export$98ba5ef650aeb8ca, (v) => $91c958cb2e66ca21$export$98ba5ef650aeb8ca = v);
|
|
183
201
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fillSubMask2", () => $91c958cb2e66ca21$export$dc70b48c897b0f1a, (v) => $91c958cb2e66ca21$export$dc70b48c897b0f1a = v);
|
|
184
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader
|
|
185
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader
|
|
186
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-
|
|
187
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-
|
|
202
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fills", () => $91c958cb2e66ca21$export$3038f4c0c86f539b, (v) => $91c958cb2e66ca21$export$3038f4c0c86f539b = v);
|
|
203
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-track", () => $91c958cb2e66ca21$export$278efdb85ed802da, (v) => $91c958cb2e66ca21$export$278efdb85ed802da = v);
|
|
204
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-FocusRing-ring", () => $91c958cb2e66ca21$export$4109102f950813a6, (v) => $91c958cb2e66ca21$export$4109102f950813a6 = v);
|
|
205
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-FocusRing", () => $91c958cb2e66ca21$export$24c7f46a6e3605dd, (v) => $91c958cb2e66ca21$export$24c7f46a6e3605dd = v);
|
|
206
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-FocusRing--quiet", () => $91c958cb2e66ca21$export$2927016961429360, (v) => $91c958cb2e66ca21$export$2927016961429360 = v);
|
|
188
207
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-fill-mask-1", () => $91c958cb2e66ca21$export$524c81e63e1d64f5, (v) => $91c958cb2e66ca21$export$524c81e63e1d64f5 = v);
|
|
189
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-
|
|
190
|
-
|
|
191
|
-
var $91c958cb2e66ca21$export$
|
|
208
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-fill-mask-2", () => $91c958cb2e66ca21$export$7219832bea80eb54, (v) => $91c958cb2e66ca21$export$7219832bea80eb54 = v);
|
|
209
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-fills-rotate", () => $91c958cb2e66ca21$export$3663cbdb240663ec, (v) => $91c958cb2e66ca21$export$3663cbdb240663ec = v);
|
|
210
|
+
var $91c958cb2e66ca21$export$f39a09f249340e2a;
|
|
211
|
+
var $91c958cb2e66ca21$export$8c4ee2c50c22c514;
|
|
192
212
|
var $91c958cb2e66ca21$export$9633d311d6d6830b;
|
|
193
|
-
var $91c958cb2e66ca21$export$
|
|
194
|
-
var $91c958cb2e66ca21$export$
|
|
213
|
+
var $91c958cb2e66ca21$export$79b7e5abeef5134f;
|
|
214
|
+
var $91c958cb2e66ca21$export$f7083dbeadcbb2bd;
|
|
215
|
+
var $91c958cb2e66ca21$export$c8c34e5e37bf511c;
|
|
216
|
+
var $91c958cb2e66ca21$export$6668708cb539f403;
|
|
217
|
+
var $91c958cb2e66ca21$export$79819ab9844dbe9b;
|
|
195
218
|
var $91c958cb2e66ca21$export$58fb9ac68cf8e784;
|
|
196
219
|
var $91c958cb2e66ca21$export$b676cd958401a736;
|
|
197
220
|
var $91c958cb2e66ca21$export$8c428f4f13e424b;
|
|
198
221
|
var $91c958cb2e66ca21$export$98ba5ef650aeb8ca;
|
|
199
222
|
var $91c958cb2e66ca21$export$dc70b48c897b0f1a;
|
|
200
|
-
var $91c958cb2e66ca21$export$
|
|
201
|
-
var $91c958cb2e66ca21$export$
|
|
202
|
-
var $91c958cb2e66ca21$export$
|
|
203
|
-
var $91c958cb2e66ca21$export$
|
|
223
|
+
var $91c958cb2e66ca21$export$3038f4c0c86f539b;
|
|
224
|
+
var $91c958cb2e66ca21$export$278efdb85ed802da;
|
|
225
|
+
var $91c958cb2e66ca21$export$4109102f950813a6;
|
|
226
|
+
var $91c958cb2e66ca21$export$24c7f46a6e3605dd;
|
|
227
|
+
var $91c958cb2e66ca21$export$2927016961429360;
|
|
204
228
|
var $91c958cb2e66ca21$export$524c81e63e1d64f5;
|
|
205
|
-
var $91c958cb2e66ca21$export$
|
|
206
|
-
$91c958cb2e66ca21$export$
|
|
207
|
-
$91c958cb2e66ca21$export$
|
|
208
|
-
$91c958cb2e66ca21$export$
|
|
209
|
-
$91c958cb2e66ca21$export$
|
|
210
|
-
$91c958cb2e66ca21$export$
|
|
211
|
-
$91c958cb2e66ca21$export$
|
|
212
|
-
$91c958cb2e66ca21$export$
|
|
213
|
-
$91c958cb2e66ca21$export$
|
|
214
|
-
$91c958cb2e66ca21$export$
|
|
215
|
-
$91c958cb2e66ca21$export$
|
|
216
|
-
$91c958cb2e66ca21$export$
|
|
217
|
-
$91c958cb2e66ca21$export$
|
|
218
|
-
$91c958cb2e66ca21$export$
|
|
219
|
-
$91c958cb2e66ca21$export$
|
|
220
|
-
$91c958cb2e66ca21$export$
|
|
221
|
-
$91c958cb2e66ca21$export$
|
|
229
|
+
var $91c958cb2e66ca21$export$7219832bea80eb54;
|
|
230
|
+
var $91c958cb2e66ca21$export$3663cbdb240663ec;
|
|
231
|
+
$91c958cb2e66ca21$export$f39a09f249340e2a = `EQYv7q_focus-ring`;
|
|
232
|
+
$91c958cb2e66ca21$export$8c4ee2c50c22c514 = `EQYv7q_i18nFontFamily`;
|
|
233
|
+
$91c958cb2e66ca21$export$9633d311d6d6830b = `EQYv7q_spectrum-CircleLoader`;
|
|
234
|
+
$91c958cb2e66ca21$export$79b7e5abeef5134f = `EQYv7q_spectrum-CircleLoader--indeterminate`;
|
|
235
|
+
$91c958cb2e66ca21$export$f7083dbeadcbb2bd = `EQYv7q_spectrum-CircleLoader--indeterminate-fill-submask-2`;
|
|
236
|
+
$91c958cb2e66ca21$export$c8c34e5e37bf511c = `EQYv7q_spectrum-CircleLoader--large`;
|
|
237
|
+
$91c958cb2e66ca21$export$6668708cb539f403 = `EQYv7q_spectrum-CircleLoader--overBackground`;
|
|
238
|
+
$91c958cb2e66ca21$export$79819ab9844dbe9b = `EQYv7q_spectrum-CircleLoader--small`;
|
|
239
|
+
$91c958cb2e66ca21$export$58fb9ac68cf8e784 = `EQYv7q_spectrum-CircleLoader-fill`;
|
|
240
|
+
$91c958cb2e66ca21$export$b676cd958401a736 = `EQYv7q_spectrum-CircleLoader-fillMask1`;
|
|
241
|
+
$91c958cb2e66ca21$export$8c428f4f13e424b = `EQYv7q_spectrum-CircleLoader-fillMask2`;
|
|
242
|
+
$91c958cb2e66ca21$export$98ba5ef650aeb8ca = `EQYv7q_spectrum-CircleLoader-fillSubMask1`;
|
|
243
|
+
$91c958cb2e66ca21$export$dc70b48c897b0f1a = `EQYv7q_spectrum-CircleLoader-fillSubMask2`;
|
|
244
|
+
$91c958cb2e66ca21$export$3038f4c0c86f539b = `EQYv7q_spectrum-CircleLoader-fills`;
|
|
245
|
+
$91c958cb2e66ca21$export$278efdb85ed802da = `EQYv7q_spectrum-CircleLoader-track`;
|
|
246
|
+
$91c958cb2e66ca21$export$4109102f950813a6 = `EQYv7q_spectrum-FocusRing-ring`;
|
|
247
|
+
$91c958cb2e66ca21$export$24c7f46a6e3605dd = `EQYv7q_spectrum-FocusRing ${$91c958cb2e66ca21$export$4109102f950813a6}`;
|
|
248
|
+
$91c958cb2e66ca21$export$2927016961429360 = `EQYv7q_spectrum-FocusRing--quiet`;
|
|
249
|
+
$91c958cb2e66ca21$export$524c81e63e1d64f5 = `EQYv7q_spectrum-fill-mask-1`;
|
|
250
|
+
$91c958cb2e66ca21$export$524c81e63e1d64f5;
|
|
251
|
+
$91c958cb2e66ca21$export$7219832bea80eb54 = `EQYv7q_spectrum-fill-mask-2`;
|
|
252
|
+
$91c958cb2e66ca21$export$7219832bea80eb54;
|
|
253
|
+
$91c958cb2e66ca21$export$3663cbdb240663ec = `EQYv7q_spectrum-fills-rotate`;
|
|
254
|
+
$91c958cb2e66ca21$export$3663cbdb240663ec;
|
|
222
255
|
|
|
223
256
|
|
|
224
257
|
|
|
225
258
|
function $79c16f64960b6385$var$ProgressCircle(props, ref) {
|
|
226
|
-
let { value: value = 0
|
|
259
|
+
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;
|
|
227
260
|
let domRef = (0, $joUWQ$useDOMRef)(ref);
|
|
228
|
-
let { styleProps: styleProps
|
|
261
|
+
let { styleProps: styleProps } = (0, $joUWQ$useStyleProps)(otherProps);
|
|
229
262
|
value = (0, $joUWQ$clamp)(value, minValue, maxValue);
|
|
230
|
-
let { progressBarProps: progressBarProps
|
|
263
|
+
let { progressBarProps: progressBarProps } = (0, $joUWQ$useProgressBar)({
|
|
231
264
|
...props,
|
|
232
265
|
value: value
|
|
233
266
|
});
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{font-synthesis:weight}.spectrum-BarLoader_48541f{min-width:var(--spectrum-global-dimension-static-size-600,48px);width:var(--spectrum-barloader-large-width,var(--spectrum-global-dimension-size-2400));vertical-align:top;isolation:isolate;flex-flow:wrap;justify-content:space-between;align-items:center;display:inline-flex;position:relative}.spectrum-BarLoader_48541f.spectrum-BarLoader--indeterminate_48541f{max-width:var(--spectrum-barloader-large-width,var(--spectrum-global-dimension-size-2400))}.spectrum-BarLoader_48541f.spectrum-BarLoader--indeterminate_48541f.spectrum-BarLoader--sideLabel_48541f .spectrum-BarLoader-track_48541f{max-width:var(--spectrum-barloader-large-width,var(--spectrum-global-dimension-size-2400));width:100%}.spectrum-BarLoader-track_48541f{min-width:var(--spectrum-global-dimension-static-size-600,48px);width:100%;height:var(--spectrum-barloader-large-height,var(--spectrum-global-dimension-size-75));border-radius:var(--spectrum-barloader-large-border-radius);z-index:1;overflow:hidden}.spectrum-BarLoader-fill_48541f{height:var(--spectrum-barloader-large-height,var(--spectrum-global-dimension-size-75));border:none;transition:width 1s}[dir=ltr] .spectrum-BarLoader-label_48541f,[dir=ltr] .spectrum-BarLoader-percentage_48541f{text-align:left}[dir=rtl] .spectrum-BarLoader-label_48541f,[dir=rtl] .spectrum-BarLoader-percentage_48541f{text-align:right}.spectrum-BarLoader-label_48541f,.spectrum-BarLoader-percentage_48541f{font-size:var(--spectrum-fieldlabel-text-size,var(--spectrum-global-dimension-font-size-75));font-weight:var(--spectrum-fieldlabel-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:var(--spectrum-fieldlabel-text-line-height,var(--spectrum-global-font-line-height-small));margin-bottom:var(--spectrum-barloader-large-label-gap-y,var(--spectrum-global-dimension-size-115))}.spectrum-BarLoader-label_48541f{flex:1}[dir=ltr] .spectrum-BarLoader-percentage_48541f{margin-left:var(--spectrum-barloader-small-label-gap-x,var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-BarLoader-percentage_48541f{margin-right:var(--spectrum-barloader-small-label-gap-x,var(--spectrum-global-dimension-size-150))}.spectrum-BarLoader-percentage_48541f{align-self:flex-start}.spectrum-BarLoader--sideLabel_48541f{min-width:-moz-fit-content;min-width:-moz-fit-content;min-width:fit-content;flex-flow:row;justify-content:space-between;display:inline-flex}.spectrum-BarLoader--sideLabel_48541f .spectrum-BarLoader-track_48541f{width:inherit}[dir=ltr] .spectrum-BarLoader--sideLabel_48541f .spectrum-BarLoader-label_48541f{margin-right:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-BarLoader--sideLabel_48541f .spectrum-BarLoader-label_48541f{margin-left:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}.spectrum-BarLoader--sideLabel_48541f .spectrum-BarLoader-label_48541f{margin-bottom:0}[dir=ltr] .spectrum-BarLoader--sideLabel_48541f .spectrum-BarLoader-percentage_48541f{text-align:right}[dir=rtl] .spectrum-BarLoader--sideLabel_48541f .spectrum-BarLoader-percentage_48541f{text-align:left}[dir=ltr] .spectrum-BarLoader--sideLabel_48541f .spectrum-BarLoader-percentage_48541f{margin-left:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-BarLoader--sideLabel_48541f .spectrum-BarLoader-percentage_48541f{margin-right:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}.spectrum-BarLoader--sideLabel_48541f .spectrum-BarLoader-percentage_48541f{order:3;margin-bottom:0}.spectrum-BarLoader--small_48541f{min-width:var(--spectrum-global-dimension-static-size-600,48px)}.spectrum-BarLoader--small_48541f .spectrum-BarLoader-fill_48541f{height:var(--spectrum-barloader-small-height,var(--spectrum-global-dimension-size-50))}.spectrum-BarLoader--small_48541f .spectrum-BarLoader-track_48541f{height:var(--spectrum-barloader-small-height,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-barloader-small-border-radius)}.spectrum-BarLoader--indeterminate_48541f .spectrum-BarLoader-fill_48541f{width:var(--spectrum-barloader-large-indeterminate-fill-width,var(--spectrum-global-dimension-size-1700));animation-timing-function:var(--spectrum-barloader-large-indeterminate-animation-ease,var(--spectrum-global-animation-ease-in-out));will-change:transform;position:relative}[dir=ltr] .spectrum-BarLoader--indeterminate_48541f .spectrum-BarLoader-fill_48541f{animation:indeterminate-loop-ltr_48541f var(--spectrum-barloader-large-indeterminate-duration,var(--spectrum-global-animation-duration-2000))infinite}[dir=rtl] .spectrum-BarLoader--indeterminate_48541f .spectrum-BarLoader-fill_48541f{animation:indeterminate-loop-rtl_48541f var(--spectrum-barloader-large-indeterminate-duration,var(--spectrum-global-animation-duration-2000))infinite}@keyframes indeterminate-loop-ltr_48541f{0%{transform:translate(calc(var(--spectrum-barloader-large-indeterminate-fill-width,var(--spectrum-global-dimension-size-1700))*-1))}to{transform:translate(var(--spectrum-barloader-large-width,var(--spectrum-global-dimension-size-2400)))}}@keyframes indeterminate-loop-rtl_48541f{0%{transform:translate(var(--spectrum-barloader-large-width,var(--spectrum-global-dimension-size-2400)))}to{transform:translate(calc(var(--spectrum-barloader-large-width,var(--spectrum-global-dimension-size-2400))*-1))}}.spectrum-BarLoader_48541f{--spectrum-barloader-large-track-fill-color:var(--spectrum-accent-color-900)}.spectrum-BarLoader_48541f .spectrum-BarLoader-fill_48541f{background:var(--spectrum-barloader-large-track-fill-color,var(--spectrum-global-color-blue-500))}.spectrum-BarLoader_48541f .spectrum-BarLoader-track_48541f{background-color:var(--spectrum-barloader-large-track-color,var(--spectrum-alias-track-color-default))}.spectrum-BarLoader_48541f.spectrum-BarLoader--overBackground_48541f .spectrum-BarLoader-fill_48541f{background:var(--spectrum-barloader-large-over-background-track-fill-color,var(--spectrum-global-color-static-white))}.spectrum-BarLoader_48541f.spectrum-BarLoader--overBackground_48541f .spectrum-BarLoader-label_48541f,.spectrum-BarLoader_48541f.spectrum-BarLoader--overBackground_48541f .spectrum-BarLoader-percentage_48541f{color:var(--spectrum-barloader-large-over-background-track-fill-color,var(--spectrum-global-color-static-white))}.spectrum-BarLoader_48541f.spectrum-BarLoader--overBackground_48541f .spectrum-BarLoader-track_48541f{background-color:var(--spectrum-barloader-large-over-background-track-color,var(--spectrum-alias-track-color-over-background))}.spectrum-BarLoader_48541f.is-positive_48541f .spectrum-BarLoader-fill_48541f{background:var(--spectrum-meter-large-track-color-positive,var(--spectrum-semantic-positive-color-status))}.spectrum-BarLoader_48541f.is-warning_48541f .spectrum-BarLoader-fill_48541f{background:var(--spectrum-meter-large-track-color-warning,var(--spectrum-semantic-notice-color-status))}.spectrum-BarLoader_48541f.is-critical_48541f .spectrum-BarLoader-fill_48541f{background:var(--spectrum-meter-large-track-color-critical,var(--spectrum-semantic-negative-color-status))}.spectrum-BarLoader-label_48541f,.spectrum-BarLoader-percentage_48541f{color:var(--spectrum-fieldlabel-text-color,var(--spectrum-alias-label-text-color));color:var(--spectrum-fieldlabel-text-color,var(--spectrum-alias-label-text-color));color:var(--spectrum-fieldlabel-text-color,var(--spectrum-alias-label-text-color))}@media (forced-colors:active){.spectrum-BarLoader-track_48541f{forced-color-adjust:none;--spectrum-barloader-large-track-fill-color:ButtonText;--spectrum-barloader-large-over-background-track-fill-color:ButtonText;--spectrum-meter-large-track-color-positive:ButtonText;--spectrum-meter-large-track-color-warning:ButtonText;--spectrum-meter-large-track-color-critical:ButtonText;--spectrum-barloader-large-track-color:ButtonFace;border:1px solid ButtonText}}:root{font-synthesis:weight}.spectrum-CircleLoader--indeterminate-fill-submask-2_7c1153{animation:1s linear infinite spectrum-fill-mask-2_7c1153}@keyframes spectrum-fill-mask-1_7c1153{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0)}11.86%{transform:rotate(0)}13.56%{transform:rotate(0)}15.25%{transform:rotate(0)}16.95%{transform:rotate(0)}18.64%{transform:rotate(0)}20.34%{transform:rotate(0)}22.03%{transform:rotate(0)}23.73%{transform:rotate(0)}25.42%{transform:rotate(0)}27.12%{transform:rotate(0)}28.81%{transform:rotate(0)}30.51%{transform:rotate(0)}32.2%{transform:rotate(0)}33.9%{transform:rotate(0)}35.59%{transform:rotate(0)}37.29%{transform:rotate(0)}38.98%{transform:rotate(0)}40.68%{transform:rotate(0)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes spectrum-fill-mask-2_7c1153{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes spectrum-fills-rotate_7c1153{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.spectrum-CircleLoader_7c1153{width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400));direction:ltr;display:inline-block;position:relative}.spectrum-CircleLoader-track_7c1153{box-sizing:border-box;width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400));border-style:solid;border-width:var(--spectrum-loader-circle-medium-border-size);border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400))}.spectrum-CircleLoader-fills_7c1153{width:100%;height:100%;position:absolute;top:0;left:0}.spectrum-CircleLoader-fill_7c1153{box-sizing:border-box;width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400));border-style:solid;border-width:var(--spectrum-loader-circle-medium-border-size);border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400))}.spectrum-CircleLoader-fillMask1_7c1153,.spectrum-CircleLoader-fillMask2_7c1153{width:50%;height:100%;transform-origin:100%;position:absolute;overflow:hidden;transform:rotate(180deg)}.spectrum-CircleLoader-fillSubMask1_7c1153,.spectrum-CircleLoader-fillSubMask2_7c1153{width:100%;height:100%;transform-origin:100%;overflow:hidden;transform:rotate(-180deg)}.spectrum-CircleLoader-fillMask2_7c1153{transform:rotate(0)}.spectrum-CircleLoader--small_7c1153{width:var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200));height:var(--spectrum-loader-circle-small-height,var(--spectrum-global-dimension-static-size-200))}.spectrum-CircleLoader--small_7c1153 .spectrum-CircleLoader-track_7c1153,.spectrum-CircleLoader--small_7c1153 .spectrum-CircleLoader-fill_7c1153{width:var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200));height:var(--spectrum-loader-circle-small-height,var(--spectrum-global-dimension-static-size-200));border-style:solid;border-width:var(--spectrum-loader-circle-small-border-size);border-radius:var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))}.spectrum-CircleLoader--large_7c1153{width:var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-loader-circle-large-height,var(--spectrum-global-dimension-size-800))}.spectrum-CircleLoader--large_7c1153 .spectrum-CircleLoader-track_7c1153,.spectrum-CircleLoader--large_7c1153 .spectrum-CircleLoader-fill_7c1153{width:var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-loader-circle-large-height,var(--spectrum-global-dimension-size-800));border-style:solid;border-width:var(--spectrum-loader-circle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800))}.spectrum-CircleLoader--indeterminate_7c1153 .spectrum-CircleLoader-fills_7c1153{will-change:transform;transform-origin:50%;animation:1s cubic-bezier(.25,.78,.48,.89) infinite spectrum-fills-rotate_7c1153;transform:translateZ(0)}.spectrum-CircleLoader--indeterminate_7c1153 .spectrum-CircleLoader-fillSubMask1_7c1153{will-change:transform;animation:1s linear infinite spectrum-fill-mask-1_7c1153;transform:translateZ(0)}.spectrum-CircleLoader--indeterminate_7c1153 .spectrum-CircleLoader-fillSubMask2_7c1153{will-change:transform;animation:1s linear infinite spectrum-fill-mask-2_7c1153;transform:translateZ(0)}.spectrum-CircleLoader_7c1153{--spectrum-loader-circle-medium-track-fill-color:var(--spectrum-accent-color-900)}.spectrum-CircleLoader-track_7c1153{border-color:var(--spectrum-loader-circle-medium-track-color,var(--spectrum-alias-track-color-default))}.spectrum-CircleLoader-fill_7c1153{border-color:var(--spectrum-loader-circle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}.spectrum-CircleLoader--overBackground_7c1153 .spectrum-CircleLoader-track_7c1153{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}.spectrum-CircleLoader--overBackground_7c1153 .spectrum-CircleLoader-fill_7c1153{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}.spectrum-CircleLoader--indeterminate_7c1153.spectrum-CircleLoader--overBackground_7c1153 .spectrum-CircleLoader-track_7c1153{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}.spectrum-CircleLoader--indeterminate_7c1153.spectrum-CircleLoader--overBackground_7c1153 .spectrum-CircleLoader-fill_7c1153{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}@media (forced-colors:active){.spectrum-CircleLoader_7c1153{--spectrum-loader-circle-medium-track-fill-color:Highlight;--spectrum-loader-circle-medium-over-background-track-fill-color:Highlight;--spectrum-loader-circle-medium-track-color:CanvasText}}
|
|
1
|
+
.uFrYBa_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.uFrYBa_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}.uFrYBa_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}.uFrYBa_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.uFrYBa_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.uFrYBa_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.uFrYBa_i18nFontFamily:lang(zh-SG),.uFrYBa_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.uFrYBa_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.uFrYBa_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,MS Pゴシック,MS PGothic,sans-serif}.uFrYBa_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);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.uFrYBa_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;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.uFrYBa_spectrum-FocusRing.uFrYBa_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)}.uFrYBa_spectrum-FocusRing--quiet:after{border-radius:0}.uFrYBa_spectrum-FocusRing--quiet.uFrYBa_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)}.uFrYBa_spectrum-BarLoader{min-inline-size:var(--spectrum-global-dimension-static-size-600,48px);inline-size:var(--spectrum-barloader-large-width,var(--spectrum-global-dimension-size-2400));vertical-align:top;isolation:isolate;flex-flow:wrap;justify-content:space-between;align-items:center;display:inline-flex;position:relative}.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--indeterminate{max-inline-size:var(--spectrum-barloader-large-width,var(--spectrum-global-dimension-size-2400))}.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--indeterminate.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-track{max-inline-size:var(--spectrum-barloader-large-width,var(--spectrum-global-dimension-size-2400));inline-size:100%}.uFrYBa_spectrum-BarLoader-track{min-inline-size:var(--spectrum-global-dimension-static-size-600,48px);height:var(--spectrum-barloader-large-height,var(--spectrum-global-dimension-size-75));border-radius:var(--spectrum-barloader-large-border-radius);z-index:1;inline-size:100%;overflow:hidden}.uFrYBa_spectrum-BarLoader-fill{height:var(--spectrum-barloader-large-height,var(--spectrum-global-dimension-size-75));border:none;transition:width 1s}.uFrYBa_spectrum-BarLoader-label,.uFrYBa_spectrum-BarLoader-percentage{font-size:var(--spectrum-fieldlabel-text-size,var(--spectrum-global-dimension-font-size-75));font-weight:var(--spectrum-fieldlabel-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:var(--spectrum-fieldlabel-text-line-height,var(--spectrum-global-font-line-height-small));text-align:start;margin-bottom:var(--spectrum-barloader-large-label-gap-y,var(--spectrum-global-dimension-size-115))}.uFrYBa_spectrum-BarLoader-label{flex:1}.uFrYBa_spectrum-BarLoader-percentage{align-self:flex-start}.uFrYBa_spectrum-BarLoader-percentage:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-barloader-small-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader-percentage:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-barloader-small-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader-percentage:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-barloader-small-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader-percentage:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-barloader-small-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader-percentage:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-barloader-small-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader--sideLabel{flex-flow:row;justify-content:space-between;min-inline-size:-moz-fit-content;min-inline-size:fit-content;display:inline-flex}.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-track{inline-size:inherit}.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-label{margin-bottom:0}.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-label:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-label:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-label:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-percentage{text-align:end;order:3;margin-bottom:0}.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-percentage:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-percentage:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-percentage:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-percentage:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-percentage:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:var(--spectrum-barloader-large-label-gap-x,var(--spectrum-global-dimension-size-150))}.uFrYBa_spectrum-BarLoader--small{min-inline-size:var(--spectrum-global-dimension-static-size-600,48px)}.uFrYBa_spectrum-BarLoader--small .uFrYBa_spectrum-BarLoader-fill{height:var(--spectrum-barloader-small-height,var(--spectrum-global-dimension-size-50))}.uFrYBa_spectrum-BarLoader--small .uFrYBa_spectrum-BarLoader-track{height:var(--spectrum-barloader-small-height,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-barloader-small-border-radius)}.uFrYBa_spectrum-BarLoader--indeterminate .uFrYBa_spectrum-BarLoader-fill{inline-size:var(--spectrum-barloader-large-indeterminate-fill-width,var(--spectrum-global-dimension-size-1700));animation-timing-function:var(--spectrum-barloader-large-indeterminate-animation-ease,var(--spectrum-global-animation-ease-in-out));will-change:transform;position:relative}[dir=ltr] .uFrYBa_spectrum-BarLoader--indeterminate .uFrYBa_spectrum-BarLoader-fill{animation:indeterminate-loop-ltr var(--spectrum-barloader-large-indeterminate-duration,var(--spectrum-global-animation-duration-2000))infinite}[dir=rtl] .uFrYBa_spectrum-BarLoader--indeterminate .uFrYBa_spectrum-BarLoader-fill{animation:indeterminate-loop-rtl var(--spectrum-barloader-large-indeterminate-duration,var(--spectrum-global-animation-duration-2000))infinite}@keyframes uFrYBa_indeterminate-loop-ltr{0%{transform:translate(calc(var(--spectrum-barloader-large-indeterminate-fill-width,var(--spectrum-global-dimension-size-1700))*-1))}to{transform:translate(var(--spectrum-barloader-large-width,var(--spectrum-global-dimension-size-2400)))}}@keyframes uFrYBa_indeterminate-loop-rtl{0%{transform:translate(var(--spectrum-barloader-large-width,var(--spectrum-global-dimension-size-2400)))}to{transform:translate(calc(var(--spectrum-barloader-large-width,var(--spectrum-global-dimension-size-2400))*-1))}}.uFrYBa_spectrum-BarLoader{--spectrum-barloader-large-track-fill-color:var(--spectrum-accent-color-900)}.uFrYBa_spectrum-BarLoader .uFrYBa_spectrum-BarLoader-fill{background:var(--spectrum-barloader-large-track-fill-color,var(--spectrum-global-color-blue-500))}.uFrYBa_spectrum-BarLoader .uFrYBa_spectrum-BarLoader-track{background-color:var(--spectrum-barloader-large-track-color,var(--spectrum-alias-track-color-default))}.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-fill{background:var(--spectrum-barloader-large-over-background-track-fill-color,var(--spectrum-global-color-static-white))}.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-label,.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-percentage{color:var(--spectrum-barloader-large-over-background-track-fill-color,var(--spectrum-global-color-static-white))}.uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-track{background-color:var(--spectrum-barloader-large-over-background-track-color,var(--spectrum-alias-track-color-over-background))}.uFrYBa_spectrum-BarLoader.uFrYBa_is-positive .uFrYBa_spectrum-BarLoader-fill{background:var(--spectrum-meter-large-track-color-positive,var(--spectrum-semantic-positive-color-status))}.uFrYBa_spectrum-BarLoader.uFrYBa_is-warning .uFrYBa_spectrum-BarLoader-fill{background:var(--spectrum-meter-large-track-color-warning,var(--spectrum-semantic-notice-color-status))}.uFrYBa_spectrum-BarLoader.uFrYBa_is-critical .uFrYBa_spectrum-BarLoader-fill{background:var(--spectrum-meter-large-track-color-critical,var(--spectrum-semantic-negative-color-status))}.uFrYBa_spectrum-BarLoader-label,.uFrYBa_spectrum-BarLoader-percentage{color:var(--spectrum-fieldlabel-text-color,var(--spectrum-alias-label-text-color))}@media (forced-colors:active){.uFrYBa_spectrum-BarLoader-track{forced-color-adjust:none;--spectrum-barloader-large-track-fill-color:ButtonText;--spectrum-barloader-large-over-background-track-fill-color:ButtonText;--spectrum-meter-large-track-color-positive:ButtonText;--spectrum-meter-large-track-color-warning:ButtonText;--spectrum-meter-large-track-color-critical:ButtonText;--spectrum-barloader-large-track-color:ButtonFace;border:1px solid ButtonText}}.EQYv7q_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.EQYv7q_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}.EQYv7q_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}.EQYv7q_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.EQYv7q_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.EQYv7q_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.EQYv7q_i18nFontFamily:lang(zh-SG),.EQYv7q_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.EQYv7q_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.EQYv7q_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,MS Pゴシック,MS PGothic,sans-serif}.EQYv7q_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);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.EQYv7q_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;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.EQYv7q_spectrum-FocusRing.EQYv7q_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)}.EQYv7q_spectrum-FocusRing--quiet:after{border-radius:0}.EQYv7q_spectrum-FocusRing--quiet.EQYv7q_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)}.EQYv7q_spectrum-CircleLoader--indeterminate-fill-submask-2{animation:1s linear infinite EQYv7q_spectrum-fill-mask-2}@keyframes EQYv7q_spectrum-fill-mask-1{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0)}11.86%{transform:rotate(0)}13.56%{transform:rotate(0)}15.25%{transform:rotate(0)}16.95%{transform:rotate(0)}18.64%{transform:rotate(0)}20.34%{transform:rotate(0)}22.03%{transform:rotate(0)}23.73%{transform:rotate(0)}25.42%{transform:rotate(0)}27.12%{transform:rotate(0)}28.81%{transform:rotate(0)}30.51%{transform:rotate(0)}32.2%{transform:rotate(0)}33.9%{transform:rotate(0)}35.59%{transform:rotate(0)}37.29%{transform:rotate(0)}38.98%{transform:rotate(0)}40.68%{transform:rotate(0)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes EQYv7q_spectrum-fill-mask-2{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes EQYv7q_spectrum-fills-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.EQYv7q_spectrum-CircleLoader{width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400));direction:ltr;display:inline-block;position:relative}.EQYv7q_spectrum-CircleLoader-track{box-sizing:border-box;width:calc(var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400)));height:calc(var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400)));border-style:solid;border-width:var(--spectrum-loader-circle-medium-border-size);border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400))}.EQYv7q_spectrum-CircleLoader-fills{width:100%;height:100%;position:absolute;top:0;left:0}.EQYv7q_spectrum-CircleLoader-fill{box-sizing:border-box;width:calc(var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400)));height:calc(var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400)));border-style:solid;border-width:var(--spectrum-loader-circle-medium-border-size);border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400))}.EQYv7q_spectrum-CircleLoader-fillMask1,.EQYv7q_spectrum-CircleLoader-fillMask2{transform-origin:100%;width:50%;height:100%;position:absolute;overflow:hidden;transform:rotate(180deg)}.EQYv7q_spectrum-CircleLoader-fillSubMask1,.EQYv7q_spectrum-CircleLoader-fillSubMask2{transform-origin:100%;width:100%;height:100%;overflow:hidden;transform:rotate(-180deg)}.EQYv7q_spectrum-CircleLoader-fillMask2{transform:rotate(0)}.EQYv7q_spectrum-CircleLoader--small{width:var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200));height:var(--spectrum-loader-circle-small-height,var(--spectrum-global-dimension-static-size-200))}.EQYv7q_spectrum-CircleLoader--small .EQYv7q_spectrum-CircleLoader-track,.EQYv7q_spectrum-CircleLoader--small .EQYv7q_spectrum-CircleLoader-fill{width:calc(var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200)));height:calc(var(--spectrum-loader-circle-small-height,var(--spectrum-global-dimension-static-size-200)));border-style:solid;border-width:var(--spectrum-loader-circle-small-border-size);border-radius:var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))}.EQYv7q_spectrum-CircleLoader--large{width:var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-loader-circle-large-height,var(--spectrum-global-dimension-size-800))}.EQYv7q_spectrum-CircleLoader--large .EQYv7q_spectrum-CircleLoader-track,.EQYv7q_spectrum-CircleLoader--large .EQYv7q_spectrum-CircleLoader-fill{width:calc(var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800)));height:calc(var(--spectrum-loader-circle-large-height,var(--spectrum-global-dimension-size-800)));border-style:solid;border-width:var(--spectrum-loader-circle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800))}.EQYv7q_spectrum-CircleLoader--indeterminate .EQYv7q_spectrum-CircleLoader-fills{will-change:transform;transform-origin:50%;animation:1s cubic-bezier(.25,.78,.48,.89) infinite EQYv7q_spectrum-fills-rotate;transform:translateZ(0)}.EQYv7q_spectrum-CircleLoader--indeterminate .EQYv7q_spectrum-CircleLoader-fillSubMask1{will-change:transform;animation:1s linear infinite EQYv7q_spectrum-fill-mask-1;transform:translateZ(0)}.EQYv7q_spectrum-CircleLoader--indeterminate .EQYv7q_spectrum-CircleLoader-fillSubMask2{will-change:transform;animation:1s linear infinite EQYv7q_spectrum-fill-mask-2;transform:translateZ(0)}.EQYv7q_spectrum-CircleLoader{--spectrum-loader-circle-medium-track-fill-color:var(--spectrum-accent-color-900)}.EQYv7q_spectrum-CircleLoader-track{border-color:var(--spectrum-loader-circle-medium-track-color,var(--spectrum-alias-track-color-default))}.EQYv7q_spectrum-CircleLoader-fill{border-color:var(--spectrum-loader-circle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}.EQYv7q_spectrum-CircleLoader--overBackground .EQYv7q_spectrum-CircleLoader-track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}.EQYv7q_spectrum-CircleLoader--overBackground .EQYv7q_spectrum-CircleLoader-fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}.EQYv7q_spectrum-CircleLoader--indeterminate.EQYv7q_spectrum-CircleLoader--overBackground .EQYv7q_spectrum-CircleLoader-track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}.EQYv7q_spectrum-CircleLoader--indeterminate.EQYv7q_spectrum-CircleLoader--overBackground .EQYv7q_spectrum-CircleLoader-fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}@media (forced-colors:active){.EQYv7q_spectrum-CircleLoader{--spectrum-loader-circle-medium-track-fill-color:Highlight;--spectrum-loader-circle-medium-over-background-track-fill-color:Highlight;--spectrum-loader-circle-medium-track-color:CanvasText}}
|
package/dist/main.js
CHANGED
|
@@ -51,55 +51,70 @@ $parcel$export(module.exports, "ProgressBarBase", () => $3d86ae6a9356cc8a$export
|
|
|
51
51
|
|
|
52
52
|
var $9f78a6c009f32d0a$exports = {};
|
|
53
53
|
|
|
54
|
+
$parcel$export($9f78a6c009f32d0a$exports, "focus-ring", () => $9f78a6c009f32d0a$export$f39a09f249340e2a, (v) => $9f78a6c009f32d0a$export$f39a09f249340e2a = v);
|
|
55
|
+
$parcel$export($9f78a6c009f32d0a$exports, "i18nFontFamily", () => $9f78a6c009f32d0a$export$8c4ee2c50c22c514, (v) => $9f78a6c009f32d0a$export$8c4ee2c50c22c514 = v);
|
|
56
|
+
$parcel$export($9f78a6c009f32d0a$exports, "indeterminate-loop-ltr", () => $9f78a6c009f32d0a$export$a889038a25113dd4, (v) => $9f78a6c009f32d0a$export$a889038a25113dd4 = v);
|
|
57
|
+
$parcel$export($9f78a6c009f32d0a$exports, "indeterminate-loop-rtl", () => $9f78a6c009f32d0a$export$aeff243cf3356f00, (v) => $9f78a6c009f32d0a$export$aeff243cf3356f00 = v);
|
|
58
|
+
$parcel$export($9f78a6c009f32d0a$exports, "is-critical", () => $9f78a6c009f32d0a$export$a1f608a9810da50f, (v) => $9f78a6c009f32d0a$export$a1f608a9810da50f = v);
|
|
59
|
+
$parcel$export($9f78a6c009f32d0a$exports, "is-positive", () => $9f78a6c009f32d0a$export$aea9fd919467f03a, (v) => $9f78a6c009f32d0a$export$aea9fd919467f03a = v);
|
|
60
|
+
$parcel$export($9f78a6c009f32d0a$exports, "is-warning", () => $9f78a6c009f32d0a$export$d4ebda6218901908, (v) => $9f78a6c009f32d0a$export$d4ebda6218901908 = v);
|
|
54
61
|
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader", () => $9f78a6c009f32d0a$export$162ba336fb0c239f, (v) => $9f78a6c009f32d0a$export$162ba336fb0c239f = v);
|
|
55
62
|
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader--indeterminate", () => $9f78a6c009f32d0a$export$1249dfbb98223794, (v) => $9f78a6c009f32d0a$export$1249dfbb98223794 = v);
|
|
63
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader--overBackground", () => $9f78a6c009f32d0a$export$55612d0bd9b5d41, (v) => $9f78a6c009f32d0a$export$55612d0bd9b5d41 = v);
|
|
56
64
|
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader--sideLabel", () => $9f78a6c009f32d0a$export$99af8802cc2a10dc, (v) => $9f78a6c009f32d0a$export$99af8802cc2a10dc = v);
|
|
57
|
-
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader
|
|
65
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader--small", () => $9f78a6c009f32d0a$export$b945305960ad74a7, (v) => $9f78a6c009f32d0a$export$b945305960ad74a7 = v);
|
|
58
66
|
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader-fill", () => $9f78a6c009f32d0a$export$84c9ee7bc724b71b, (v) => $9f78a6c009f32d0a$export$84c9ee7bc724b71b = v);
|
|
59
67
|
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader-label", () => $9f78a6c009f32d0a$export$5379ba198163be86, (v) => $9f78a6c009f32d0a$export$5379ba198163be86 = v);
|
|
60
68
|
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader-percentage", () => $9f78a6c009f32d0a$export$ecc9c825de9d1a18, (v) => $9f78a6c009f32d0a$export$ecc9c825de9d1a18 = v);
|
|
61
|
-
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader
|
|
62
|
-
$parcel$export($9f78a6c009f32d0a$exports, "
|
|
63
|
-
$parcel$export($9f78a6c009f32d0a$exports, "
|
|
64
|
-
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
69
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-BarLoader-track", () => $9f78a6c009f32d0a$export$3e2e13fb57b5c74b, (v) => $9f78a6c009f32d0a$export$3e2e13fb57b5c74b = v);
|
|
70
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-FocusRing-ring", () => $9f78a6c009f32d0a$export$4109102f950813a6, (v) => $9f78a6c009f32d0a$export$4109102f950813a6 = v);
|
|
71
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-FocusRing", () => $9f78a6c009f32d0a$export$24c7f46a6e3605dd, (v) => $9f78a6c009f32d0a$export$24c7f46a6e3605dd = v);
|
|
72
|
+
$parcel$export($9f78a6c009f32d0a$exports, "spectrum-FocusRing--quiet", () => $9f78a6c009f32d0a$export$2927016961429360, (v) => $9f78a6c009f32d0a$export$2927016961429360 = v);
|
|
73
|
+
var $9f78a6c009f32d0a$export$f39a09f249340e2a;
|
|
74
|
+
var $9f78a6c009f32d0a$export$8c4ee2c50c22c514;
|
|
75
|
+
var $9f78a6c009f32d0a$export$a889038a25113dd4;
|
|
76
|
+
var $9f78a6c009f32d0a$export$aeff243cf3356f00;
|
|
77
|
+
var $9f78a6c009f32d0a$export$a1f608a9810da50f;
|
|
78
|
+
var $9f78a6c009f32d0a$export$aea9fd919467f03a;
|
|
79
|
+
var $9f78a6c009f32d0a$export$d4ebda6218901908;
|
|
68
80
|
var $9f78a6c009f32d0a$export$162ba336fb0c239f;
|
|
69
81
|
var $9f78a6c009f32d0a$export$1249dfbb98223794;
|
|
82
|
+
var $9f78a6c009f32d0a$export$55612d0bd9b5d41;
|
|
70
83
|
var $9f78a6c009f32d0a$export$99af8802cc2a10dc;
|
|
71
|
-
var $9f78a6c009f32d0a$export$
|
|
84
|
+
var $9f78a6c009f32d0a$export$b945305960ad74a7;
|
|
72
85
|
var $9f78a6c009f32d0a$export$84c9ee7bc724b71b;
|
|
73
86
|
var $9f78a6c009f32d0a$export$5379ba198163be86;
|
|
74
87
|
var $9f78a6c009f32d0a$export$ecc9c825de9d1a18;
|
|
75
|
-
var $9f78a6c009f32d0a$export$
|
|
76
|
-
var $9f78a6c009f32d0a$export$
|
|
77
|
-
var $9f78a6c009f32d0a$export$
|
|
78
|
-
var $9f78a6c009f32d0a$export$
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
$9f78a6c009f32d0a$export$
|
|
83
|
-
$9f78a6c009f32d0a$export$
|
|
84
|
-
$9f78a6c009f32d0a$export$
|
|
85
|
-
$9f78a6c009f32d0a$export$
|
|
86
|
-
$9f78a6c009f32d0a$export$
|
|
87
|
-
$9f78a6c009f32d0a$export$
|
|
88
|
-
$9f78a6c009f32d0a$export$
|
|
89
|
-
$9f78a6c009f32d0a$export$
|
|
90
|
-
$9f78a6c009f32d0a$export$
|
|
91
|
-
$9f78a6c009f32d0a$export$
|
|
92
|
-
$9f78a6c009f32d0a$export$
|
|
93
|
-
$9f78a6c009f32d0a$export$
|
|
94
|
-
$9f78a6c009f32d0a$export$
|
|
95
|
-
$9f78a6c009f32d0a$export$
|
|
88
|
+
var $9f78a6c009f32d0a$export$3e2e13fb57b5c74b;
|
|
89
|
+
var $9f78a6c009f32d0a$export$4109102f950813a6;
|
|
90
|
+
var $9f78a6c009f32d0a$export$24c7f46a6e3605dd;
|
|
91
|
+
var $9f78a6c009f32d0a$export$2927016961429360;
|
|
92
|
+
$9f78a6c009f32d0a$export$f39a09f249340e2a = `uFrYBa_focus-ring`;
|
|
93
|
+
$9f78a6c009f32d0a$export$8c4ee2c50c22c514 = `uFrYBa_i18nFontFamily`;
|
|
94
|
+
$9f78a6c009f32d0a$export$a889038a25113dd4 = `uFrYBa_indeterminate-loop-ltr`;
|
|
95
|
+
$9f78a6c009f32d0a$export$aeff243cf3356f00 = `uFrYBa_indeterminate-loop-rtl`;
|
|
96
|
+
$9f78a6c009f32d0a$export$a1f608a9810da50f = `uFrYBa_is-critical`;
|
|
97
|
+
$9f78a6c009f32d0a$export$aea9fd919467f03a = `uFrYBa_is-positive`;
|
|
98
|
+
$9f78a6c009f32d0a$export$d4ebda6218901908 = `uFrYBa_is-warning`;
|
|
99
|
+
$9f78a6c009f32d0a$export$162ba336fb0c239f = `uFrYBa_spectrum-BarLoader`;
|
|
100
|
+
$9f78a6c009f32d0a$export$1249dfbb98223794 = `uFrYBa_spectrum-BarLoader--indeterminate`;
|
|
101
|
+
$9f78a6c009f32d0a$export$55612d0bd9b5d41 = `uFrYBa_spectrum-BarLoader--overBackground`;
|
|
102
|
+
$9f78a6c009f32d0a$export$99af8802cc2a10dc = `uFrYBa_spectrum-BarLoader--sideLabel`;
|
|
103
|
+
$9f78a6c009f32d0a$export$b945305960ad74a7 = `uFrYBa_spectrum-BarLoader--small`;
|
|
104
|
+
$9f78a6c009f32d0a$export$84c9ee7bc724b71b = `uFrYBa_spectrum-BarLoader-fill`;
|
|
105
|
+
$9f78a6c009f32d0a$export$5379ba198163be86 = `uFrYBa_spectrum-BarLoader-label`;
|
|
106
|
+
$9f78a6c009f32d0a$export$ecc9c825de9d1a18 = `uFrYBa_spectrum-BarLoader-percentage`;
|
|
107
|
+
$9f78a6c009f32d0a$export$3e2e13fb57b5c74b = `uFrYBa_spectrum-BarLoader-track`;
|
|
108
|
+
$9f78a6c009f32d0a$export$4109102f950813a6 = `uFrYBa_spectrum-FocusRing-ring`;
|
|
109
|
+
$9f78a6c009f32d0a$export$24c7f46a6e3605dd = `uFrYBa_spectrum-FocusRing ${$9f78a6c009f32d0a$export$4109102f950813a6}`;
|
|
110
|
+
$9f78a6c009f32d0a$export$2927016961429360 = `uFrYBa_spectrum-FocusRing--quiet`;
|
|
96
111
|
|
|
97
112
|
|
|
98
113
|
// Base ProgressBar component shared with Meter.
|
|
99
114
|
function $3d86ae6a9356cc8a$var$ProgressBarBase(props, ref) {
|
|
100
|
-
let { value: value = 0
|
|
115
|
+
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;
|
|
101
116
|
let domRef = (0, $cIANI$reactspectrumutils.useDOMRef)(ref);
|
|
102
|
-
let { styleProps: styleProps
|
|
117
|
+
let { styleProps: styleProps } = (0, $cIANI$reactspectrumutils.useStyleProps)(otherProps);
|
|
103
118
|
value = (0, $cIANI$reactariautils.clamp)(value, minValue, maxValue);
|
|
104
119
|
let barStyle = {};
|
|
105
120
|
if (!isIndeterminate) {
|
|
@@ -142,8 +157,8 @@ let $3d86ae6a9356cc8a$export$7c6ed87244065f3a = /*#__PURE__*/ (0, ($parcel$inter
|
|
|
142
157
|
|
|
143
158
|
|
|
144
159
|
function $08d0cdc7f7a792a7$var$ProgressBar(props, ref) {
|
|
145
|
-
let { variant: variant
|
|
146
|
-
const { progressBarProps: progressBarProps
|
|
160
|
+
let { variant: variant, ...otherProps } = props;
|
|
161
|
+
const { progressBarProps: progressBarProps, labelProps: labelProps } = (0, $cIANI$reactariaprogress.useProgressBar)(props);
|
|
147
162
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($cIANI$react))).createElement((0, $3d86ae6a9356cc8a$export$7c6ed87244065f3a), {
|
|
148
163
|
...otherProps,
|
|
149
164
|
ref: ref,
|
|
@@ -175,63 +190,81 @@ function $08d0cdc7f7a792a7$var$ProgressBar(props, ref) {
|
|
|
175
190
|
|
|
176
191
|
var $f4d8d13edf2d3ca2$exports = {};
|
|
177
192
|
|
|
178
|
-
$parcel$export($f4d8d13edf2d3ca2$exports, "
|
|
179
|
-
$parcel$export($f4d8d13edf2d3ca2$exports, "
|
|
193
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "focus-ring", () => $f4d8d13edf2d3ca2$export$f39a09f249340e2a, (v) => $f4d8d13edf2d3ca2$export$f39a09f249340e2a = v);
|
|
194
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "i18nFontFamily", () => $f4d8d13edf2d3ca2$export$8c4ee2c50c22c514, (v) => $f4d8d13edf2d3ca2$export$8c4ee2c50c22c514 = v);
|
|
180
195
|
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader", () => $f4d8d13edf2d3ca2$export$9633d311d6d6830b, (v) => $f4d8d13edf2d3ca2$export$9633d311d6d6830b = v);
|
|
181
|
-
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader
|
|
182
|
-
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-
|
|
196
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader--indeterminate", () => $f4d8d13edf2d3ca2$export$79b7e5abeef5134f, (v) => $f4d8d13edf2d3ca2$export$79b7e5abeef5134f = v);
|
|
197
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader--indeterminate-fill-submask-2", () => $f4d8d13edf2d3ca2$export$f7083dbeadcbb2bd, (v) => $f4d8d13edf2d3ca2$export$f7083dbeadcbb2bd = v);
|
|
198
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader--large", () => $f4d8d13edf2d3ca2$export$c8c34e5e37bf511c, (v) => $f4d8d13edf2d3ca2$export$c8c34e5e37bf511c = v);
|
|
199
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader--overBackground", () => $f4d8d13edf2d3ca2$export$6668708cb539f403, (v) => $f4d8d13edf2d3ca2$export$6668708cb539f403 = v);
|
|
200
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader--small", () => $f4d8d13edf2d3ca2$export$79819ab9844dbe9b, (v) => $f4d8d13edf2d3ca2$export$79819ab9844dbe9b = v);
|
|
183
201
|
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-fill", () => $f4d8d13edf2d3ca2$export$58fb9ac68cf8e784, (v) => $f4d8d13edf2d3ca2$export$58fb9ac68cf8e784 = v);
|
|
184
202
|
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-fillMask1", () => $f4d8d13edf2d3ca2$export$b676cd958401a736, (v) => $f4d8d13edf2d3ca2$export$b676cd958401a736 = v);
|
|
185
203
|
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-fillMask2", () => $f4d8d13edf2d3ca2$export$8c428f4f13e424b, (v) => $f4d8d13edf2d3ca2$export$8c428f4f13e424b = v);
|
|
186
204
|
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-fillSubMask1", () => $f4d8d13edf2d3ca2$export$98ba5ef650aeb8ca, (v) => $f4d8d13edf2d3ca2$export$98ba5ef650aeb8ca = v);
|
|
187
205
|
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-fillSubMask2", () => $f4d8d13edf2d3ca2$export$dc70b48c897b0f1a, (v) => $f4d8d13edf2d3ca2$export$dc70b48c897b0f1a = v);
|
|
188
|
-
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader
|
|
189
|
-
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader
|
|
190
|
-
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-
|
|
191
|
-
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-
|
|
206
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-fills", () => $f4d8d13edf2d3ca2$export$3038f4c0c86f539b, (v) => $f4d8d13edf2d3ca2$export$3038f4c0c86f539b = v);
|
|
207
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-CircleLoader-track", () => $f4d8d13edf2d3ca2$export$278efdb85ed802da, (v) => $f4d8d13edf2d3ca2$export$278efdb85ed802da = v);
|
|
208
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-FocusRing-ring", () => $f4d8d13edf2d3ca2$export$4109102f950813a6, (v) => $f4d8d13edf2d3ca2$export$4109102f950813a6 = v);
|
|
209
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-FocusRing", () => $f4d8d13edf2d3ca2$export$24c7f46a6e3605dd, (v) => $f4d8d13edf2d3ca2$export$24c7f46a6e3605dd = v);
|
|
210
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-FocusRing--quiet", () => $f4d8d13edf2d3ca2$export$2927016961429360, (v) => $f4d8d13edf2d3ca2$export$2927016961429360 = v);
|
|
192
211
|
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-fill-mask-1", () => $f4d8d13edf2d3ca2$export$524c81e63e1d64f5, (v) => $f4d8d13edf2d3ca2$export$524c81e63e1d64f5 = v);
|
|
193
|
-
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-
|
|
194
|
-
|
|
195
|
-
var $f4d8d13edf2d3ca2$export$
|
|
212
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-fill-mask-2", () => $f4d8d13edf2d3ca2$export$7219832bea80eb54, (v) => $f4d8d13edf2d3ca2$export$7219832bea80eb54 = v);
|
|
213
|
+
$parcel$export($f4d8d13edf2d3ca2$exports, "spectrum-fills-rotate", () => $f4d8d13edf2d3ca2$export$3663cbdb240663ec, (v) => $f4d8d13edf2d3ca2$export$3663cbdb240663ec = v);
|
|
214
|
+
var $f4d8d13edf2d3ca2$export$f39a09f249340e2a;
|
|
215
|
+
var $f4d8d13edf2d3ca2$export$8c4ee2c50c22c514;
|
|
196
216
|
var $f4d8d13edf2d3ca2$export$9633d311d6d6830b;
|
|
197
|
-
var $f4d8d13edf2d3ca2$export$
|
|
198
|
-
var $f4d8d13edf2d3ca2$export$
|
|
217
|
+
var $f4d8d13edf2d3ca2$export$79b7e5abeef5134f;
|
|
218
|
+
var $f4d8d13edf2d3ca2$export$f7083dbeadcbb2bd;
|
|
219
|
+
var $f4d8d13edf2d3ca2$export$c8c34e5e37bf511c;
|
|
220
|
+
var $f4d8d13edf2d3ca2$export$6668708cb539f403;
|
|
221
|
+
var $f4d8d13edf2d3ca2$export$79819ab9844dbe9b;
|
|
199
222
|
var $f4d8d13edf2d3ca2$export$58fb9ac68cf8e784;
|
|
200
223
|
var $f4d8d13edf2d3ca2$export$b676cd958401a736;
|
|
201
224
|
var $f4d8d13edf2d3ca2$export$8c428f4f13e424b;
|
|
202
225
|
var $f4d8d13edf2d3ca2$export$98ba5ef650aeb8ca;
|
|
203
226
|
var $f4d8d13edf2d3ca2$export$dc70b48c897b0f1a;
|
|
204
|
-
var $f4d8d13edf2d3ca2$export$
|
|
205
|
-
var $f4d8d13edf2d3ca2$export$
|
|
206
|
-
var $f4d8d13edf2d3ca2$export$
|
|
207
|
-
var $f4d8d13edf2d3ca2$export$
|
|
227
|
+
var $f4d8d13edf2d3ca2$export$3038f4c0c86f539b;
|
|
228
|
+
var $f4d8d13edf2d3ca2$export$278efdb85ed802da;
|
|
229
|
+
var $f4d8d13edf2d3ca2$export$4109102f950813a6;
|
|
230
|
+
var $f4d8d13edf2d3ca2$export$24c7f46a6e3605dd;
|
|
231
|
+
var $f4d8d13edf2d3ca2$export$2927016961429360;
|
|
208
232
|
var $f4d8d13edf2d3ca2$export$524c81e63e1d64f5;
|
|
209
|
-
var $f4d8d13edf2d3ca2$export$
|
|
210
|
-
$f4d8d13edf2d3ca2$export$
|
|
211
|
-
$f4d8d13edf2d3ca2$export$
|
|
212
|
-
$f4d8d13edf2d3ca2$export$
|
|
213
|
-
$f4d8d13edf2d3ca2$export$
|
|
214
|
-
$f4d8d13edf2d3ca2$export$
|
|
215
|
-
$f4d8d13edf2d3ca2$export$
|
|
216
|
-
$f4d8d13edf2d3ca2$export$
|
|
217
|
-
$f4d8d13edf2d3ca2$export$
|
|
218
|
-
$f4d8d13edf2d3ca2$export$
|
|
219
|
-
$f4d8d13edf2d3ca2$export$
|
|
220
|
-
$f4d8d13edf2d3ca2$export$
|
|
221
|
-
$f4d8d13edf2d3ca2$export$
|
|
222
|
-
$f4d8d13edf2d3ca2$export$
|
|
223
|
-
$f4d8d13edf2d3ca2$export$
|
|
224
|
-
$f4d8d13edf2d3ca2$export$
|
|
225
|
-
$f4d8d13edf2d3ca2$export$
|
|
233
|
+
var $f4d8d13edf2d3ca2$export$7219832bea80eb54;
|
|
234
|
+
var $f4d8d13edf2d3ca2$export$3663cbdb240663ec;
|
|
235
|
+
$f4d8d13edf2d3ca2$export$f39a09f249340e2a = `EQYv7q_focus-ring`;
|
|
236
|
+
$f4d8d13edf2d3ca2$export$8c4ee2c50c22c514 = `EQYv7q_i18nFontFamily`;
|
|
237
|
+
$f4d8d13edf2d3ca2$export$9633d311d6d6830b = `EQYv7q_spectrum-CircleLoader`;
|
|
238
|
+
$f4d8d13edf2d3ca2$export$79b7e5abeef5134f = `EQYv7q_spectrum-CircleLoader--indeterminate`;
|
|
239
|
+
$f4d8d13edf2d3ca2$export$f7083dbeadcbb2bd = `EQYv7q_spectrum-CircleLoader--indeterminate-fill-submask-2`;
|
|
240
|
+
$f4d8d13edf2d3ca2$export$c8c34e5e37bf511c = `EQYv7q_spectrum-CircleLoader--large`;
|
|
241
|
+
$f4d8d13edf2d3ca2$export$6668708cb539f403 = `EQYv7q_spectrum-CircleLoader--overBackground`;
|
|
242
|
+
$f4d8d13edf2d3ca2$export$79819ab9844dbe9b = `EQYv7q_spectrum-CircleLoader--small`;
|
|
243
|
+
$f4d8d13edf2d3ca2$export$58fb9ac68cf8e784 = `EQYv7q_spectrum-CircleLoader-fill`;
|
|
244
|
+
$f4d8d13edf2d3ca2$export$b676cd958401a736 = `EQYv7q_spectrum-CircleLoader-fillMask1`;
|
|
245
|
+
$f4d8d13edf2d3ca2$export$8c428f4f13e424b = `EQYv7q_spectrum-CircleLoader-fillMask2`;
|
|
246
|
+
$f4d8d13edf2d3ca2$export$98ba5ef650aeb8ca = `EQYv7q_spectrum-CircleLoader-fillSubMask1`;
|
|
247
|
+
$f4d8d13edf2d3ca2$export$dc70b48c897b0f1a = `EQYv7q_spectrum-CircleLoader-fillSubMask2`;
|
|
248
|
+
$f4d8d13edf2d3ca2$export$3038f4c0c86f539b = `EQYv7q_spectrum-CircleLoader-fills`;
|
|
249
|
+
$f4d8d13edf2d3ca2$export$278efdb85ed802da = `EQYv7q_spectrum-CircleLoader-track`;
|
|
250
|
+
$f4d8d13edf2d3ca2$export$4109102f950813a6 = `EQYv7q_spectrum-FocusRing-ring`;
|
|
251
|
+
$f4d8d13edf2d3ca2$export$24c7f46a6e3605dd = `EQYv7q_spectrum-FocusRing ${$f4d8d13edf2d3ca2$export$4109102f950813a6}`;
|
|
252
|
+
$f4d8d13edf2d3ca2$export$2927016961429360 = `EQYv7q_spectrum-FocusRing--quiet`;
|
|
253
|
+
$f4d8d13edf2d3ca2$export$524c81e63e1d64f5 = `EQYv7q_spectrum-fill-mask-1`;
|
|
254
|
+
$f4d8d13edf2d3ca2$export$524c81e63e1d64f5;
|
|
255
|
+
$f4d8d13edf2d3ca2$export$7219832bea80eb54 = `EQYv7q_spectrum-fill-mask-2`;
|
|
256
|
+
$f4d8d13edf2d3ca2$export$7219832bea80eb54;
|
|
257
|
+
$f4d8d13edf2d3ca2$export$3663cbdb240663ec = `EQYv7q_spectrum-fills-rotate`;
|
|
258
|
+
$f4d8d13edf2d3ca2$export$3663cbdb240663ec;
|
|
226
259
|
|
|
227
260
|
|
|
228
261
|
|
|
229
262
|
function $365887133501f5a1$var$ProgressCircle(props, ref) {
|
|
230
|
-
let { value: value = 0
|
|
263
|
+
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;
|
|
231
264
|
let domRef = (0, $cIANI$reactspectrumutils.useDOMRef)(ref);
|
|
232
|
-
let { styleProps: styleProps
|
|
265
|
+
let { styleProps: styleProps } = (0, $cIANI$reactspectrumutils.useStyleProps)(otherProps);
|
|
233
266
|
value = (0, $cIANI$reactariautils.clamp)(value, minValue, maxValue);
|
|
234
|
-
let { progressBarProps: progressBarProps
|
|
267
|
+
let { progressBarProps: progressBarProps } = (0, $cIANI$reactariaprogress.useProgressBar)({
|
|
235
268
|
...props,
|
|
236
269
|
value: value
|
|
237
270
|
});
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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 {ProgressBar} from './ProgressBar';\nexport {ProgressCircle} from './ProgressCircle';\nexport {ProgressBarBase} from './ProgressBarBase';\nexport type {SpectrumProgressBarProps, SpectrumProgressCircleProps} from '@react-types/progress';\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, SpectrumProgressBarBaseProps} from '@react-types/progress';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\n\ninterface ProgressBarBaseProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n barClassName?: string,\n barProps?: HTMLAttributes<HTMLDivElement>,\n labelProps?: HTMLAttributes<HTMLLabelElement>\n}\n\n// Base ProgressBar component shared with Meter.\nfunction ProgressBarBase(props: ProgressBarBaseProps, ref: DOMRef<HTMLDivElement>) {\n let {\n value = 0,\n minValue = 0,\n maxValue = 100,\n size = 'L',\n label,\n barClassName,\n showValueLabel = !!label,\n labelPosition = 'top',\n isIndeterminate = false,\n barProps,\n labelProps,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n value = clamp(value, minValue, maxValue);\n\n let barStyle: CSSProperties = {};\n if (!isIndeterminate) {\n let percentage = (value - minValue) / (maxValue - minValue);\n barStyle.width = `${Math.round(percentage * 100)}%`;\n }\n\n // Ideally this should be in useProgressBar, but children\n // are not supported in ProgressCircle which shares that hook...\n if (!label && !ariaLabel && !ariaLabelledby) {\n console.warn('If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility');\n }\n // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files\n return (\n <div\n {...barProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-BarLoader',\n {\n 'spectrum-BarLoader--small': size === 'S',\n 'spectrum-BarLoader--large': size === 'L',\n 'spectrum-BarLoader--indeterminate': isIndeterminate,\n 'spectrum-BarLoader--sideLabel': labelPosition === 'side'\n },\n barClassName,\n styleProps.className\n )\n }\n style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n {label &&\n <span\n {...labelProps}\n className={classNames(styles, 'spectrum-BarLoader-label')}>\n {label}\n </span>\n }\n {showValueLabel &&\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, or processing, in a visual way.\n * They can represent determinate or indeterminate progress.\n */\nlet _ProgressCircle = React.forwardRef(ProgressCircle);\nexport {_ProgressCircle as ProgressCircle};\n","/*\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"}
|
|
1
|
+
{"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 {ProgressBar} from './ProgressBar';\nexport {ProgressCircle} from './ProgressCircle';\nexport {ProgressBarBase} from './ProgressBarBase';\nexport type {SpectrumProgressBarProps, SpectrumProgressCircleProps} from '@react-types/progress';\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, SpectrumProgressBarBaseProps} from '@react-types/progress';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\n\ninterface ProgressBarBaseProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n barClassName?: string,\n barProps?: HTMLAttributes<HTMLDivElement>,\n labelProps?: HTMLAttributes<HTMLLabelElement>\n}\n\n// Base ProgressBar component shared with Meter.\nfunction ProgressBarBase(props: ProgressBarBaseProps, ref: DOMRef<HTMLDivElement>) {\n let {\n value = 0,\n minValue = 0,\n maxValue = 100,\n size = 'L',\n label,\n barClassName,\n showValueLabel = !!label,\n labelPosition = 'top',\n isIndeterminate = false,\n barProps,\n labelProps,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n value = clamp(value, minValue, maxValue);\n\n let barStyle: CSSProperties = {};\n if (!isIndeterminate) {\n let percentage = (value - minValue) / (maxValue - minValue);\n barStyle.width = `${Math.round(percentage * 100)}%`;\n }\n\n // Ideally this should be in useProgressBar, but children\n // are not supported in ProgressCircle which shares that hook...\n if (!label && !ariaLabel && !ariaLabelledby) {\n console.warn('If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility');\n }\n // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files\n return (\n <div\n {...barProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-BarLoader',\n {\n 'spectrum-BarLoader--small': size === 'S',\n 'spectrum-BarLoader--large': size === 'L',\n 'spectrum-BarLoader--indeterminate': isIndeterminate,\n 'spectrum-BarLoader--sideLabel': labelPosition === 'side'\n },\n barClassName,\n styleProps.className\n )\n }\n style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n {label &&\n <span\n {...labelProps}\n className={classNames(styles, 'spectrum-BarLoader-label')}>\n {label}\n </span>\n }\n {showValueLabel &&\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, or processing, in a visual way.\n * They can represent determinate or indeterminate progress.\n */\nlet _ProgressCircle = React.forwardRef(ProgressCircle);\nexport {_ProgressCircle as ProgressCircle};\n","/*\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
CHANGED
|
@@ -47,55 +47,70 @@ function $parcel$export(e, n, v, s) {
|
|
|
47
47
|
|
|
48
48
|
var $a43f840f49ffbe32$exports = {};
|
|
49
49
|
|
|
50
|
+
$parcel$export($a43f840f49ffbe32$exports, "focus-ring", () => $a43f840f49ffbe32$export$f39a09f249340e2a, (v) => $a43f840f49ffbe32$export$f39a09f249340e2a = v);
|
|
51
|
+
$parcel$export($a43f840f49ffbe32$exports, "i18nFontFamily", () => $a43f840f49ffbe32$export$8c4ee2c50c22c514, (v) => $a43f840f49ffbe32$export$8c4ee2c50c22c514 = v);
|
|
52
|
+
$parcel$export($a43f840f49ffbe32$exports, "indeterminate-loop-ltr", () => $a43f840f49ffbe32$export$a889038a25113dd4, (v) => $a43f840f49ffbe32$export$a889038a25113dd4 = v);
|
|
53
|
+
$parcel$export($a43f840f49ffbe32$exports, "indeterminate-loop-rtl", () => $a43f840f49ffbe32$export$aeff243cf3356f00, (v) => $a43f840f49ffbe32$export$aeff243cf3356f00 = v);
|
|
54
|
+
$parcel$export($a43f840f49ffbe32$exports, "is-critical", () => $a43f840f49ffbe32$export$a1f608a9810da50f, (v) => $a43f840f49ffbe32$export$a1f608a9810da50f = v);
|
|
55
|
+
$parcel$export($a43f840f49ffbe32$exports, "is-positive", () => $a43f840f49ffbe32$export$aea9fd919467f03a, (v) => $a43f840f49ffbe32$export$aea9fd919467f03a = v);
|
|
56
|
+
$parcel$export($a43f840f49ffbe32$exports, "is-warning", () => $a43f840f49ffbe32$export$d4ebda6218901908, (v) => $a43f840f49ffbe32$export$d4ebda6218901908 = v);
|
|
50
57
|
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader", () => $a43f840f49ffbe32$export$162ba336fb0c239f, (v) => $a43f840f49ffbe32$export$162ba336fb0c239f = v);
|
|
51
58
|
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader--indeterminate", () => $a43f840f49ffbe32$export$1249dfbb98223794, (v) => $a43f840f49ffbe32$export$1249dfbb98223794 = v);
|
|
59
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader--overBackground", () => $a43f840f49ffbe32$export$55612d0bd9b5d41, (v) => $a43f840f49ffbe32$export$55612d0bd9b5d41 = v);
|
|
52
60
|
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader--sideLabel", () => $a43f840f49ffbe32$export$99af8802cc2a10dc, (v) => $a43f840f49ffbe32$export$99af8802cc2a10dc = v);
|
|
53
|
-
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader
|
|
61
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader--small", () => $a43f840f49ffbe32$export$b945305960ad74a7, (v) => $a43f840f49ffbe32$export$b945305960ad74a7 = v);
|
|
54
62
|
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader-fill", () => $a43f840f49ffbe32$export$84c9ee7bc724b71b, (v) => $a43f840f49ffbe32$export$84c9ee7bc724b71b = v);
|
|
55
63
|
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader-label", () => $a43f840f49ffbe32$export$5379ba198163be86, (v) => $a43f840f49ffbe32$export$5379ba198163be86 = v);
|
|
56
64
|
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader-percentage", () => $a43f840f49ffbe32$export$ecc9c825de9d1a18, (v) => $a43f840f49ffbe32$export$ecc9c825de9d1a18 = v);
|
|
57
|
-
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader
|
|
58
|
-
$parcel$export($a43f840f49ffbe32$exports, "
|
|
59
|
-
$parcel$export($a43f840f49ffbe32$exports, "
|
|
60
|
-
$parcel$export($a43f840f49ffbe32$exports, "spectrum-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
65
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-BarLoader-track", () => $a43f840f49ffbe32$export$3e2e13fb57b5c74b, (v) => $a43f840f49ffbe32$export$3e2e13fb57b5c74b = v);
|
|
66
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-FocusRing-ring", () => $a43f840f49ffbe32$export$4109102f950813a6, (v) => $a43f840f49ffbe32$export$4109102f950813a6 = v);
|
|
67
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-FocusRing", () => $a43f840f49ffbe32$export$24c7f46a6e3605dd, (v) => $a43f840f49ffbe32$export$24c7f46a6e3605dd = v);
|
|
68
|
+
$parcel$export($a43f840f49ffbe32$exports, "spectrum-FocusRing--quiet", () => $a43f840f49ffbe32$export$2927016961429360, (v) => $a43f840f49ffbe32$export$2927016961429360 = v);
|
|
69
|
+
var $a43f840f49ffbe32$export$f39a09f249340e2a;
|
|
70
|
+
var $a43f840f49ffbe32$export$8c4ee2c50c22c514;
|
|
71
|
+
var $a43f840f49ffbe32$export$a889038a25113dd4;
|
|
72
|
+
var $a43f840f49ffbe32$export$aeff243cf3356f00;
|
|
73
|
+
var $a43f840f49ffbe32$export$a1f608a9810da50f;
|
|
74
|
+
var $a43f840f49ffbe32$export$aea9fd919467f03a;
|
|
75
|
+
var $a43f840f49ffbe32$export$d4ebda6218901908;
|
|
64
76
|
var $a43f840f49ffbe32$export$162ba336fb0c239f;
|
|
65
77
|
var $a43f840f49ffbe32$export$1249dfbb98223794;
|
|
78
|
+
var $a43f840f49ffbe32$export$55612d0bd9b5d41;
|
|
66
79
|
var $a43f840f49ffbe32$export$99af8802cc2a10dc;
|
|
67
|
-
var $a43f840f49ffbe32$export$
|
|
80
|
+
var $a43f840f49ffbe32$export$b945305960ad74a7;
|
|
68
81
|
var $a43f840f49ffbe32$export$84c9ee7bc724b71b;
|
|
69
82
|
var $a43f840f49ffbe32$export$5379ba198163be86;
|
|
70
83
|
var $a43f840f49ffbe32$export$ecc9c825de9d1a18;
|
|
71
|
-
var $a43f840f49ffbe32$export$
|
|
72
|
-
var $a43f840f49ffbe32$export$
|
|
73
|
-
var $a43f840f49ffbe32$export$
|
|
74
|
-
var $a43f840f49ffbe32$export$
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
$a43f840f49ffbe32$export$
|
|
79
|
-
$a43f840f49ffbe32$export$
|
|
80
|
-
$a43f840f49ffbe32$export$
|
|
81
|
-
$a43f840f49ffbe32$export$
|
|
82
|
-
$a43f840f49ffbe32$export$
|
|
83
|
-
$a43f840f49ffbe32$export$
|
|
84
|
-
$a43f840f49ffbe32$export$
|
|
85
|
-
$a43f840f49ffbe32$export$
|
|
86
|
-
$a43f840f49ffbe32$export$
|
|
87
|
-
$a43f840f49ffbe32$export$
|
|
88
|
-
$a43f840f49ffbe32$export$
|
|
89
|
-
$a43f840f49ffbe32$export$
|
|
90
|
-
$a43f840f49ffbe32$export$
|
|
91
|
-
$a43f840f49ffbe32$export$
|
|
84
|
+
var $a43f840f49ffbe32$export$3e2e13fb57b5c74b;
|
|
85
|
+
var $a43f840f49ffbe32$export$4109102f950813a6;
|
|
86
|
+
var $a43f840f49ffbe32$export$24c7f46a6e3605dd;
|
|
87
|
+
var $a43f840f49ffbe32$export$2927016961429360;
|
|
88
|
+
$a43f840f49ffbe32$export$f39a09f249340e2a = `uFrYBa_focus-ring`;
|
|
89
|
+
$a43f840f49ffbe32$export$8c4ee2c50c22c514 = `uFrYBa_i18nFontFamily`;
|
|
90
|
+
$a43f840f49ffbe32$export$a889038a25113dd4 = `uFrYBa_indeterminate-loop-ltr`;
|
|
91
|
+
$a43f840f49ffbe32$export$aeff243cf3356f00 = `uFrYBa_indeterminate-loop-rtl`;
|
|
92
|
+
$a43f840f49ffbe32$export$a1f608a9810da50f = `uFrYBa_is-critical`;
|
|
93
|
+
$a43f840f49ffbe32$export$aea9fd919467f03a = `uFrYBa_is-positive`;
|
|
94
|
+
$a43f840f49ffbe32$export$d4ebda6218901908 = `uFrYBa_is-warning`;
|
|
95
|
+
$a43f840f49ffbe32$export$162ba336fb0c239f = `uFrYBa_spectrum-BarLoader`;
|
|
96
|
+
$a43f840f49ffbe32$export$1249dfbb98223794 = `uFrYBa_spectrum-BarLoader--indeterminate`;
|
|
97
|
+
$a43f840f49ffbe32$export$55612d0bd9b5d41 = `uFrYBa_spectrum-BarLoader--overBackground`;
|
|
98
|
+
$a43f840f49ffbe32$export$99af8802cc2a10dc = `uFrYBa_spectrum-BarLoader--sideLabel`;
|
|
99
|
+
$a43f840f49ffbe32$export$b945305960ad74a7 = `uFrYBa_spectrum-BarLoader--small`;
|
|
100
|
+
$a43f840f49ffbe32$export$84c9ee7bc724b71b = `uFrYBa_spectrum-BarLoader-fill`;
|
|
101
|
+
$a43f840f49ffbe32$export$5379ba198163be86 = `uFrYBa_spectrum-BarLoader-label`;
|
|
102
|
+
$a43f840f49ffbe32$export$ecc9c825de9d1a18 = `uFrYBa_spectrum-BarLoader-percentage`;
|
|
103
|
+
$a43f840f49ffbe32$export$3e2e13fb57b5c74b = `uFrYBa_spectrum-BarLoader-track`;
|
|
104
|
+
$a43f840f49ffbe32$export$4109102f950813a6 = `uFrYBa_spectrum-FocusRing-ring`;
|
|
105
|
+
$a43f840f49ffbe32$export$24c7f46a6e3605dd = `uFrYBa_spectrum-FocusRing ${$a43f840f49ffbe32$export$4109102f950813a6}`;
|
|
106
|
+
$a43f840f49ffbe32$export$2927016961429360 = `uFrYBa_spectrum-FocusRing--quiet`;
|
|
92
107
|
|
|
93
108
|
|
|
94
109
|
// Base ProgressBar component shared with Meter.
|
|
95
110
|
function $ddf9337e928b5fe6$var$ProgressBarBase(props, ref) {
|
|
96
|
-
let { value: value = 0
|
|
111
|
+
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;
|
|
97
112
|
let domRef = (0, $joUWQ$useDOMRef)(ref);
|
|
98
|
-
let { styleProps: styleProps
|
|
113
|
+
let { styleProps: styleProps } = (0, $joUWQ$useStyleProps)(otherProps);
|
|
99
114
|
value = (0, $joUWQ$clamp)(value, minValue, maxValue);
|
|
100
115
|
let barStyle = {};
|
|
101
116
|
if (!isIndeterminate) {
|
|
@@ -138,8 +153,8 @@ let $ddf9337e928b5fe6$export$7c6ed87244065f3a = /*#__PURE__*/ (0, $joUWQ$react).
|
|
|
138
153
|
|
|
139
154
|
|
|
140
155
|
function $551ca31cb687f352$var$ProgressBar(props, ref) {
|
|
141
|
-
let { variant: variant
|
|
142
|
-
const { progressBarProps: progressBarProps
|
|
156
|
+
let { variant: variant, ...otherProps } = props;
|
|
157
|
+
const { progressBarProps: progressBarProps, labelProps: labelProps } = (0, $joUWQ$useProgressBar)(props);
|
|
143
158
|
return /*#__PURE__*/ (0, $joUWQ$react).createElement((0, $ddf9337e928b5fe6$export$7c6ed87244065f3a), {
|
|
144
159
|
...otherProps,
|
|
145
160
|
ref: ref,
|
|
@@ -171,63 +186,81 @@ function $551ca31cb687f352$var$ProgressBar(props, ref) {
|
|
|
171
186
|
|
|
172
187
|
var $91c958cb2e66ca21$exports = {};
|
|
173
188
|
|
|
174
|
-
$parcel$export($91c958cb2e66ca21$exports, "
|
|
175
|
-
$parcel$export($91c958cb2e66ca21$exports, "
|
|
189
|
+
$parcel$export($91c958cb2e66ca21$exports, "focus-ring", () => $91c958cb2e66ca21$export$f39a09f249340e2a, (v) => $91c958cb2e66ca21$export$f39a09f249340e2a = v);
|
|
190
|
+
$parcel$export($91c958cb2e66ca21$exports, "i18nFontFamily", () => $91c958cb2e66ca21$export$8c4ee2c50c22c514, (v) => $91c958cb2e66ca21$export$8c4ee2c50c22c514 = v);
|
|
176
191
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader", () => $91c958cb2e66ca21$export$9633d311d6d6830b, (v) => $91c958cb2e66ca21$export$9633d311d6d6830b = v);
|
|
177
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader
|
|
178
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-
|
|
192
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--indeterminate", () => $91c958cb2e66ca21$export$79b7e5abeef5134f, (v) => $91c958cb2e66ca21$export$79b7e5abeef5134f = v);
|
|
193
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--indeterminate-fill-submask-2", () => $91c958cb2e66ca21$export$f7083dbeadcbb2bd, (v) => $91c958cb2e66ca21$export$f7083dbeadcbb2bd = v);
|
|
194
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--large", () => $91c958cb2e66ca21$export$c8c34e5e37bf511c, (v) => $91c958cb2e66ca21$export$c8c34e5e37bf511c = v);
|
|
195
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--overBackground", () => $91c958cb2e66ca21$export$6668708cb539f403, (v) => $91c958cb2e66ca21$export$6668708cb539f403 = v);
|
|
196
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader--small", () => $91c958cb2e66ca21$export$79819ab9844dbe9b, (v) => $91c958cb2e66ca21$export$79819ab9844dbe9b = v);
|
|
179
197
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fill", () => $91c958cb2e66ca21$export$58fb9ac68cf8e784, (v) => $91c958cb2e66ca21$export$58fb9ac68cf8e784 = v);
|
|
180
198
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fillMask1", () => $91c958cb2e66ca21$export$b676cd958401a736, (v) => $91c958cb2e66ca21$export$b676cd958401a736 = v);
|
|
181
199
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fillMask2", () => $91c958cb2e66ca21$export$8c428f4f13e424b, (v) => $91c958cb2e66ca21$export$8c428f4f13e424b = v);
|
|
182
200
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fillSubMask1", () => $91c958cb2e66ca21$export$98ba5ef650aeb8ca, (v) => $91c958cb2e66ca21$export$98ba5ef650aeb8ca = v);
|
|
183
201
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fillSubMask2", () => $91c958cb2e66ca21$export$dc70b48c897b0f1a, (v) => $91c958cb2e66ca21$export$dc70b48c897b0f1a = v);
|
|
184
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader
|
|
185
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader
|
|
186
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-
|
|
187
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-
|
|
202
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-fills", () => $91c958cb2e66ca21$export$3038f4c0c86f539b, (v) => $91c958cb2e66ca21$export$3038f4c0c86f539b = v);
|
|
203
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-CircleLoader-track", () => $91c958cb2e66ca21$export$278efdb85ed802da, (v) => $91c958cb2e66ca21$export$278efdb85ed802da = v);
|
|
204
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-FocusRing-ring", () => $91c958cb2e66ca21$export$4109102f950813a6, (v) => $91c958cb2e66ca21$export$4109102f950813a6 = v);
|
|
205
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-FocusRing", () => $91c958cb2e66ca21$export$24c7f46a6e3605dd, (v) => $91c958cb2e66ca21$export$24c7f46a6e3605dd = v);
|
|
206
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-FocusRing--quiet", () => $91c958cb2e66ca21$export$2927016961429360, (v) => $91c958cb2e66ca21$export$2927016961429360 = v);
|
|
188
207
|
$parcel$export($91c958cb2e66ca21$exports, "spectrum-fill-mask-1", () => $91c958cb2e66ca21$export$524c81e63e1d64f5, (v) => $91c958cb2e66ca21$export$524c81e63e1d64f5 = v);
|
|
189
|
-
$parcel$export($91c958cb2e66ca21$exports, "spectrum-
|
|
190
|
-
|
|
191
|
-
var $91c958cb2e66ca21$export$
|
|
208
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-fill-mask-2", () => $91c958cb2e66ca21$export$7219832bea80eb54, (v) => $91c958cb2e66ca21$export$7219832bea80eb54 = v);
|
|
209
|
+
$parcel$export($91c958cb2e66ca21$exports, "spectrum-fills-rotate", () => $91c958cb2e66ca21$export$3663cbdb240663ec, (v) => $91c958cb2e66ca21$export$3663cbdb240663ec = v);
|
|
210
|
+
var $91c958cb2e66ca21$export$f39a09f249340e2a;
|
|
211
|
+
var $91c958cb2e66ca21$export$8c4ee2c50c22c514;
|
|
192
212
|
var $91c958cb2e66ca21$export$9633d311d6d6830b;
|
|
193
|
-
var $91c958cb2e66ca21$export$
|
|
194
|
-
var $91c958cb2e66ca21$export$
|
|
213
|
+
var $91c958cb2e66ca21$export$79b7e5abeef5134f;
|
|
214
|
+
var $91c958cb2e66ca21$export$f7083dbeadcbb2bd;
|
|
215
|
+
var $91c958cb2e66ca21$export$c8c34e5e37bf511c;
|
|
216
|
+
var $91c958cb2e66ca21$export$6668708cb539f403;
|
|
217
|
+
var $91c958cb2e66ca21$export$79819ab9844dbe9b;
|
|
195
218
|
var $91c958cb2e66ca21$export$58fb9ac68cf8e784;
|
|
196
219
|
var $91c958cb2e66ca21$export$b676cd958401a736;
|
|
197
220
|
var $91c958cb2e66ca21$export$8c428f4f13e424b;
|
|
198
221
|
var $91c958cb2e66ca21$export$98ba5ef650aeb8ca;
|
|
199
222
|
var $91c958cb2e66ca21$export$dc70b48c897b0f1a;
|
|
200
|
-
var $91c958cb2e66ca21$export$
|
|
201
|
-
var $91c958cb2e66ca21$export$
|
|
202
|
-
var $91c958cb2e66ca21$export$
|
|
203
|
-
var $91c958cb2e66ca21$export$
|
|
223
|
+
var $91c958cb2e66ca21$export$3038f4c0c86f539b;
|
|
224
|
+
var $91c958cb2e66ca21$export$278efdb85ed802da;
|
|
225
|
+
var $91c958cb2e66ca21$export$4109102f950813a6;
|
|
226
|
+
var $91c958cb2e66ca21$export$24c7f46a6e3605dd;
|
|
227
|
+
var $91c958cb2e66ca21$export$2927016961429360;
|
|
204
228
|
var $91c958cb2e66ca21$export$524c81e63e1d64f5;
|
|
205
|
-
var $91c958cb2e66ca21$export$
|
|
206
|
-
$91c958cb2e66ca21$export$
|
|
207
|
-
$91c958cb2e66ca21$export$
|
|
208
|
-
$91c958cb2e66ca21$export$
|
|
209
|
-
$91c958cb2e66ca21$export$
|
|
210
|
-
$91c958cb2e66ca21$export$
|
|
211
|
-
$91c958cb2e66ca21$export$
|
|
212
|
-
$91c958cb2e66ca21$export$
|
|
213
|
-
$91c958cb2e66ca21$export$
|
|
214
|
-
$91c958cb2e66ca21$export$
|
|
215
|
-
$91c958cb2e66ca21$export$
|
|
216
|
-
$91c958cb2e66ca21$export$
|
|
217
|
-
$91c958cb2e66ca21$export$
|
|
218
|
-
$91c958cb2e66ca21$export$
|
|
219
|
-
$91c958cb2e66ca21$export$
|
|
220
|
-
$91c958cb2e66ca21$export$
|
|
221
|
-
$91c958cb2e66ca21$export$
|
|
229
|
+
var $91c958cb2e66ca21$export$7219832bea80eb54;
|
|
230
|
+
var $91c958cb2e66ca21$export$3663cbdb240663ec;
|
|
231
|
+
$91c958cb2e66ca21$export$f39a09f249340e2a = `EQYv7q_focus-ring`;
|
|
232
|
+
$91c958cb2e66ca21$export$8c4ee2c50c22c514 = `EQYv7q_i18nFontFamily`;
|
|
233
|
+
$91c958cb2e66ca21$export$9633d311d6d6830b = `EQYv7q_spectrum-CircleLoader`;
|
|
234
|
+
$91c958cb2e66ca21$export$79b7e5abeef5134f = `EQYv7q_spectrum-CircleLoader--indeterminate`;
|
|
235
|
+
$91c958cb2e66ca21$export$f7083dbeadcbb2bd = `EQYv7q_spectrum-CircleLoader--indeterminate-fill-submask-2`;
|
|
236
|
+
$91c958cb2e66ca21$export$c8c34e5e37bf511c = `EQYv7q_spectrum-CircleLoader--large`;
|
|
237
|
+
$91c958cb2e66ca21$export$6668708cb539f403 = `EQYv7q_spectrum-CircleLoader--overBackground`;
|
|
238
|
+
$91c958cb2e66ca21$export$79819ab9844dbe9b = `EQYv7q_spectrum-CircleLoader--small`;
|
|
239
|
+
$91c958cb2e66ca21$export$58fb9ac68cf8e784 = `EQYv7q_spectrum-CircleLoader-fill`;
|
|
240
|
+
$91c958cb2e66ca21$export$b676cd958401a736 = `EQYv7q_spectrum-CircleLoader-fillMask1`;
|
|
241
|
+
$91c958cb2e66ca21$export$8c428f4f13e424b = `EQYv7q_spectrum-CircleLoader-fillMask2`;
|
|
242
|
+
$91c958cb2e66ca21$export$98ba5ef650aeb8ca = `EQYv7q_spectrum-CircleLoader-fillSubMask1`;
|
|
243
|
+
$91c958cb2e66ca21$export$dc70b48c897b0f1a = `EQYv7q_spectrum-CircleLoader-fillSubMask2`;
|
|
244
|
+
$91c958cb2e66ca21$export$3038f4c0c86f539b = `EQYv7q_spectrum-CircleLoader-fills`;
|
|
245
|
+
$91c958cb2e66ca21$export$278efdb85ed802da = `EQYv7q_spectrum-CircleLoader-track`;
|
|
246
|
+
$91c958cb2e66ca21$export$4109102f950813a6 = `EQYv7q_spectrum-FocusRing-ring`;
|
|
247
|
+
$91c958cb2e66ca21$export$24c7f46a6e3605dd = `EQYv7q_spectrum-FocusRing ${$91c958cb2e66ca21$export$4109102f950813a6}`;
|
|
248
|
+
$91c958cb2e66ca21$export$2927016961429360 = `EQYv7q_spectrum-FocusRing--quiet`;
|
|
249
|
+
$91c958cb2e66ca21$export$524c81e63e1d64f5 = `EQYv7q_spectrum-fill-mask-1`;
|
|
250
|
+
$91c958cb2e66ca21$export$524c81e63e1d64f5;
|
|
251
|
+
$91c958cb2e66ca21$export$7219832bea80eb54 = `EQYv7q_spectrum-fill-mask-2`;
|
|
252
|
+
$91c958cb2e66ca21$export$7219832bea80eb54;
|
|
253
|
+
$91c958cb2e66ca21$export$3663cbdb240663ec = `EQYv7q_spectrum-fills-rotate`;
|
|
254
|
+
$91c958cb2e66ca21$export$3663cbdb240663ec;
|
|
222
255
|
|
|
223
256
|
|
|
224
257
|
|
|
225
258
|
function $79c16f64960b6385$var$ProgressCircle(props, ref) {
|
|
226
|
-
let { value: value = 0
|
|
259
|
+
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;
|
|
227
260
|
let domRef = (0, $joUWQ$useDOMRef)(ref);
|
|
228
|
-
let { styleProps: styleProps
|
|
261
|
+
let { styleProps: styleProps } = (0, $joUWQ$useStyleProps)(otherProps);
|
|
229
262
|
value = (0, $joUWQ$clamp)(value, minValue, maxValue);
|
|
230
|
-
let { progressBarProps: progressBarProps
|
|
263
|
+
let { progressBarProps: progressBarProps } = (0, $joUWQ$useProgressBar)({
|
|
231
264
|
...props,
|
|
232
265
|
value: value
|
|
233
266
|
});
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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 {ProgressBar} from './ProgressBar';\nexport {ProgressCircle} from './ProgressCircle';\nexport {ProgressBarBase} from './ProgressBarBase';\nexport type {SpectrumProgressBarProps, SpectrumProgressCircleProps} from '@react-types/progress';\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, SpectrumProgressBarBaseProps} from '@react-types/progress';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\n\ninterface ProgressBarBaseProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n barClassName?: string,\n barProps?: HTMLAttributes<HTMLDivElement>,\n labelProps?: HTMLAttributes<HTMLLabelElement>\n}\n\n// Base ProgressBar component shared with Meter.\nfunction ProgressBarBase(props: ProgressBarBaseProps, ref: DOMRef<HTMLDivElement>) {\n let {\n value = 0,\n minValue = 0,\n maxValue = 100,\n size = 'L',\n label,\n barClassName,\n showValueLabel = !!label,\n labelPosition = 'top',\n isIndeterminate = false,\n barProps,\n labelProps,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n value = clamp(value, minValue, maxValue);\n\n let barStyle: CSSProperties = {};\n if (!isIndeterminate) {\n let percentage = (value - minValue) / (maxValue - minValue);\n barStyle.width = `${Math.round(percentage * 100)}%`;\n }\n\n // Ideally this should be in useProgressBar, but children\n // are not supported in ProgressCircle which shares that hook...\n if (!label && !ariaLabel && !ariaLabelledby) {\n console.warn('If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility');\n }\n // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files\n return (\n <div\n {...barProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-BarLoader',\n {\n 'spectrum-BarLoader--small': size === 'S',\n 'spectrum-BarLoader--large': size === 'L',\n 'spectrum-BarLoader--indeterminate': isIndeterminate,\n 'spectrum-BarLoader--sideLabel': labelPosition === 'side'\n },\n barClassName,\n styleProps.className\n )\n }\n style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n {label &&\n <span\n {...labelProps}\n className={classNames(styles, 'spectrum-BarLoader-label')}>\n {label}\n </span>\n }\n {showValueLabel &&\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, or processing, in a visual way.\n * They can represent determinate or indeterminate progress.\n */\nlet _ProgressCircle = React.forwardRef(ProgressCircle);\nexport {_ProgressCircle as ProgressCircle};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
|
|
1
|
+
{"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 {ProgressBar} from './ProgressBar';\nexport {ProgressCircle} from './ProgressCircle';\nexport {ProgressBarBase} from './ProgressBarBase';\nexport type {SpectrumProgressBarProps, SpectrumProgressCircleProps} from '@react-types/progress';\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, SpectrumProgressBarBaseProps} from '@react-types/progress';\nimport React, {CSSProperties, HTMLAttributes} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/barloader/vars.css';\n\ninterface ProgressBarBaseProps extends SpectrumProgressBarBaseProps, ProgressBarProps {\n barClassName?: string,\n barProps?: HTMLAttributes<HTMLDivElement>,\n labelProps?: HTMLAttributes<HTMLLabelElement>\n}\n\n// Base ProgressBar component shared with Meter.\nfunction ProgressBarBase(props: ProgressBarBaseProps, ref: DOMRef<HTMLDivElement>) {\n let {\n value = 0,\n minValue = 0,\n maxValue = 100,\n size = 'L',\n label,\n barClassName,\n showValueLabel = !!label,\n labelPosition = 'top',\n isIndeterminate = false,\n barProps,\n labelProps,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n value = clamp(value, minValue, maxValue);\n\n let barStyle: CSSProperties = {};\n if (!isIndeterminate) {\n let percentage = (value - minValue) / (maxValue - minValue);\n barStyle.width = `${Math.round(percentage * 100)}%`;\n }\n\n // Ideally this should be in useProgressBar, but children\n // are not supported in ProgressCircle which shares that hook...\n if (!label && !ariaLabel && !ariaLabelledby) {\n console.warn('If you do not provide a visible label via children, you must specify an aria-label or aria-labelledby attribute for accessibility');\n }\n // use inline style for fit-content because cssnano is too smart for us and will strip out the -moz prefix in css files\n return (\n <div\n {...barProps}\n ref={domRef}\n className={\n classNames(\n styles,\n 'spectrum-BarLoader',\n {\n 'spectrum-BarLoader--small': size === 'S',\n 'spectrum-BarLoader--large': size === 'L',\n 'spectrum-BarLoader--indeterminate': isIndeterminate,\n 'spectrum-BarLoader--sideLabel': labelPosition === 'side'\n },\n barClassName,\n styleProps.className\n )\n }\n style={{minWidth: '-moz-fit-content', ...styleProps.style}}>\n {label &&\n <span\n {...labelProps}\n className={classNames(styles, 'spectrum-BarLoader-label')}>\n {label}\n </span>\n }\n {showValueLabel &&\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, or processing, in a visual way.\n * They can represent determinate or indeterminate progress.\n */\nlet _ProgressCircle = React.forwardRef(ProgressCircle);\nexport {_ProgressCircle as ProgressCircle};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/progress",
|
|
3
|
-
"version": "3.0.0-nightly.
|
|
3
|
+
"version": "3.0.0-nightly.2448+633bb4fb6",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,15 +36,15 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/progress": "3.0.0-nightly.
|
|
40
|
-
"@react-aria/utils": "3.0.0-nightly.
|
|
41
|
-
"@react-spectrum/utils": "3.0.0-nightly.
|
|
42
|
-
"@react-types/progress": "3.0.0-nightly.
|
|
43
|
-
"@react-types/shared": "3.0.0-nightly.
|
|
39
|
+
"@react-aria/progress": "3.0.0-nightly.2448+633bb4fb6",
|
|
40
|
+
"@react-aria/utils": "3.0.0-nightly.2448+633bb4fb6",
|
|
41
|
+
"@react-spectrum/utils": "3.0.0-nightly.2448+633bb4fb6",
|
|
42
|
+
"@react-types/progress": "3.0.0-nightly.2448+633bb4fb6",
|
|
43
|
+
"@react-types/shared": "3.0.0-nightly.2448+633bb4fb6",
|
|
44
44
|
"@swc/helpers": "^0.5.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@adobe/spectrum-css-temp": "3.0.0-nightly.
|
|
47
|
+
"@adobe/spectrum-css-temp": "3.0.0-nightly.2448+633bb4fb6"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"@react-spectrum/provider": "^3.0.0",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"publishConfig": {
|
|
54
54
|
"access": "public"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "633bb4fb6cc205b9911a21fb81a7a70c662ec0ce"
|
|
57
57
|
}
|