@react-spectrum/progress 3.7.4 → 3.7.6

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.
Files changed (38) hide show
  1. package/dist/ProgressBar.main.js +54 -0
  2. package/dist/ProgressBar.main.js.map +1 -0
  3. package/dist/ProgressBar.mjs +49 -0
  4. package/dist/ProgressBar.module.js +49 -0
  5. package/dist/ProgressBar.module.js.map +1 -0
  6. package/dist/ProgressBarBase.main.js +74 -0
  7. package/dist/ProgressBarBase.main.js.map +1 -0
  8. package/dist/ProgressBarBase.mjs +69 -0
  9. package/dist/ProgressBarBase.module.js +69 -0
  10. package/dist/ProgressBarBase.module.js.map +1 -0
  11. package/dist/ProgressCircle.main.js +98 -0
  12. package/dist/ProgressCircle.main.js.map +1 -0
  13. package/dist/ProgressCircle.mjs +93 -0
  14. package/dist/ProgressCircle.module.js +93 -0
  15. package/dist/ProgressCircle.module.js.map +1 -0
  16. package/dist/barloader_vars_css.main.js +73 -0
  17. package/dist/barloader_vars_css.main.js.map +1 -0
  18. package/dist/barloader_vars_css.mjs +75 -0
  19. package/dist/barloader_vars_css.module.js +75 -0
  20. package/dist/barloader_vars_css.module.js.map +1 -0
  21. package/dist/circleloader_vars_css.main.js +80 -0
  22. package/dist/circleloader_vars_css.main.js.map +1 -0
  23. package/dist/circleloader_vars_css.mjs +82 -0
  24. package/dist/circleloader_vars_css.module.js +82 -0
  25. package/dist/circleloader_vars_css.module.js.map +1 -0
  26. package/dist/import.mjs +3 -326
  27. package/dist/main.js +6 -325
  28. package/dist/main.js.map +1 -1
  29. package/dist/module.js +3 -326
  30. package/dist/module.js.map +1 -1
  31. package/dist/types.d.ts +4 -3
  32. package/dist/types.d.ts.map +1 -1
  33. package/dist/vars.596fab4e.css +288 -0
  34. package/dist/vars.596fab4e.css.map +1 -0
  35. package/dist/vars.c3d4124d.css +719 -0
  36. package/dist/vars.c3d4124d.css.map +1 -0
  37. package/package.json +7 -7
  38. package/dist/main.css +0 -1
