@react-spectrum/button 3.12.4 → 3.14.0
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 +418 -108
- package/dist/main.css +1 -1
- package/dist/main.js +417 -107
- package/dist/main.js.map +1 -1
- package/dist/module.js +418 -108
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +1 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +15 -12
- package/src/Button.tsx +54 -3
- package/src/FieldButton.tsx +3 -1
package/dist/module.js
CHANGED
|
@@ -2,10 +2,12 @@ import "./main.css";
|
|
|
2
2
|
import {useSlotProps as $d7FTw$useSlotProps, useFocusableRef as $d7FTw$useFocusableRef, useStyleProps as $d7FTw$useStyleProps, useHasChild as $d7FTw$useHasChild, classNames as $d7FTw$classNames, SlotProvider as $d7FTw$SlotProvider} from "@react-spectrum/utils";
|
|
3
3
|
import {FocusRing as $d7FTw$FocusRing} from "@react-aria/focus";
|
|
4
4
|
import {mergeProps as $d7FTw$mergeProps} from "@react-aria/utils";
|
|
5
|
-
import $d7FTw$
|
|
5
|
+
import {ProgressCircle as $d7FTw$ProgressCircle} from "@react-spectrum/progress";
|
|
6
|
+
import $d7FTw$react, {useState as $d7FTw$useState, useEffect as $d7FTw$useEffect} from "react";
|
|
6
7
|
import {Text as $d7FTw$Text} from "@react-spectrum/text";
|
|
7
8
|
import {useButton as $d7FTw$useButton, useToggleButton as $d7FTw$useToggleButton} from "@react-aria/button";
|
|
8
9
|
import {useHover as $d7FTw$useHover} from "@react-aria/interactions";
|
|
10
|
+
import {useLocalizedStringFormatter as $d7FTw$useLocalizedStringFormatter} from "@react-aria/i18n";
|
|
9
11
|
import {useProviderProps as $d7FTw$useProviderProps} from "@react-spectrum/provider";
|
|
10
12
|
import $d7FTw$spectrumiconsuiCornerTriangle from "@spectrum-icons/ui/CornerTriangle";
|
|
11
13
|
import $d7FTw$spectrumiconsuiCrossSmall from "@spectrum-icons/ui/CrossSmall";
|
|
@@ -40,118 +42,417 @@ function $parcel$export(e, n, v, s) {
|
|
|
40
42
|
* governing permissions and limitations under the License.
|
|
41
43
|
*/
|
|
42
44
|
|
|
45
|
+
var $94fed84ca44dbd5b$exports = {};
|
|
46
|
+
var $3d5058299051dde5$exports = {};
|
|
47
|
+
$3d5058299051dde5$exports = {
|
|
48
|
+
"loading": `جارٍ التحميل...`
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
var $b09fec806b7b8f22$exports = {};
|
|
53
|
+
$b09fec806b7b8f22$exports = {
|
|
54
|
+
"loading": `Зареждане...`
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
var $ca0549dfb1669363$exports = {};
|
|
59
|
+
$ca0549dfb1669363$exports = {
|
|
60
|
+
"loading": `Načítání...`
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
var $98f2907c0694c5b6$exports = {};
|
|
65
|
+
$98f2907c0694c5b6$exports = {
|
|
66
|
+
"loading": `Indlæser ...`
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
var $9d6fce77106482c8$exports = {};
|
|
71
|
+
$9d6fce77106482c8$exports = {
|
|
72
|
+
"loading": `Wird geladen …`
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
var $db5c63cb8d95d7a4$exports = {};
|
|
77
|
+
$db5c63cb8d95d7a4$exports = {
|
|
78
|
+
"loading": `Φόρτωση…`
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
var $94e4262f3b79d866$exports = {};
|
|
83
|
+
$94e4262f3b79d866$exports = {
|
|
84
|
+
"loading": `Loading…`
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
var $16cf2bb6affc1ca9$exports = {};
|
|
89
|
+
$16cf2bb6affc1ca9$exports = {
|
|
90
|
+
"loading": `Cargando…`
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
var $d2a4cd1ccd3b9660$exports = {};
|
|
95
|
+
$d2a4cd1ccd3b9660$exports = {
|
|
96
|
+
"loading": `Laadimine...`
|
|
97
|
+
};
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
var $0aa3ceafb597db1b$exports = {};
|
|
101
|
+
$0aa3ceafb597db1b$exports = {
|
|
102
|
+
"loading": `Ladataan…`
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
var $5779b104f19b7b1a$exports = {};
|
|
107
|
+
$5779b104f19b7b1a$exports = {
|
|
108
|
+
"loading": `Chargement en cours…`
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
var $33aba885fd306c4d$exports = {};
|
|
113
|
+
$33aba885fd306c4d$exports = {
|
|
114
|
+
"loading": `טוען...`
|
|
115
|
+
};
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
var $30a099a3f19b59af$exports = {};
|
|
119
|
+
$30a099a3f19b59af$exports = {
|
|
120
|
+
"loading": `Učitavam...`
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
var $f257504b02c6b23f$exports = {};
|
|
125
|
+
$f257504b02c6b23f$exports = {
|
|
126
|
+
"loading": `Betöltés folyamatban…`
|
|
127
|
+
};
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
var $b6e12833733478ab$exports = {};
|
|
131
|
+
$b6e12833733478ab$exports = {
|
|
132
|
+
"loading": `Caricamento...`
|
|
133
|
+
};
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
var $e69fac8c5f9d6043$exports = {};
|
|
137
|
+
$e69fac8c5f9d6043$exports = {
|
|
138
|
+
"loading": `読み込み中...`
|
|
139
|
+
};
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
var $a9b740b7d23548d0$exports = {};
|
|
143
|
+
$a9b740b7d23548d0$exports = {
|
|
144
|
+
"loading": `로드 중…`
|
|
145
|
+
};
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
var $4d8ca888adc67de0$exports = {};
|
|
149
|
+
$4d8ca888adc67de0$exports = {
|
|
150
|
+
"loading": `Įkeliama…`
|
|
151
|
+
};
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
var $5d3a845adaaa328a$exports = {};
|
|
155
|
+
$5d3a845adaaa328a$exports = {
|
|
156
|
+
"loading": `Notiek ielāde…`
|
|
157
|
+
};
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
var $20112446b2d06d6e$exports = {};
|
|
161
|
+
$20112446b2d06d6e$exports = {
|
|
162
|
+
"loading": `Laster inn ...`
|
|
163
|
+
};
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
var $168501f8ff8ad607$exports = {};
|
|
167
|
+
$168501f8ff8ad607$exports = {
|
|
168
|
+
"loading": `Laden...`
|
|
169
|
+
};
|
|
170
|
+
|
|
171
|
+
|
|
172
|
+
var $7d885e2935e9ed01$exports = {};
|
|
173
|
+
$7d885e2935e9ed01$exports = {
|
|
174
|
+
"loading": `Wczytywanie...`
|
|
175
|
+
};
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
var $ece77a10c9739c65$exports = {};
|
|
179
|
+
$ece77a10c9739c65$exports = {
|
|
180
|
+
"loading": `Carregando...`
|
|
181
|
+
};
|
|
182
|
+
|
|
183
|
+
|
|
184
|
+
var $8dbae7e3487e6fc7$exports = {};
|
|
185
|
+
$8dbae7e3487e6fc7$exports = {
|
|
186
|
+
"loading": `A carregar...`
|
|
187
|
+
};
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
var $4ab371254445a3f4$exports = {};
|
|
191
|
+
$4ab371254445a3f4$exports = {
|
|
192
|
+
"loading": `Se încarcă...`
|
|
193
|
+
};
|
|
194
|
+
|
|
195
|
+
|
|
196
|
+
var $c5ac7ec630c67dba$exports = {};
|
|
197
|
+
$c5ac7ec630c67dba$exports = {
|
|
198
|
+
"loading": `Загрузка...`
|
|
199
|
+
};
|
|
200
|
+
|
|
201
|
+
|
|
202
|
+
var $846eaea7e21f7fbf$exports = {};
|
|
203
|
+
$846eaea7e21f7fbf$exports = {
|
|
204
|
+
"loading": `Načítava sa...`
|
|
205
|
+
};
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
var $dde062d6acd4e43a$exports = {};
|
|
209
|
+
$dde062d6acd4e43a$exports = {
|
|
210
|
+
"loading": `Nalaganje ...`
|
|
211
|
+
};
|
|
212
|
+
|
|
213
|
+
|
|
214
|
+
var $579b7ae9c5494112$exports = {};
|
|
215
|
+
$579b7ae9c5494112$exports = {
|
|
216
|
+
"loading": `Učitavam...`
|
|
217
|
+
};
|
|
218
|
+
|
|
219
|
+
|
|
220
|
+
var $3b62c0bcc6cf3c98$exports = {};
|
|
221
|
+
$3b62c0bcc6cf3c98$exports = {
|
|
222
|
+
"loading": `Läser in...`
|
|
223
|
+
};
|
|
224
|
+
|
|
225
|
+
|
|
226
|
+
var $31f966e58b99834b$exports = {};
|
|
227
|
+
$31f966e58b99834b$exports = {
|
|
228
|
+
"loading": `Yükleniyor...`
|
|
229
|
+
};
|
|
230
|
+
|
|
231
|
+
|
|
232
|
+
var $a3d99ea5d46a3d12$exports = {};
|
|
233
|
+
$a3d99ea5d46a3d12$exports = {
|
|
234
|
+
"loading": `Завантаження…`
|
|
235
|
+
};
|
|
236
|
+
|
|
237
|
+
|
|
238
|
+
var $6e4b63af77288b7a$exports = {};
|
|
239
|
+
$6e4b63af77288b7a$exports = {
|
|
240
|
+
"loading": `正在加载...`
|
|
241
|
+
};
|
|
242
|
+
|
|
243
|
+
|
|
244
|
+
var $be993a68bccef72a$exports = {};
|
|
245
|
+
$be993a68bccef72a$exports = {
|
|
246
|
+
"loading": `載入中…`
|
|
247
|
+
};
|
|
248
|
+
|
|
249
|
+
|
|
250
|
+
$94fed84ca44dbd5b$exports = {
|
|
251
|
+
"ar-AE": $3d5058299051dde5$exports,
|
|
252
|
+
"bg-BG": $b09fec806b7b8f22$exports,
|
|
253
|
+
"cs-CZ": $ca0549dfb1669363$exports,
|
|
254
|
+
"da-DK": $98f2907c0694c5b6$exports,
|
|
255
|
+
"de-DE": $9d6fce77106482c8$exports,
|
|
256
|
+
"el-GR": $db5c63cb8d95d7a4$exports,
|
|
257
|
+
"en-US": $94e4262f3b79d866$exports,
|
|
258
|
+
"es-ES": $16cf2bb6affc1ca9$exports,
|
|
259
|
+
"et-EE": $d2a4cd1ccd3b9660$exports,
|
|
260
|
+
"fi-FI": $0aa3ceafb597db1b$exports,
|
|
261
|
+
"fr-FR": $5779b104f19b7b1a$exports,
|
|
262
|
+
"he-IL": $33aba885fd306c4d$exports,
|
|
263
|
+
"hr-HR": $30a099a3f19b59af$exports,
|
|
264
|
+
"hu-HU": $f257504b02c6b23f$exports,
|
|
265
|
+
"it-IT": $b6e12833733478ab$exports,
|
|
266
|
+
"ja-JP": $e69fac8c5f9d6043$exports,
|
|
267
|
+
"ko-KR": $a9b740b7d23548d0$exports,
|
|
268
|
+
"lt-LT": $4d8ca888adc67de0$exports,
|
|
269
|
+
"lv-LV": $5d3a845adaaa328a$exports,
|
|
270
|
+
"nb-NO": $20112446b2d06d6e$exports,
|
|
271
|
+
"nl-NL": $168501f8ff8ad607$exports,
|
|
272
|
+
"pl-PL": $7d885e2935e9ed01$exports,
|
|
273
|
+
"pt-BR": $ece77a10c9739c65$exports,
|
|
274
|
+
"pt-PT": $8dbae7e3487e6fc7$exports,
|
|
275
|
+
"ro-RO": $4ab371254445a3f4$exports,
|
|
276
|
+
"ru-RU": $c5ac7ec630c67dba$exports,
|
|
277
|
+
"sk-SK": $846eaea7e21f7fbf$exports,
|
|
278
|
+
"sl-SI": $dde062d6acd4e43a$exports,
|
|
279
|
+
"sr-SP": $579b7ae9c5494112$exports,
|
|
280
|
+
"sv-SE": $3b62c0bcc6cf3c98$exports,
|
|
281
|
+
"tr-TR": $31f966e58b99834b$exports,
|
|
282
|
+
"uk-UA": $a3d99ea5d46a3d12$exports,
|
|
283
|
+
"zh-CN": $6e4b63af77288b7a$exports,
|
|
284
|
+
"zh-TW": $be993a68bccef72a$exports
|
|
285
|
+
};
|
|
286
|
+
|
|
287
|
+
|
|
288
|
+
|
|
43
289
|
|
|
44
290
|
|
|
45
291
|
var $086e93d2352a4536$exports = {};
|
|
46
292
|
|
|
47
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-Button", () => $086e93d2352a4536$export$1db4cca5b4ade39a, (v) => $086e93d2352a4536$export$1db4cca5b4ade39a = v);
|
|
48
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton", () => $086e93d2352a4536$export$53da69f51b770d3, (v) => $086e93d2352a4536$export$53da69f51b770d3 = v);
|
|
49
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton", () => $086e93d2352a4536$export$36ae67a131730482, (v) => $086e93d2352a4536$export$36ae67a131730482 = v);
|
|
50
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton", () => $086e93d2352a4536$export$a024c99ecf6b5741, (v) => $086e93d2352a4536$export$a024c99ecf6b5741 = v);
|
|
51
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton", () => $086e93d2352a4536$export$b752ce409e5660c, (v) => $086e93d2352a4536$export$b752ce409e5660c = v);
|
|
52
293
|
$parcel$export($086e93d2352a4536$exports, "focus-ring", () => $086e93d2352a4536$export$f39a09f249340e2a, (v) => $086e93d2352a4536$export$f39a09f249340e2a = v);
|
|
53
|
-
$parcel$export($086e93d2352a4536$exports, "
|
|
54
|
-
$parcel$export($086e93d2352a4536$exports, "
|
|
55
|
-
$parcel$export($086e93d2352a4536$exports, "is-hovered", () => $086e93d2352a4536$export$b8813cd5d7824ce7, (v) => $086e93d2352a4536$export$b8813cd5d7824ce7 = v);
|
|
56
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-Button-label", () => $086e93d2352a4536$export$c081ba562e204942, (v) => $086e93d2352a4536$export$c081ba562e204942 = v);
|
|
57
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--iconOnly", () => $086e93d2352a4536$export$c1d306ec0fae3838, (v) => $086e93d2352a4536$export$c1d306ec0fae3838 = v);
|
|
58
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-label", () => $086e93d2352a4536$export$ebb4635c66bacdb9, (v) => $086e93d2352a4536$export$ebb4635c66bacdb9 = v);
|
|
59
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-hold", () => $086e93d2352a4536$export$4a4f01c443eff992, (v) => $086e93d2352a4536$export$4a4f01c443eff992 = v);
|
|
60
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--quiet", () => $086e93d2352a4536$export$40e1f009544bacf3, (v) => $086e93d2352a4536$export$40e1f009544bacf3 = v);
|
|
294
|
+
$parcel$export($086e93d2352a4536$exports, "i18nFontFamily", () => $086e93d2352a4536$export$8c4ee2c50c22c514, (v) => $086e93d2352a4536$export$8c4ee2c50c22c514 = v);
|
|
295
|
+
$parcel$export($086e93d2352a4536$exports, "is-active", () => $086e93d2352a4536$export$20fd0f7cd4e6112f, (v) => $086e93d2352a4536$export$20fd0f7cd4e6112f = v);
|
|
61
296
|
$parcel$export($086e93d2352a4536$exports, "is-disabled", () => $086e93d2352a4536$export$d35bc1e505d1ebbf, (v) => $086e93d2352a4536$export$d35bc1e505d1ebbf = v);
|
|
297
|
+
$parcel$export($086e93d2352a4536$exports, "is-focused", () => $086e93d2352a4536$export$e7dc768d35940237, (v) => $086e93d2352a4536$export$e7dc768d35940237 = v);
|
|
298
|
+
$parcel$export($086e93d2352a4536$exports, "is-hovered", () => $086e93d2352a4536$export$b8813cd5d7824ce7, (v) => $086e93d2352a4536$export$b8813cd5d7824ce7 = v);
|
|
62
299
|
$parcel$export($086e93d2352a4536$exports, "is-open", () => $086e93d2352a4536$export$a9781837241c946d, (v) => $086e93d2352a4536$export$a9781837241c946d = v);
|
|
63
|
-
$parcel$export($086e93d2352a4536$exports, "
|
|
64
|
-
$parcel$export($086e93d2352a4536$exports, "is-active", () => $086e93d2352a4536$export$20fd0f7cd4e6112f, (v) => $086e93d2352a4536$export$20fd0f7cd4e6112f = v);
|
|
65
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton--overBackground", () => $086e93d2352a4536$export$116f2fccf941d34d, (v) => $086e93d2352a4536$export$116f2fccf941d34d = v);
|
|
300
|
+
$parcel$export($086e93d2352a4536$exports, "is-placeholder", () => $086e93d2352a4536$export$e5b2f5233e4e5194, (v) => $086e93d2352a4536$export$e5b2f5233e4e5194 = v);
|
|
66
301
|
$parcel$export($086e93d2352a4536$exports, "is-selected", () => $086e93d2352a4536$export$1e0fb04f31d3c22a, (v) => $086e93d2352a4536$export$1e0fb04f31d3c22a = v);
|
|
302
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-BaseButton", () => $086e93d2352a4536$export$f7b415378ab4f839, (v) => $086e93d2352a4536$export$f7b415378ab4f839 = v);
|
|
303
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FocusRing-ring", () => $086e93d2352a4536$export$4109102f950813a6, (v) => $086e93d2352a4536$export$4109102f950813a6 = v);
|
|
304
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FocusRing", () => $086e93d2352a4536$export$24c7f46a6e3605dd, (v) => $086e93d2352a4536$export$24c7f46a6e3605dd = v);
|
|
305
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton", () => $086e93d2352a4536$export$53da69f51b770d3, (v) => $086e93d2352a4536$export$53da69f51b770d3 = v);
|
|
67
306
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--emphasized", () => $086e93d2352a4536$export$5aabb61a966e266f, (v) => $086e93d2352a4536$export$5aabb61a966e266f = v);
|
|
68
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--
|
|
307
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--quiet", () => $086e93d2352a4536$export$40e1f009544bacf3, (v) => $086e93d2352a4536$export$40e1f009544bacf3 = v);
|
|
69
308
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticBlack", () => $086e93d2352a4536$export$8f7c9db66978d20f, (v) => $086e93d2352a4536$export$8f7c9db66978d20f = v);
|
|
70
309
|
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticColor", () => $086e93d2352a4536$export$29b7b5d6a5a497c5, (v) => $086e93d2352a4536$export$29b7b5d6a5a497c5 = v);
|
|
310
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton--staticWhite", () => $086e93d2352a4536$export$ccc536e1adbdc059, (v) => $086e93d2352a4536$export$ccc536e1adbdc059 = v);
|
|
311
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-hold", () => $086e93d2352a4536$export$4a4f01c443eff992, (v) => $086e93d2352a4536$export$4a4f01c443eff992 = v);
|
|
312
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ActionButton-label", () => $086e93d2352a4536$export$ebb4635c66bacdb9, (v) => $086e93d2352a4536$export$ebb4635c66bacdb9 = v);
|
|
313
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button", () => $086e93d2352a4536$export$1db4cca5b4ade39a, (v) => $086e93d2352a4536$export$1db4cca5b4ade39a = v);
|
|
314
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--iconOnly", () => $086e93d2352a4536$export$c1d306ec0fae3838, (v) => $086e93d2352a4536$export$c1d306ec0fae3838 = v);
|
|
315
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--overBackground", () => $086e93d2352a4536$export$5cda1128f9112d2e, (v) => $086e93d2352a4536$export$5cda1128f9112d2e = v);
|
|
316
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--pending", () => $086e93d2352a4536$export$54592d0984f245d5, (v) => $086e93d2352a4536$export$54592d0984f245d5 = v);
|
|
317
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button-circleLoader", () => $086e93d2352a4536$export$76d4531f0342bbe0, (v) => $086e93d2352a4536$export$76d4531f0342bbe0 = v);
|
|
318
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Button-label", () => $086e93d2352a4536$export$c081ba562e204942, (v) => $086e93d2352a4536$export$c081ba562e204942 = v);
|
|
319
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton", () => $086e93d2352a4536$export$b752ce409e5660c, (v) => $086e93d2352a4536$export$b752ce409e5660c = v);
|
|
320
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton--overBackground", () => $086e93d2352a4536$export$116f2fccf941d34d, (v) => $086e93d2352a4536$export$116f2fccf941d34d = v);
|
|
321
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-ClearButton--small", () => $086e93d2352a4536$export$49280ffa5236ba8b, (v) => $086e93d2352a4536$export$49280ffa5236ba8b = v);
|
|
322
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton", () => $086e93d2352a4536$export$a024c99ecf6b5741, (v) => $086e93d2352a4536$export$a024c99ecf6b5741 = v);
|
|
323
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--invalid", () => $086e93d2352a4536$export$c9f503f672e8a3c1, (v) => $086e93d2352a4536$export$c9f503f672e8a3c1 = v);
|
|
324
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FocusRing--quiet", () => $086e93d2352a4536$export$2927016961429360, (v) => $086e93d2352a4536$export$2927016961429360 = v);
|
|
325
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--quiet", () => $086e93d2352a4536$export$5ca7b274e4fff9fc, (v) => $086e93d2352a4536$export$5ca7b274e4fff9fc = v);
|
|
326
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-Icon", () => $086e93d2352a4536$export$d374b04f30360026, (v) => $086e93d2352a4536$export$d374b04f30360026 = v);
|
|
327
|
+
$parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton", () => $086e93d2352a4536$export$36ae67a131730482, (v) => $086e93d2352a4536$export$36ae67a131730482 = v);
|
|
71
328
|
$parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton--and", () => $086e93d2352a4536$export$e52daab43a62c528, (v) => $086e93d2352a4536$export$e52daab43a62c528 = v);
|
|
72
329
|
$parcel$export($086e93d2352a4536$exports, "spectrum-LogicButton--or", () => $086e93d2352a4536$export$da76be6126aaa633, (v) => $086e93d2352a4536$export$da76be6126aaa633 = v);
|
|
73
|
-
$parcel$export($086e93d2352a4536$exports, "is-focused", () => $086e93d2352a4536$export$e7dc768d35940237, (v) => $086e93d2352a4536$export$e7dc768d35940237 = v);
|
|
74
|
-
$parcel$export($086e93d2352a4536$exports, "is-placeholder", () => $086e93d2352a4536$export$e5b2f5233e4e5194, (v) => $086e93d2352a4536$export$e5b2f5233e4e5194 = v);
|
|
75
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-FieldButton--invalid", () => $086e93d2352a4536$export$c9f503f672e8a3c1, (v) => $086e93d2352a4536$export$c9f503f672e8a3c1 = v);
|
|
76
|
-
$parcel$export($086e93d2352a4536$exports, "spectrum-Button--overBackground", () => $086e93d2352a4536$export$5cda1128f9112d2e, (v) => $086e93d2352a4536$export$5cda1128f9112d2e = v);
|
|
77
|
-
var $086e93d2352a4536$export$1db4cca5b4ade39a;
|
|
78
|
-
var $086e93d2352a4536$export$53da69f51b770d3;
|
|
79
|
-
var $086e93d2352a4536$export$36ae67a131730482;
|
|
80
|
-
var $086e93d2352a4536$export$a024c99ecf6b5741;
|
|
81
|
-
var $086e93d2352a4536$export$b752ce409e5660c;
|
|
82
330
|
var $086e93d2352a4536$export$f39a09f249340e2a;
|
|
83
|
-
var $086e93d2352a4536$export$
|
|
84
|
-
var $086e93d2352a4536$export$
|
|
85
|
-
var $086e93d2352a4536$export$b8813cd5d7824ce7;
|
|
86
|
-
var $086e93d2352a4536$export$c081ba562e204942;
|
|
87
|
-
var $086e93d2352a4536$export$c1d306ec0fae3838;
|
|
88
|
-
var $086e93d2352a4536$export$ebb4635c66bacdb9;
|
|
89
|
-
var $086e93d2352a4536$export$4a4f01c443eff992;
|
|
90
|
-
var $086e93d2352a4536$export$40e1f009544bacf3;
|
|
331
|
+
var $086e93d2352a4536$export$8c4ee2c50c22c514;
|
|
332
|
+
var $086e93d2352a4536$export$20fd0f7cd4e6112f;
|
|
91
333
|
var $086e93d2352a4536$export$d35bc1e505d1ebbf;
|
|
334
|
+
var $086e93d2352a4536$export$e7dc768d35940237;
|
|
335
|
+
var $086e93d2352a4536$export$b8813cd5d7824ce7;
|
|
92
336
|
var $086e93d2352a4536$export$a9781837241c946d;
|
|
93
|
-
var $086e93d2352a4536$export$
|
|
94
|
-
var $086e93d2352a4536$export$20fd0f7cd4e6112f;
|
|
95
|
-
var $086e93d2352a4536$export$116f2fccf941d34d;
|
|
337
|
+
var $086e93d2352a4536$export$e5b2f5233e4e5194;
|
|
96
338
|
var $086e93d2352a4536$export$1e0fb04f31d3c22a;
|
|
339
|
+
var $086e93d2352a4536$export$f7b415378ab4f839;
|
|
340
|
+
var $086e93d2352a4536$export$4109102f950813a6;
|
|
341
|
+
var $086e93d2352a4536$export$24c7f46a6e3605dd;
|
|
342
|
+
var $086e93d2352a4536$export$53da69f51b770d3;
|
|
97
343
|
var $086e93d2352a4536$export$5aabb61a966e266f;
|
|
98
|
-
var $086e93d2352a4536$export$
|
|
344
|
+
var $086e93d2352a4536$export$40e1f009544bacf3;
|
|
99
345
|
var $086e93d2352a4536$export$8f7c9db66978d20f;
|
|
100
346
|
var $086e93d2352a4536$export$29b7b5d6a5a497c5;
|
|
347
|
+
var $086e93d2352a4536$export$ccc536e1adbdc059;
|
|
348
|
+
var $086e93d2352a4536$export$4a4f01c443eff992;
|
|
349
|
+
var $086e93d2352a4536$export$ebb4635c66bacdb9;
|
|
350
|
+
var $086e93d2352a4536$export$1db4cca5b4ade39a;
|
|
351
|
+
var $086e93d2352a4536$export$c1d306ec0fae3838;
|
|
352
|
+
var $086e93d2352a4536$export$5cda1128f9112d2e;
|
|
353
|
+
var $086e93d2352a4536$export$54592d0984f245d5;
|
|
354
|
+
var $086e93d2352a4536$export$76d4531f0342bbe0;
|
|
355
|
+
var $086e93d2352a4536$export$c081ba562e204942;
|
|
356
|
+
var $086e93d2352a4536$export$b752ce409e5660c;
|
|
357
|
+
var $086e93d2352a4536$export$116f2fccf941d34d;
|
|
358
|
+
var $086e93d2352a4536$export$49280ffa5236ba8b;
|
|
359
|
+
var $086e93d2352a4536$export$a024c99ecf6b5741;
|
|
360
|
+
var $086e93d2352a4536$export$c9f503f672e8a3c1;
|
|
361
|
+
var $086e93d2352a4536$export$2927016961429360;
|
|
362
|
+
var $086e93d2352a4536$export$5ca7b274e4fff9fc;
|
|
363
|
+
var $086e93d2352a4536$export$d374b04f30360026;
|
|
364
|
+
var $086e93d2352a4536$export$36ae67a131730482;
|
|
101
365
|
var $086e93d2352a4536$export$e52daab43a62c528;
|
|
102
366
|
var $086e93d2352a4536$export$da76be6126aaa633;
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
$086e93d2352a4536$export$
|
|
108
|
-
$086e93d2352a4536$export$
|
|
109
|
-
$086e93d2352a4536$export$
|
|
110
|
-
$086e93d2352a4536$export$
|
|
111
|
-
$086e93d2352a4536$export$
|
|
112
|
-
$086e93d2352a4536$export$
|
|
113
|
-
$086e93d2352a4536$export$
|
|
114
|
-
$086e93d2352a4536$export$
|
|
115
|
-
$086e93d2352a4536$export$
|
|
116
|
-
$086e93d2352a4536$export$
|
|
117
|
-
$086e93d2352a4536$export$
|
|
118
|
-
$086e93d2352a4536$export$
|
|
119
|
-
$086e93d2352a4536$export$
|
|
120
|
-
$086e93d2352a4536$export$
|
|
121
|
-
$086e93d2352a4536$export$
|
|
122
|
-
$086e93d2352a4536$export$
|
|
123
|
-
$086e93d2352a4536$export$
|
|
124
|
-
$086e93d2352a4536$export$
|
|
125
|
-
$086e93d2352a4536$export$
|
|
126
|
-
$086e93d2352a4536$export$
|
|
127
|
-
$086e93d2352a4536$export$
|
|
128
|
-
$086e93d2352a4536$export$
|
|
129
|
-
$086e93d2352a4536$export$
|
|
130
|
-
$086e93d2352a4536$export$
|
|
131
|
-
$086e93d2352a4536$export$
|
|
132
|
-
$086e93d2352a4536$export$
|
|
133
|
-
$086e93d2352a4536$export$
|
|
134
|
-
$086e93d2352a4536$export$
|
|
135
|
-
$086e93d2352a4536$export$
|
|
136
|
-
$086e93d2352a4536$export$
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
367
|
+
$086e93d2352a4536$export$f39a09f249340e2a = `Dniwja_focus-ring`;
|
|
368
|
+
$086e93d2352a4536$export$8c4ee2c50c22c514 = `Dniwja_i18nFontFamily`;
|
|
369
|
+
$086e93d2352a4536$export$20fd0f7cd4e6112f = `Dniwja_is-active`;
|
|
370
|
+
$086e93d2352a4536$export$d35bc1e505d1ebbf = `Dniwja_is-disabled`;
|
|
371
|
+
$086e93d2352a4536$export$e7dc768d35940237 = `Dniwja_is-focused`;
|
|
372
|
+
$086e93d2352a4536$export$b8813cd5d7824ce7 = `Dniwja_is-hovered`;
|
|
373
|
+
$086e93d2352a4536$export$a9781837241c946d = `Dniwja_is-open`;
|
|
374
|
+
$086e93d2352a4536$export$e5b2f5233e4e5194 = `Dniwja_is-placeholder`;
|
|
375
|
+
$086e93d2352a4536$export$1e0fb04f31d3c22a = `Dniwja_is-selected`;
|
|
376
|
+
$086e93d2352a4536$export$f7b415378ab4f839 = `Dniwja_spectrum-BaseButton ${$086e93d2352a4536$export$8c4ee2c50c22c514}`;
|
|
377
|
+
$086e93d2352a4536$export$4109102f950813a6 = `Dniwja_spectrum-FocusRing-ring`;
|
|
378
|
+
$086e93d2352a4536$export$24c7f46a6e3605dd = `Dniwja_spectrum-FocusRing ${$086e93d2352a4536$export$4109102f950813a6}`;
|
|
379
|
+
$086e93d2352a4536$export$53da69f51b770d3 = `Dniwja_spectrum-ActionButton ${$086e93d2352a4536$export$f7b415378ab4f839} ${$086e93d2352a4536$export$24c7f46a6e3605dd}`;
|
|
380
|
+
$086e93d2352a4536$export$5aabb61a966e266f = `Dniwja_spectrum-ActionButton--emphasized`;
|
|
381
|
+
$086e93d2352a4536$export$40e1f009544bacf3 = `Dniwja_spectrum-ActionButton--quiet`;
|
|
382
|
+
$086e93d2352a4536$export$8f7c9db66978d20f = `Dniwja_spectrum-ActionButton--staticBlack`;
|
|
383
|
+
$086e93d2352a4536$export$29b7b5d6a5a497c5 = `Dniwja_spectrum-ActionButton--staticColor`;
|
|
384
|
+
$086e93d2352a4536$export$ccc536e1adbdc059 = `Dniwja_spectrum-ActionButton--staticWhite`;
|
|
385
|
+
$086e93d2352a4536$export$4a4f01c443eff992 = `Dniwja_spectrum-ActionButton-hold`;
|
|
386
|
+
$086e93d2352a4536$export$ebb4635c66bacdb9 = `Dniwja_spectrum-ActionButton-label`;
|
|
387
|
+
$086e93d2352a4536$export$1db4cca5b4ade39a = `Dniwja_spectrum-Button ${$086e93d2352a4536$export$f7b415378ab4f839} ${$086e93d2352a4536$export$24c7f46a6e3605dd}`;
|
|
388
|
+
$086e93d2352a4536$export$c1d306ec0fae3838 = `Dniwja_spectrum-Button--iconOnly`;
|
|
389
|
+
$086e93d2352a4536$export$5cda1128f9112d2e = `Dniwja_spectrum-Button--overBackground`;
|
|
390
|
+
$086e93d2352a4536$export$54592d0984f245d5 = `Dniwja_spectrum-Button--pending`;
|
|
391
|
+
$086e93d2352a4536$export$76d4531f0342bbe0 = `Dniwja_spectrum-Button-circleLoader`;
|
|
392
|
+
$086e93d2352a4536$export$c081ba562e204942 = `Dniwja_spectrum-Button-label`;
|
|
393
|
+
$086e93d2352a4536$export$b752ce409e5660c = `Dniwja_spectrum-ClearButton ${$086e93d2352a4536$export$f7b415378ab4f839} ${$086e93d2352a4536$export$24c7f46a6e3605dd}`;
|
|
394
|
+
$086e93d2352a4536$export$116f2fccf941d34d = `Dniwja_spectrum-ClearButton--overBackground`;
|
|
395
|
+
$086e93d2352a4536$export$49280ffa5236ba8b = `Dniwja_spectrum-ClearButton--small`;
|
|
396
|
+
$086e93d2352a4536$export$a024c99ecf6b5741 = `Dniwja_spectrum-FieldButton ${$086e93d2352a4536$export$f7b415378ab4f839} ${$086e93d2352a4536$export$24c7f46a6e3605dd}`;
|
|
397
|
+
$086e93d2352a4536$export$c9f503f672e8a3c1 = `Dniwja_spectrum-FieldButton--invalid`;
|
|
398
|
+
$086e93d2352a4536$export$2927016961429360 = `Dniwja_spectrum-FocusRing--quiet`;
|
|
399
|
+
$086e93d2352a4536$export$5ca7b274e4fff9fc = `Dniwja_spectrum-FieldButton--quiet ${$086e93d2352a4536$export$2927016961429360}`;
|
|
400
|
+
$086e93d2352a4536$export$d374b04f30360026 = `Dniwja_spectrum-Icon`;
|
|
401
|
+
$086e93d2352a4536$export$36ae67a131730482 = `Dniwja_spectrum-LogicButton ${$086e93d2352a4536$export$f7b415378ab4f839} ${$086e93d2352a4536$export$24c7f46a6e3605dd}`;
|
|
402
|
+
$086e93d2352a4536$export$e52daab43a62c528 = `Dniwja_spectrum-LogicButton--and`;
|
|
403
|
+
$086e93d2352a4536$export$da76be6126aaa633 = `Dniwja_spectrum-LogicButton--or`;
|
|
404
|
+
|
|
405
|
+
|
|
406
|
+
|
|
407
|
+
|
|
408
|
+
|
|
409
|
+
|
|
410
|
+
|
|
411
|
+
function $b865a6f0049e2d66$var$disablePendingProps(props) {
|
|
412
|
+
// Don't allow interaction while isPending is true
|
|
413
|
+
if (props.isPending) {
|
|
414
|
+
props.onPress = undefined;
|
|
415
|
+
props.onPressStart = undefined;
|
|
416
|
+
props.onPressEnd = undefined;
|
|
417
|
+
props.onPressChange = undefined;
|
|
418
|
+
props.onPressUp = undefined;
|
|
419
|
+
props.onKeyDown = undefined;
|
|
420
|
+
props.onKeyUp = undefined;
|
|
421
|
+
props.onClick = undefined;
|
|
422
|
+
props.href = undefined;
|
|
423
|
+
}
|
|
424
|
+
return props;
|
|
425
|
+
}
|
|
143
426
|
function $b865a6f0049e2d66$var$Button(props, ref) {
|
|
144
427
|
props = (0, $d7FTw$useProviderProps)(props);
|
|
145
428
|
props = (0, $d7FTw$useSlotProps)(props, "button");
|
|
146
|
-
|
|
429
|
+
props = $b865a6f0049e2d66$var$disablePendingProps(props);
|
|
430
|
+
let { elementType: ElementType = "button", children: children, variant: variant, style: style = variant === "accent" || variant === "cta" ? "fill" : "outline", staticColor: staticColor, isDisabled: isDisabled, isPending: isPending, autoFocus: autoFocus, ...otherProps } = props;
|
|
147
431
|
let domRef = (0, $d7FTw$useFocusableRef)(ref);
|
|
148
|
-
let { buttonProps: buttonProps
|
|
149
|
-
let { hoverProps: hoverProps
|
|
432
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d7FTw$useButton)(props, domRef);
|
|
433
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $d7FTw$useHover)({
|
|
150
434
|
isDisabled: isDisabled
|
|
151
435
|
});
|
|
152
|
-
let
|
|
436
|
+
let stringFormatter = (0, $d7FTw$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($94fed84ca44dbd5b$exports))));
|
|
437
|
+
let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
|
|
153
438
|
let hasLabel = (0, $d7FTw$useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)))["spectrum-Button-label"]}`, domRef);
|
|
154
439
|
let hasIcon = (0, $d7FTw$useHasChild)(`.${(0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)))["spectrum-Icon"]}`, domRef);
|
|
440
|
+
let [isProgressVisible, setIsProgressVisible] = (0, $d7FTw$useState)(false);
|
|
441
|
+
(0, $d7FTw$useEffect)(()=>{
|
|
442
|
+
let timeout;
|
|
443
|
+
if (isPending) // Start timer when isPending is set to true.
|
|
444
|
+
timeout = setTimeout(()=>{
|
|
445
|
+
setIsProgressVisible(true);
|
|
446
|
+
}, 1000);
|
|
447
|
+
else // Exit loading state when isPending is set to false. */
|
|
448
|
+
setIsProgressVisible(false);
|
|
449
|
+
return ()=>{
|
|
450
|
+
// Clean up on unmount or when user removes isPending prop before entering loading state.
|
|
451
|
+
clearTimeout(timeout);
|
|
452
|
+
};
|
|
453
|
+
}, [
|
|
454
|
+
isPending
|
|
455
|
+
]);
|
|
155
456
|
if (variant === "cta") variant = "accent";
|
|
156
457
|
else if (variant === "overBackground") {
|
|
157
458
|
variant = "primary";
|
|
@@ -167,11 +468,14 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
|
|
|
167
468
|
"data-variant": variant,
|
|
168
469
|
"data-style": style,
|
|
169
470
|
"data-static-color": staticColor || undefined,
|
|
471
|
+
"aria-disabled": isPending || undefined,
|
|
472
|
+
"aria-live": isPending ? "polite" : undefined,
|
|
170
473
|
className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Button", {
|
|
171
474
|
"spectrum-Button--iconOnly": hasIcon && !hasLabel,
|
|
172
|
-
"is-disabled": isDisabled,
|
|
475
|
+
"is-disabled": isDisabled || isProgressVisible,
|
|
173
476
|
"is-active": isPressed,
|
|
174
|
-
"is-hovered": isHovered
|
|
477
|
+
"is-hovered": isHovered,
|
|
478
|
+
"spectrum-Button--pending": isProgressVisible
|
|
175
479
|
}, styleProps.className)
|
|
176
480
|
}, /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$SlotProvider), {
|
|
177
481
|
slots: {
|
|
@@ -183,7 +487,13 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
|
|
|
183
487
|
UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Button-label")
|
|
184
488
|
}
|
|
185
489
|
}
|
|
186
|
-
},
|
|
490
|
+
}, isProgressVisible && /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$ProgressCircle), {
|
|
491
|
+
"aria-label": stringFormatter.format("loading"),
|
|
492
|
+
isIndeterminate: true,
|
|
493
|
+
size: "S",
|
|
494
|
+
UNSAFE_className: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "spectrum-Button-circleLoader"),
|
|
495
|
+
staticColor: staticColor
|
|
496
|
+
}), typeof children === "string" ? /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$Text), null, children) : children)));
|
|
187
497
|
}
|
|
188
498
|
/**
|
|
189
499
|
* Buttons allow users to perform an action or to navigate to another page.
|
|
@@ -215,14 +525,14 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
|
|
|
215
525
|
function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
|
|
216
526
|
props = (0, $d7FTw$useProviderProps)(props);
|
|
217
527
|
props = (0, $d7FTw$useSlotProps)(props, "actionButton");
|
|
218
|
-
let { isQuiet: isQuiet
|
|
219
|
-
holdAffordance
|
|
528
|
+
let { isQuiet: isQuiet, isDisabled: isDisabled, staticColor: staticColor, children: children, autoFocus: autoFocus, holdAffordance: // @ts-ignore (private)
|
|
529
|
+
holdAffordance, ...otherProps } = props;
|
|
220
530
|
let domRef = (0, $d7FTw$useFocusableRef)(ref);
|
|
221
|
-
let { buttonProps: buttonProps
|
|
222
|
-
let { hoverProps: hoverProps
|
|
531
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d7FTw$useButton)(props, domRef);
|
|
532
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $d7FTw$useHover)({
|
|
223
533
|
isDisabled: isDisabled
|
|
224
534
|
});
|
|
225
|
-
let { styleProps: styleProps
|
|
535
|
+
let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
|
|
226
536
|
let isTextOnly = (0, $d7FTw$react).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, $d7FTw$react).isValidElement(c));
|
|
227
537
|
return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
|
|
228
538
|
focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring"),
|
|
@@ -280,13 +590,13 @@ function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
|
|
|
280
590
|
// @private
|
|
281
591
|
function $b43bd559b476d0c4$var$FieldButton(props, ref) {
|
|
282
592
|
props = (0, $d7FTw$useSlotProps)(props, "button");
|
|
283
|
-
let { isQuiet: isQuiet
|
|
593
|
+
let { isQuiet: isQuiet, isDisabled: isDisabled, validationState: validationState, isInvalid: isInvalid, children: children, autoFocus: autoFocus, isActive: isActive, focusRingClass: focusRingClass, ...otherProps } = props;
|
|
284
594
|
let domRef = (0, $d7FTw$useFocusableRef)(ref);
|
|
285
|
-
let { buttonProps: buttonProps
|
|
286
|
-
let { hoverProps: hoverProps
|
|
595
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d7FTw$useButton)(props, domRef);
|
|
596
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $d7FTw$useHover)({
|
|
287
597
|
isDisabled: isDisabled
|
|
288
598
|
});
|
|
289
|
-
let { styleProps: styleProps
|
|
599
|
+
let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
|
|
290
600
|
return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
|
|
291
601
|
focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring", focusRingClass),
|
|
292
602
|
autoFocus: autoFocus
|
|
@@ -297,7 +607,7 @@ function $b43bd559b476d0c4$var$FieldButton(props, ref) {
|
|
|
297
607
|
"spectrum-FieldButton--quiet": isQuiet,
|
|
298
608
|
"is-active": isActive || isPressed,
|
|
299
609
|
"is-disabled": isDisabled,
|
|
300
|
-
"spectrum-FieldButton--invalid": validationState === "invalid",
|
|
610
|
+
"spectrum-FieldButton--invalid": isInvalid || validationState === "invalid",
|
|
301
611
|
"is-hovered": isHovered
|
|
302
612
|
}, styleProps.className)
|
|
303
613
|
}, /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$SlotProvider), {
|
|
@@ -332,13 +642,13 @@ let $b43bd559b476d0c4$export$47dc48f595b075da = /*#__PURE__*/ (0, $d7FTw$react).
|
|
|
332
642
|
|
|
333
643
|
function $45108e3c482ee88b$var$LogicButton(props, ref) {
|
|
334
644
|
props = (0, $d7FTw$useProviderProps)(props);
|
|
335
|
-
let { variant: variant
|
|
645
|
+
let { variant: variant, children: children, isDisabled: isDisabled, autoFocus: autoFocus, ...otherProps } = props;
|
|
336
646
|
let domRef = (0, $d7FTw$useFocusableRef)(ref);
|
|
337
|
-
let { buttonProps: buttonProps
|
|
338
|
-
let { hoverProps: hoverProps
|
|
647
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d7FTw$useButton)(props, domRef);
|
|
648
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $d7FTw$useHover)({
|
|
339
649
|
isDisabled: isDisabled
|
|
340
650
|
});
|
|
341
|
-
let { styleProps: styleProps
|
|
651
|
+
let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
|
|
342
652
|
return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
|
|
343
653
|
focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring"),
|
|
344
654
|
autoFocus: autoFocus
|
|
@@ -382,16 +692,16 @@ function $45108e3c482ee88b$var$LogicButton(props, ref) {
|
|
|
382
692
|
function $dd24e555a16de2ae$var$ClearButton(props, ref) {
|
|
383
693
|
let { children: children = /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$spectrumiconsuiCrossSmall), {
|
|
384
694
|
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports)))["spectrum-Icon"]
|
|
385
|
-
})
|
|
695
|
+
}), focusClassName: focusClassName, variant: variant, autoFocus: autoFocus, isDisabled: isDisabled, preventFocus: preventFocus, elementType: elementType = preventFocus ? "div" : "button", ...otherProps } = props;
|
|
386
696
|
let domRef = (0, $d7FTw$useFocusableRef)(ref);
|
|
387
|
-
let { buttonProps: buttonProps
|
|
697
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d7FTw$useButton)({
|
|
388
698
|
...props,
|
|
389
699
|
elementType: elementType
|
|
390
700
|
}, domRef);
|
|
391
|
-
let { hoverProps: hoverProps
|
|
701
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $d7FTw$useHover)({
|
|
392
702
|
isDisabled: isDisabled
|
|
393
703
|
});
|
|
394
|
-
let { styleProps: styleProps
|
|
704
|
+
let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
|
|
395
705
|
// For cases like the clear button in a search field, remove the tabIndex so
|
|
396
706
|
// iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when
|
|
397
707
|
// moving the cursor over the clear button.
|
|
@@ -437,14 +747,14 @@ let $dd24e555a16de2ae$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $d7FTw$react).
|
|
|
437
747
|
|
|
438
748
|
function $3979c7c23b0bd270$var$ToggleButton(props, ref) {
|
|
439
749
|
props = (0, $d7FTw$useProviderProps)(props);
|
|
440
|
-
let { isQuiet: isQuiet
|
|
750
|
+
let { isQuiet: isQuiet, isDisabled: isDisabled, isEmphasized: isEmphasized, staticColor: staticColor, children: children, autoFocus: autoFocus, ...otherProps } = props;
|
|
441
751
|
let domRef = (0, $d7FTw$useFocusableRef)(ref);
|
|
442
752
|
let state = (0, $d7FTw$useToggleState)(props);
|
|
443
|
-
let { buttonProps: buttonProps
|
|
444
|
-
let { hoverProps: hoverProps
|
|
753
|
+
let { buttonProps: buttonProps, isPressed: isPressed } = (0, $d7FTw$useToggleButton)(props, state, domRef);
|
|
754
|
+
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $d7FTw$useHover)({
|
|
445
755
|
isDisabled: isDisabled
|
|
446
756
|
});
|
|
447
|
-
let { styleProps: styleProps
|
|
757
|
+
let { styleProps: styleProps } = (0, $d7FTw$useStyleProps)(otherProps);
|
|
448
758
|
let isTextOnly = (0, $d7FTw$react).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ (0, $d7FTw$react).isValidElement(c));
|
|
449
759
|
return /*#__PURE__*/ (0, $d7FTw$react).createElement((0, $d7FTw$FocusRing), {
|
|
450
760
|
focusRingClass: (0, $d7FTw$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($086e93d2352a4536$exports))), "focus-ring"),
|