@@ -0,0 +1,288 @@
1
+ .uFrYBa_i18nFontFamily {
2
+ font-synthesis: weight;
3
+ font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
+ }
5
+
6
+ .uFrYBa_i18nFontFamily:lang(ar) {
7
+ font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
+ }
9
+
10
+ .uFrYBa_i18nFontFamily:lang(he) {
11
+ font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
+ }
13
+
14
+ .uFrYBa_i18nFontFamily:lang(zh) {
15
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
+ }
17
+
18
+ .uFrYBa_i18nFontFamily:lang(zh-Hans) {
19
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
+ }
21
+
22
+ .uFrYBa_i18nFontFamily:lang(zh-Hant) {
23
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
+ }
25
+
26
+ .uFrYBa_i18nFontFamily:lang(zh-SG), .uFrYBa_i18nFontFamily:lang(zh-CN) {
27
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
+ }
29
+
30
+ .uFrYBa_i18nFontFamily:lang(ko) {
31
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
+ }
33
+
34
+ .uFrYBa_i18nFontFamily:lang(ja) {
35
+ font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
36
+ }
37
+
38
+ .uFrYBa_spectrum-FocusRing-ring {
39
+ --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
+ --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
+ --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
+ --spectrum-focus-ring-border-size: 0px;
43
+ --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
+ }
45
+
46
+ .uFrYBa_spectrum-FocusRing-ring:after {
47
+ border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
+ content: "";
49
+ margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
+ pointer-events: none;
51
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
+ display: block;
53
+ position: absolute;
54
+ inset: 0;
55
+ }
56
+
57
+ .uFrYBa_spectrum-FocusRing.uFrYBa_focus-ring:after {
58
+ margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
+ box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
+ }
61
+
62
+ .uFrYBa_spectrum-FocusRing--quiet:after {
63
+ border-radius: 0;
64
+ }
65
+
66
+ .uFrYBa_spectrum-FocusRing--quiet.uFrYBa_focus-ring:after {
67
+ margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
+ box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
+ }
70
+
71
+ @media (forced-colors: active) {
72
+ .uFrYBa_spectrum-FocusRing, .uFrYBa_spectrum-FocusRing-ring, .uFrYBa_spectrum-FocusRing--quiet {
73
+ --spectrum-high-contrast-focus-ring-color: Highlight;
74
+ }
75
+
76
+ :is(.uFrYBa_spectrum-FocusRing, .uFrYBa_spectrum-FocusRing-ring, .uFrYBa_spectrum-FocusRing--quiet):after {
77
+ forced-color-adjust: none;
78
+ }
79
+ }
80
+
81
+ .uFrYBa_spectrum-BarLoader {
82
+ min-inline-size: var(--spectrum-global-dimension-static-size-600, 48px);
83
+ inline-size: var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400));
84
+ vertical-align: top;
85
+ isolation: isolate;
86
+ flex-flow: wrap;
87
+ justify-content: space-between;
88
+ align-items: center;
89
+ display: inline-flex;
90
+ position: relative;
91
+ }
92
+
93
+ .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--indeterminate {
94
+ max-inline-size: var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400));
95
+ }
96
+
97
+ .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--indeterminate.uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-track {
98
+ max-inline-size: var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400));
99
+ inline-size: 100%;
100
+ }
101
+
102
+ .uFrYBa_spectrum-BarLoader-track {
103
+ min-inline-size: var(--spectrum-global-dimension-static-size-600, 48px);
104
+ height: var(--spectrum-barloader-large-height, var(--spectrum-global-dimension-size-75));
105
+ border-radius: var(--spectrum-barloader-large-border-radius);
106
+ z-index: 1;
107
+ inline-size: 100%;
108
+ overflow: hidden;
109
+ }
110
+
111
+ .uFrYBa_spectrum-BarLoader-fill {
112
+ height: var(--spectrum-barloader-large-height, var(--spectrum-global-dimension-size-75));
113
+ border: none;
114
+ transition: width 1s;
115
+ }
116
+
117
+ .uFrYBa_spectrum-BarLoader-label, .uFrYBa_spectrum-BarLoader-percentage {
118
+ font-size: var(--spectrum-fieldlabel-text-size, var(--spectrum-global-dimension-font-size-75));
119
+ font-weight: var(--spectrum-fieldlabel-text-font-weight, var(--spectrum-global-font-weight-regular));
120
+ line-height: var(--spectrum-fieldlabel-text-line-height, var(--spectrum-global-font-line-height-small));
121
+ text-align: start;
122
+ margin-bottom: var(--spectrum-barloader-large-label-gap-y, var(--spectrum-global-dimension-size-115));
123
+ }
124
+
125
+ .uFrYBa_spectrum-BarLoader-label {
126
+ flex: 1;
127
+ }
128
+
129
+ .uFrYBa_spectrum-BarLoader-percentage {
130
+ align-self: flex-start;
131
+ margin-inline-start: var(--spectrum-barloader-small-label-gap-x, var(--spectrum-global-dimension-size-150));
132
+ }
133
+
134
+ .uFrYBa_spectrum-BarLoader--sideLabel {
135
+ flex-flow: row;
136
+ justify-content: space-between;
137
+ min-inline-size: fit-content;
138
+ display: inline-flex;
139
+ }
140
+
141
+ .uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-track {
142
+ inline-size: inherit;
143
+ }
144
+
145
+ .uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-label {
146
+ margin-inline-end: var(--spectrum-barloader-large-label-gap-x, var(--spectrum-global-dimension-size-150));
147
+ margin-bottom: 0;
148
+ }
149
+
150
+ .uFrYBa_spectrum-BarLoader--sideLabel .uFrYBa_spectrum-BarLoader-percentage {
151
+ text-align: end;
152
+ margin-inline-start: var(--spectrum-barloader-large-label-gap-x, var(--spectrum-global-dimension-size-150));
153
+ order: 3;
154
+ margin-bottom: 0;
155
+ }
156
+
157
+ .uFrYBa_spectrum-BarLoader--small {
158
+ min-inline-size: var(--spectrum-global-dimension-static-size-600, 48px);
159
+ }
160
+
161
+ .uFrYBa_spectrum-BarLoader--small .uFrYBa_spectrum-BarLoader-fill {
162
+ height: var(--spectrum-barloader-small-height, var(--spectrum-global-dimension-size-50));
163
+ }
164
+
165
+ .uFrYBa_spectrum-BarLoader--small .uFrYBa_spectrum-BarLoader-track {
166
+ height: var(--spectrum-barloader-small-height, var(--spectrum-global-dimension-size-50));
167
+ border-radius: var(--spectrum-barloader-small-border-radius);
168
+ }
169
+
170
+ .uFrYBa_spectrum-BarLoader--indeterminate .uFrYBa_spectrum-BarLoader-fill {
171
+ inline-size: var(--spectrum-barloader-large-indeterminate-fill-width, var(--spectrum-global-dimension-size-1700));
172
+ animation-duration: var(--spectrum-barloader-large-indeterminate-duration, var(--spectrum-global-animation-duration-2000));
173
+ animation-iteration-count: infinite;
174
+ animation-timing-function: var(--spectrum-barloader-large-indeterminate-animation-ease, var(--spectrum-global-animation-ease-in-out));
175
+ will-change: transform;
176
+ position: relative;
177
+ }
178
+
179
+ [dir="ltr"] :is(.uFrYBa_spectrum-BarLoader--indeterminate .uFrYBa_spectrum-BarLoader-fill) {
180
+ animation-name: uFrYBa_indeterminate-loop-ltr;
181
+ }
182
+
183
+ [dir="rtl"] :is(.uFrYBa_spectrum-BarLoader--indeterminate .uFrYBa_spectrum-BarLoader-fill) {
184
+ animation-name: uFrYBa_indeterminate-loop-rtl;
185
+ }
186
+
187
+ @keyframes uFrYBa_indeterminate-loop-ltr {
188
+ from {
189
+ transform: translate(calc(var(--spectrum-barloader-large-indeterminate-fill-width, var(--spectrum-global-dimension-size-1700)) * -1));
190
+ }
191
+
192
+ to {
193
+ transform: translate(var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400)));
194
+ }
195
+ }
196
+
197
+ @keyframes uFrYBa_indeterminate-loop-rtl {
198
+ from {
199
+ transform: translate(var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400)));
200
+ }
201
+
202
+ to {
203
+ transform: translate(calc(var(--spectrum-barloader-large-width, var(--spectrum-global-dimension-size-2400)) * -1));
204
+ }
205
+ }
206
+
207
+ .uFrYBa_spectrum-BarLoader {
208
+ --spectrum-barloader-large-track-fill-color: var(--spectrum-accent-color-900);
209
+ --spectrum-barloader-static-black-track-color: #00000040;
210
+ --spectrum-barloader-static-black-fill-color: var(--spectrum-global-color-static-black, #000);
211
+ }
212
+
213
+ .uFrYBa_spectrum-BarLoader .uFrYBa_spectrum-BarLoader-fill {
214
+ background: var(--spectrum-barloader-large-track-fill-color, var(--spectrum-global-color-blue-500));
215
+ }
216
+
217
+ .uFrYBa_spectrum-BarLoader .uFrYBa_spectrum-BarLoader-track {
218
+ background-color: var(--spectrum-barloader-large-track-color, var(--spectrum-alias-track-color-default));
219
+ }
220
+
221
+ .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-fill {
222
+ background: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
223
+ }
224
+
225
+ .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-label, .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-percentage {
226
+ color: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
227
+ }
228
+
229
+ .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--overBackground .uFrYBa_spectrum-BarLoader-track {
230
+ background-color: var(--spectrum-barloader-large-over-background-track-color, var(--spectrum-alias-track-color-over-background));
231
+ }
232
+
233
+ .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticWhite .uFrYBa_spectrum-BarLoader-fill {
234
+ background: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
235
+ }
236
+
237
+ .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticWhite .uFrYBa_spectrum-BarLoader-label, .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticWhite .uFrYBa_spectrum-BarLoader-percentage {
238
+ color: var(--spectrum-barloader-large-over-background-track-fill-color, var(--spectrum-global-color-static-white));
239
+ }
240
+
241
+ .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticWhite .uFrYBa_spectrum-BarLoader-track {
242
+ background-color: var(--spectrum-barloader-large-over-background-track-color, var(--spectrum-alias-track-color-over-background));
243
+ }
244
+
245
+ .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticBlack .uFrYBa_spectrum-BarLoader-track {
246
+ background-color: var(--spectrum-barloader-static-black-track-color);
247
+ }
248
+
249
+ .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticBlack .uFrYBa_spectrum-BarLoader-label, .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticBlack .uFrYBa_spectrum-BarLoader-percentage {
250
+ color: var(--spectrum-barloader-static-black-fill-color);
251
+ }
252
+
253
+ .uFrYBa_spectrum-BarLoader.uFrYBa_spectrum-BarLoader--staticBlack .uFrYBa_spectrum-BarLoader-fill {
254
+ background: var(--spectrum-barloader-static-black-fill-color);
255
+ }
256
+
257
+ .uFrYBa_spectrum-BarLoader.uFrYBa_is-positive .uFrYBa_spectrum-BarLoader-fill {
258
+ background: var(--spectrum-meter-large-track-color-positive, var(--spectrum-semantic-positive-color-status));
259
+ }
260
+
261
+ .uFrYBa_spectrum-BarLoader.uFrYBa_is-warning .uFrYBa_spectrum-BarLoader-fill {
262
+ background: var(--spectrum-meter-large-track-color-warning, var(--spectrum-semantic-notice-color-status));
263
+ }
264
+
265
+ .uFrYBa_spectrum-BarLoader.uFrYBa_is-critical .uFrYBa_spectrum-BarLoader-fill {
266
+ background: var(--spectrum-meter-large-track-color-critical, var(--spectrum-semantic-negative-color-status));
267
+ }
268
+
269
+ .uFrYBa_spectrum-BarLoader-label, .uFrYBa_spectrum-BarLoader-percentage {
270
+ color: var(--spectrum-fieldlabel-text-color, var(--spectrum-alias-label-text-color));
271
+ }
272
+
273
+ @media (forced-colors: active) {
274
+ .uFrYBa_spectrum-BarLoader-track {
275
+ forced-color-adjust: none;
276
+ --spectrum-barloader-large-track-fill-color: ButtonText;
277
+ --spectrum-barloader-large-over-background-track-fill-color: ButtonText;
278
+ --spectrum-barloader-large-over-background-track-color: ButtonFace;
279
+ --spectrum-barloader-static-black-track-color: ButtonFace;
280
+ --spectrum-barloader-static-black-fill-color: ButtonText;
281
+ --spectrum-meter-large-track-color-positive: ButtonText;
282
+ --spectrum-meter-large-track-color-warning: ButtonText;
283
+ --spectrum-meter-large-track-color-critical: ButtonText;
284
+ --spectrum-barloader-large-track-color: ButtonFace;
285
+ border: 1px solid buttontext;
286
+ }
287
+ }
288
+ /*# sourceMappingURL=vars.596fab4e.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;;;AAWE;;;;AAKE;;;;;AAOJ;;;;;;;;;AAUA;;;;;;AAOA;;;;;;;;AASA;;;;AAIA;;;;;AAKA;;;;;;;AAME;;;;AAIA;;;;;AAIA;;;;;;;AAQF;;;;AAGE;;;;AAIA;;;;;AAMF;;;;;;;;;AAQE;;;;AAGA;;;;AAKF;;;;;;;;;;AASA;;;;;;;;;;AAqBA;;;;;;AAKE;;;;AAIA;;;;AAME;;;;AAIA;;;;AAKA;;;;AATA;;;;AAIA;;;;AAKA;;;;AAMA;;;;AAIA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAMJ;;;;AAeA;EACE","sources":["packages/@adobe/spectrum-css-temp/components/barloader/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.596fab4e.css.map"}