@react-spectrum/textfield 3.11.1 → 3.11.3

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 CHANGED
@@ -1,5 +1,3 @@
1
- "use client";
2
-
3
1
  import "./main.css";
4
2
  import {useLayoutEffect as $evhxb$useLayoutEffect, chain as $evhxb$chain, mergeProps as $evhxb$mergeProps} from "@react-aria/utils";
5
3
  import $evhxb$react, {useRef as $evhxb$useRef, useCallback as $evhxb$useCallback, useImperativeHandle as $evhxb$useImperativeHandle, cloneElement as $evhxb$cloneElement, forwardRef as $evhxb$forwardRef} from "react";
package/dist/main.css CHANGED
@@ -1,650 +1 @@
1
- .YO3Nla_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
- .YO3Nla_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
- .YO3Nla_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
- .YO3Nla_i18nFontFamily:lang(zh) {
15
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
- }
17
-
18
- .YO3Nla_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
- .YO3Nla_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
- .YO3Nla_i18nFontFamily:lang(zh-SG) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- .YO3Nla_i18nFontFamily:lang(zh-CN) {
31
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
32
- }
33
-
34
- .YO3Nla_i18nFontFamily:lang(ko) {
35
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
36
- }
37
-
38
- .YO3Nla_i18nFontFamily:lang(ja) {
39
- font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
40
- }
41
-
42
- .YO3Nla_spectrum-FocusRing-ring {
43
- --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
44
- --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
45
- --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
46
- --spectrum-focus-ring-border-size: 0px;
47
- --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
48
- }
49
-
50
- .YO3Nla_spectrum-FocusRing-ring:after {
51
- border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
52
- content: "";
53
- margin: calc(-1 * var(--spectrum-focus-ring-border-size));
54
- pointer-events: none;
55
- transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
56
- display: block;
57
- position: absolute;
58
- top: 0;
59
- bottom: 0;
60
- left: 0;
61
- right: 0;
62
- }
63
-
64
- .YO3Nla_spectrum-FocusRing {
65
- }
66
-
67
- .YO3Nla_spectrum-FocusRing.YO3Nla_focus-ring:after {
68
- margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
69
- box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
70
- }
71
-
72
- .YO3Nla_spectrum-FocusRing--quiet:after {
73
- border-radius: 0;
74
- }
75
-
76
- .YO3Nla_spectrum-FocusRing--quiet.YO3Nla_focus-ring:after {
77
- margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
78
- box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
79
- }
80
-
81
- .YO3Nla_spectrum-Textfield {
82
- min-width: var(--spectrum-textfield-min-width, var(--spectrum-global-dimension-size-600));
83
- width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
84
- display: inline-flex;
85
- position: relative;
86
- }
87
-
88
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--quiet.YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input {
89
- height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
90
- min-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
91
- overflow-x: hidden;
92
- }
93
-
94
- .YO3Nla_spectrum-Textfield--quiet {
95
- }
96
-
97
- .YO3Nla_spectrum-Textfield-input {
98
- box-sizing: border-box;
99
- border: var(--spectrum-alias-input-border-size) solid;
100
- border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
101
- padding: 3px var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) 5px calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) - 1px);
102
- text-indent: 0;
103
- height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
104
- vertical-align: top;
105
- font-size: var(--spectrum-textfield-text-size, var(--spectrum-alias-font-size-default));
106
- line-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
107
- text-overflow: ellipsis;
108
- transition: border-color var(--spectrum-global-animation-duration-100, .13s) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
109
- -webkit-appearance: none;
110
- -moz-appearance: textfield;
111
- outline: none;
112
- inline-size: 100%;
113
- margin: 0;
114
- overflow: visible;
115
- }
116
-
117
- .YO3Nla_spectrum-Textfield-input::placeholder {
118
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
119
- font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
120
- font-synthesis: none;
121
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
122
- opacity: 1;
123
- }
124
-
125
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder {
126
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
127
- font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
128
- font-synthesis: none;
129
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
130
- opacity: 1;
131
- }
132
-
133
- .YO3Nla_spectrum-Textfield-input::-moz-placeholder {
134
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
135
- font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
136
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
137
- opacity: 1;
138
- }
139
-
140
- .YO3Nla_spectrum-Textfield-input:lang(ja)::placeholder {
141
- font-style: normal;
142
- }
143
-
144
- .YO3Nla_spectrum-Textfield-input:lang(ja).YO3Nla_is-placeholder {
145
- font-style: normal;
146
- }
147
-
148
- .YO3Nla_spectrum-Textfield-input:lang(ja)::-moz-placeholder {
149
- font-style: normal;
150
- }
151
-
152
- .YO3Nla_spectrum-Textfield-input:lang(zh)::placeholder {
153
- font-style: normal;
154
- }
155
-
156
- .YO3Nla_spectrum-Textfield-input:lang(zh).YO3Nla_is-placeholder {
157
- font-style: normal;
158
- }
159
-
160
- .YO3Nla_spectrum-Textfield-input:lang(zh)::-moz-placeholder {
161
- font-style: normal;
162
- }
163
-
164
- .YO3Nla_spectrum-Textfield-input:lang(ko)::placeholder {
165
- font-style: normal;
166
- }
167
-
168
- .YO3Nla_spectrum-Textfield-input:lang(ko).YO3Nla_is-placeholder {
169
- font-style: normal;
170
- }
171
-
172
- .YO3Nla_spectrum-Textfield-input:lang(ko)::-moz-placeholder {
173
- font-style: normal;
174
- }
175
-
176
- .YO3Nla_spectrum-Textfield-input:lang(ar)::placeholder {
177
- font-style: normal;
178
- }
179
-
180
- .YO3Nla_spectrum-Textfield-input:lang(ar).YO3Nla_is-placeholder {
181
- font-style: normal;
182
- }
183
-
184
- .YO3Nla_spectrum-Textfield-input:lang(ar)::-moz-placeholder {
185
- font-style: normal;
186
- }
187
-
188
- .YO3Nla_spectrum-Textfield-input:lang(he)::placeholder {
189
- font-style: normal;
190
- }
191
-
192
- .YO3Nla_spectrum-Textfield-input:lang(he).YO3Nla_is-placeholder {
193
- font-style: normal;
194
- }
195
-
196
- .YO3Nla_spectrum-Textfield-input:lang(he)::-moz-placeholder {
197
- font-style: normal;
198
- }
199
-
200
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder {
201
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
202
- }
203
-
204
- .YO3Nla_spectrum-Textfield-input:disabled {
205
- resize: none;
206
- opacity: 1;
207
- }
208
-
209
- .YO3Nla_spectrum-Textfield-input:disabled::placeholder {
210
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
211
- }
212
-
213
- .YO3Nla_spectrum-Textfield-input:disabled.YO3Nla_is-placeholder {
214
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
215
- }
216
-
217
- .YO3Nla_spectrum-Textfield-input::-ms-clear {
218
- width: 0;
219
- height: 0;
220
- }
221
-
222
- .YO3Nla_spectrum-Textfield-input::-webkit-inner-spin-button {
223
- -webkit-appearance: none;
224
- margin: 0;
225
- }
226
-
227
- .YO3Nla_spectrum-Textfield-input::-webkit-outer-spin-button {
228
- -webkit-appearance: none;
229
- margin: 0;
230
- }
231
-
232
- .YO3Nla_spectrum-Textfield-input:-moz-ui-invalid {
233
- box-shadow: none;
234
- }
235
-
236
- .YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input {
237
- min-height: var(--spectrum-global-dimension-size-700);
238
- padding: 3px var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) 5px calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) - 1px);
239
- resize: none;
240
- height: auto;
241
- overflow: auto;
242
- }
243
-
244
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input {
245
- border-width: 0 0 var(--spectrum-alias-input-border-size) 0;
246
- border-radius: 0;
247
- padding-inline-start: var(--spectrum-textfield-quiet-padding-x, 0);
248
- padding-inline-end: var(--spectrum-textfield-quiet-padding-x, 0);
249
- }
250
-
251
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-input {
252
- padding-inline-end: calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left, var(--spectrum-global-dimension-size-150)));
253
- }
254
-
255
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input {
256
- padding-inline-end: calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left, var(--spectrum-global-dimension-size-150)));
257
- }
258
-
259
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-input {
260
- padding-inline-end: calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left, var(--spectrum-global-dimension-size-150)));
261
- }
262
-
263
- .YO3Nla_spectrum-Textfield-wrapper.YO3Nla_spectrum-Textfield-wrapper--quiet {
264
- grid-template-rows: auto;
265
- }
266
-
267
- .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline {
268
- flex: auto;
269
- min-height: 0;
270
- }
271
-
272
- .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input {
273
- line-height: var(--spectrum-textfield-text-line-height, var(--spectrum-alias-body-text-line-height));
274
- }
275
-
276
- .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline.YO3Nla_spectrum-Textfield--quiet {
277
- flex: 0 auto;
278
- max-height: 100%;
279
- }
280
-
281
- .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input {
282
- max-height: 100%;
283
- }
284
-
285
- .YO3Nla_spectrum-Textfield-validationIcon {
286
- pointer-events: all;
287
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
288
- padding-inline-end: calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2);
289
- position: absolute;
290
- }
291
-
292
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-validationIcon {
293
- padding-inline-end: 0;
294
- }
295
-
296
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon {
297
- width: var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225));
298
- height: var(--spectrum-icon-alert-medium-height, var(--spectrum-global-dimension-size-225));
299
- top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-height, var(--spectrum-global-dimension-size-225)) / 2));
300
- }
301
-
302
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon: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))) {
303
- right: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
304
- }
305
-
306
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon: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))) {
307
- right: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
308
- }
309
-
310
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:-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)) {
311
- left: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
312
- }
313
-
314
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon: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)) {
315
- left: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
316
- }
317
-
318
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon {
319
- width: var(--spectrum-icon-checkmark-medium-width);
320
- height: var(--spectrum-icon-checkmark-medium-height);
321
- top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-checkmark-medium-height) / 2));
322
- }
323
-
324
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon: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))) {
325
- right: var(--spectrum-global-dimension-size-150);
326
- }
327
-
328
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon: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))) {
329
- right: var(--spectrum-global-dimension-size-150);
330
- }
331
-
332
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:-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)) {
333
- left: var(--spectrum-global-dimension-size-150);
334
- }
335
-
336
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon: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)) {
337
- left: var(--spectrum-global-dimension-size-150);
338
- }
339
-
340
- .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon {
341
- height: var(--spectrum-icon-info-medium-height, var(--spectrum-global-dimension-size-225));
342
- width: var(--spectrum-icon-info-medium-width, var(--spectrum-global-dimension-size-225));
343
- top: var(--spectrum-global-dimension-size-85);
344
- transition: fill var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
345
- display: block;
346
- position: absolute;
347
- }
348
-
349
- .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon: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))) {
350
- left: var(--spectrum-global-dimension-size-150);
351
- }
352
-
353
- .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon: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))) {
354
- left: var(--spectrum-global-dimension-size-150);
355
- }
356
-
357
- .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:-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)) {
358
- right: var(--spectrum-global-dimension-size-150);
359
- }
360
-
361
- .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon: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)) {
362
- right: var(--spectrum-global-dimension-size-150);
363
- }
364
-
365
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon {
366
- padding-inline-start: calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65));
367
- }
368
-
369
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon {
370
- padding-inline-start: calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width, var(--spectrum-global-dimension-size-225)));
371
- }
372
-
373
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-icon: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))) {
374
- left: 0;
375
- }
376
-
377
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-icon: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))) {
378
- left: 0;
379
- }
380
-
381
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-icon:-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)) {
382
- right: 0;
383
- }
384
-
385
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-icon: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)) {
386
- right: 0;
387
- }
388
-
389
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon.YO3Nla_spectrum-Textfield--multiline {
390
- height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
391
- min-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
392
- }
393
-
394
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader {
395
- top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200)) / 2));
396
- position: absolute;
397
- }
398
-
399
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader: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))) {
400
- right: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
401
- }
402
-
403
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader: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))) {
404
- right: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
405
- }
406
-
407
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:-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)) {
408
- left: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
409
- }
410
-
411
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader: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)) {
412
- left: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
413
- }
414
-
415
- .YO3Nla_spectrum-Textfield--quiet:is(.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader) {
416
- padding-inline-end: 0;
417
- }
418
-
419
- .YO3Nla_spectrum-Textfield-input {
420
- background-color: var(--spectrum-textfield-background-color, var(--spectrum-global-color-gray-50));
421
- border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
422
- color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
423
- }
424
-
425
- .YO3Nla_spectrum-Textfield-input::placeholder {
426
- color: var(--spectrum-textfield-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
427
- }
428
-
429
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder {
430
- color: var(--spectrum-textfield-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
431
- }
432
-
433
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered {
434
- border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
435
- box-shadow: none;
436
- }
437
-
438
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder {
439
- color: var(--spectrum-textfield-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
440
- }
441
-
442
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered.YO3Nla_is-placeholder {
443
- color: var(--spectrum-textfield-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
444
- }
445
-
446
- .YO3Nla_spectrum-Textfield-input:active {
447
- background-color: var(--spectrum-textfield-background-color-down, var(--spectrum-global-color-gray-50));
448
- border-color: var(--spectrum-textfield-border-color-down, var(--spectrum-alias-border-color-mouse-focus));
449
- color: var(--spectrum-textfield-text-color-down, var(--spectrum-alias-text-color-down));
450
- }
451
-
452
- .YO3Nla_spectrum-Textfield-input:active::placeholder {
453
- color: var(--spectrum-textfield-placeholder-text-color-down, var(--spectrum-alias-placeholder-text-color-down));
454
- }
455
-
456
- .YO3Nla_spectrum-Textfield-input:active.YO3Nla_is-placeholder {
457
- color: var(--spectrum-textfield-placeholder-text-color-down, var(--spectrum-alias-placeholder-text-color-down));
458
- }
459
-
460
- .YO3Nla_spectrum-Textfield-input:focus {
461
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
462
- }
463
-
464
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
465
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
466
- }
467
-
468
- .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
469
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
470
- box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
471
- }
472
-
473
- .YO3Nla_spectrum-Textfield-input[disabled] {
474
- background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
475
- border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
476
- color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
477
- -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
478
- }
479
-
480
- .YO3Nla_spectrum-Textfield-input[disabled]::placeholder {
481
- color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
482
- }
483
-
484
- .YO3Nla_spectrum-Textfield-input[disabled].YO3Nla_is-placeholder {
485
- color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
486
- }
487
-
488
- .YO3Nla_spectrum-Textfield-input[disabled] ~ .YO3Nla_spectrum-Textfield-icon {
489
- fill: var(--spectrum-textfield-icon-color-disabled, var(--spectrum-global-color-gray-500));
490
- }
491
-
492
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled {
493
- background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
494
- border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
495
- color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
496
- -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
497
- }
498
-
499
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled::placeholder {
500
- color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
501
- }
502
-
503
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled.YO3Nla_is-placeholder {
504
- color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
505
- }
506
-
507
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled ~ .YO3Nla_spectrum-Textfield-icon {
508
- fill: var(--spectrum-textfield-icon-color-disabled, var(--spectrum-global-color-gray-500));
509
- }
510
-
511
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid {
512
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
513
- }
514
-
515
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_is-hovered {
516
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
517
- }
518
-
519
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:active {
520
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
521
- }
522
-
523
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:focus {
524
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
525
- }
526
-
527
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_is-focused {
528
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
529
- }
530
-
531
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_focus-ring:not(:active) {
532
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
533
- box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
534
- }
535
-
536
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input {
537
- background-color: var(--spectrum-textfield-quiet-background-color, var(--spectrum-alias-background-color-transparent));
538
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
539
- }
540
-
541
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered {
542
- border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
543
- }
544
-
545
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:active {
546
- border-color: var(--spectrum-textfield-quiet-border-color-down, var(--spectrum-alias-border-color-mouse-focus));
547
- }
548
-
549
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:focus {
550
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
551
- }
552
-
553
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
554
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
555
- }
556
-
557
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
558
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
559
- box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
560
- }
561
-
562
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:disabled {
563
- background-color: var(--spectrum-textfield-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
564
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
565
- }
566
-
567
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled {
568
- background-color: var(--spectrum-textfield-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
569
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
570
- }
571
-
572
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input {
573
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
574
- }
575
-
576
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered {
577
- border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
578
- }
579
-
580
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input:active {
581
- border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
582
- }
583
-
584
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input:focus {
585
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
586
- }
587
-
588
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
589
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
590
- }
591
-
592
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
593
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
594
- box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
595
- }
596
-
597
- .YO3Nla_spectrum-Textfield--quiet.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
598
- box-shadow: 0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
599
- }
600
-
601
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon {
602
- fill: var(--spectrum-alert-success-icon-color, var(--spectrum-semantic-positive-color-icon));
603
- }
604
-
605
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon {
606
- fill: var(--spectrum-alert-error-icon-color, var(--spectrum-semantic-negative-color-icon));
607
- }
608
-
609
- @media (forced-colors: active) {
610
- .YO3Nla_spectrum-Textfield-input {
611
- --spectrum-textfield-border-color: CanvasText;
612
- --spectrum-textfield-text-color-disabled: GrayText;
613
- --spectrum-textfield-border-color-disabled: GrayText;
614
- --spectrum-textfield-quiet-border-color-disabled: GrayText;
615
- --spectrum-textfield-quiet-border-color-key-focus: Highlight;
616
- --spectrum-textfield-border-color-key-focus: Highlight;
617
- --spectrum-textfield-placeholder-text-color: GrayText;
618
- --spectrum-textfield-placeholder-text-color-hover: GrayText;
619
- }
620
-
621
- .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
622
- outline: 2px solid Highlight;
623
- }
624
-
625
- .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
626
- outline: 2px solid Highlight;
627
- }
628
-
629
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
630
- forced-color-adjust: none;
631
- box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
632
- outline: 0;
633
- }
634
-
635
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring .YO3Nla_spectrum-Textfield-input {
636
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
637
- }
638
-
639
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
640
- forced-color-adjust: none;
641
- box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
642
- outline: 0;
643
- }
644
-
645
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring .YO3Nla_spectrum-Textfield-input {
646
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
647
- }
648
- }
649
-
650
- /*# sourceMappingURL=main.css.map */
1
+ .YO3Nla_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.YO3Nla_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}.YO3Nla_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}.YO3Nla_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.YO3Nla_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.YO3Nla_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.YO3Nla_i18nFontFamily:lang(zh-SG),.YO3Nla_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.YO3Nla_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.YO3Nla_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}.YO3Nla_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)))}.YO3Nla_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}.YO3Nla_spectrum-FocusRing.YO3Nla_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)}.YO3Nla_spectrum-FocusRing--quiet:after{border-radius:0}.YO3Nla_spectrum-FocusRing--quiet.YO3Nla_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)}.YO3Nla_spectrum-Textfield{min-width:var(--spectrum-textfield-min-width,var(--spectrum-global-dimension-size-600));width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400));display:inline-flex;position:relative}.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--quiet.YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));min-height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));overflow-x:hidden}.YO3Nla_spectrum-Textfield-input{box-sizing:border-box;border:var(--spectrum-alias-input-border-size)solid;border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));padding:3px var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))5px calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) - 1px);text-indent:0;height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));vertical-align:top;font-size:var(--spectrum-textfield-text-size,var(--spectrum-alias-font-size-default));line-height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));text-overflow:ellipsis;transition:border-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out;-webkit-appearance:none;-moz-appearance:textfield;outline:none;inline-size:100%;margin:0;overflow:visible}.YO3Nla_spectrum-Textfield-input::placeholder,.YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:var(--spectrum-textfield-placeholder-text-font-style,var(--spectrum-global-font-style-italic));font-synthesis:none;transition:color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;opacity:1}.YO3Nla_spectrum-Textfield-input::-moz-placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:var(--spectrum-textfield-placeholder-text-font-style,var(--spectrum-global-font-style-italic));transition:color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;opacity:1}.YO3Nla_spectrum-Textfield-input:lang(ja)::placeholder,.YO3Nla_spectrum-Textfield-input:lang(ja).YO3Nla_is-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(ja)::-moz-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(zh)::placeholder,.YO3Nla_spectrum-Textfield-input:lang(zh).YO3Nla_is-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(zh)::-moz-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(ko)::placeholder,.YO3Nla_spectrum-Textfield-input:lang(ko).YO3Nla_is-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(ko)::-moz-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(ar)::placeholder,.YO3Nla_spectrum-Textfield-input:lang(ar).YO3Nla_is-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(ar)::-moz-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(he)::placeholder,.YO3Nla_spectrum-Textfield-input:lang(he).YO3Nla_is-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(he)::-moz-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular))}.YO3Nla_spectrum-Textfield-input:disabled{resize:none;opacity:1}.YO3Nla_spectrum-Textfield-input:disabled::placeholder,.YO3Nla_spectrum-Textfield-input:disabled.YO3Nla_is-placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular))}.YO3Nla_spectrum-Textfield-input::-ms-clear{width:0;height:0}.YO3Nla_spectrum-Textfield-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.YO3Nla_spectrum-Textfield-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.YO3Nla_spectrum-Textfield-input:-moz-ui-invalid{box-shadow:none}.YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input{min-height:var(--spectrum-global-dimension-size-700);padding:3px var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))5px calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) - 1px);resize:none;height:auto;overflow:auto}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input{border-width:0 0 var(--spectrum-alias-input-border-size)0;border-radius:0;padding-inline-start:var(--spectrum-textfield-quiet-padding-x,0);padding-inline-end:var(--spectrum-textfield-quiet-padding-x,0)}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-input{padding-inline-end:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input,.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-input{padding-inline-end:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.YO3Nla_spectrum-Textfield-wrapper.YO3Nla_spectrum-Textfield-wrapper--quiet{grid-template-rows:auto}.YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline{flex:auto;min-height:0}.YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input{line-height:var(--spectrum-textfield-text-line-height,var(--spectrum-alias-body-text-line-height))}.YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline.YO3Nla_spectrum-Textfield--quiet{flex:0 auto;max-height:100%}.YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input{max-height:100%}.YO3Nla_spectrum-Textfield-validationIcon{pointer-events:all;transition:color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;padding-inline-end:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2);position:absolute}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-validationIcon{padding-inline-end:0}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon{width:var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-alert-medium-height,var(--spectrum-global-dimension-size-225));top:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-height,var(--spectrum-global-dimension-size-225))/2))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon: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))){right:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon: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))){right:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon: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))){right:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:-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)){left:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon: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)){left:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2))}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon{width:var(--spectrum-icon-checkmark-medium-width);height:var(--spectrum-icon-checkmark-medium-height);top:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-checkmark-medium-height)/2))}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon: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))){right:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon: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))){right:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon: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))){right:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:-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)){left:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon: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)){left:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon{height:var(--spectrum-icon-info-medium-height,var(--spectrum-global-dimension-size-225));width:var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225));top:var(--spectrum-global-dimension-size-85);transition:fill var(--spectrum-global-animation-duration-100,.13s)ease-in-out;display:block;position:absolute}.YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon: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))){left:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon: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))){left:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon: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))){left:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:-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)){right:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon: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)){right:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon{padding-inline-start:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon{padding-inline-start:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225)))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon~.YO3Nla_spectrum-Textfield-icon: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))){left:0}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon~.YO3Nla_spectrum-Textfield-icon: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))){left:0}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon~.YO3Nla_spectrum-Textfield-icon: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))){left:0}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon~.YO3Nla_spectrum-Textfield-icon:-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)){right:0}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon~.YO3Nla_spectrum-Textfield-icon: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)){right:0}.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon.YO3Nla_spectrum-Textfield--multiline{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));min-height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height))}.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader{top:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))/2));position:absolute}.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader: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))){right:calc(calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)) + calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2))}.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader: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))){right:calc(calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)) + calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2))}.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader: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))){right:calc(calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)) + calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2))}.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:-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)){left:calc(calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)) + calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2))}.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader: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)){left:calc(calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)) + calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2))}.YO3Nla_spectrum-Textfield--quiet:is(.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader){padding-inline-end:0}.YO3Nla_spectrum-Textfield-input{background-color:var(--spectrum-textfield-background-color,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-textfield-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-textfield-text-color,var(--spectrum-alias-text-color))}.YO3Nla_spectrum-Textfield-input::placeholder,.YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder{color:var(--spectrum-textfield-placeholder-text-color,var(--spectrum-alias-placeholder-text-color))}.YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered{border-color:var(--spectrum-textfield-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none}.YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder,.YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered.YO3Nla_is-placeholder{color:var(--spectrum-textfield-placeholder-text-color-hover,var(--spectrum-alias-placeholder-text-color-hover))}.YO3Nla_spectrum-Textfield-input:active{background-color:var(--spectrum-textfield-background-color-down,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-textfield-border-color-down,var(--spectrum-alias-border-color-mouse-focus));color:var(--spectrum-textfield-text-color-down,var(--spectrum-alias-text-color-down))}.YO3Nla_spectrum-Textfield-input:active::placeholder,.YO3Nla_spectrum-Textfield-input:active.YO3Nla_is-placeholder{color:var(--spectrum-textfield-placeholder-text-color-down,var(--spectrum-alias-placeholder-text-color-down))}.YO3Nla_spectrum-Textfield-input:focus,.YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active){border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield-input[disabled]{background-color:var(--spectrum-textfield-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-textfield-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled));-webkit-text-fill-color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.YO3Nla_spectrum-Textfield-input[disabled]::placeholder,.YO3Nla_spectrum-Textfield-input[disabled].YO3Nla_is-placeholder{color:var(--spectrum-textfield-placeholder-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.YO3Nla_spectrum-Textfield-input[disabled]~.YO3Nla_spectrum-Textfield-icon{fill:var(--spectrum-textfield-icon-color-disabled,var(--spectrum-global-color-gray-500))}.YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled{background-color:var(--spectrum-textfield-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-textfield-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled));-webkit-text-fill-color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled::placeholder,.YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled.YO3Nla_is-placeholder{color:var(--spectrum-textfield-placeholder-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled~.YO3Nla_spectrum-Textfield-icon{fill:var(--spectrum-textfield-icon-color-disabled,var(--spectrum-global-color-gray-500))}.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_is-hovered,.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:active,.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:focus,.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_is-focused{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_focus-ring:not(:active){border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input{background-color:var(--spectrum-textfield-quiet-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered{border-color:var(--spectrum-textfield-quiet-border-color-hover,var(--spectrum-alias-border-color-hover))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:active{border-color:var(--spectrum-textfield-quiet-border-color-down,var(--spectrum-alias-border-color-mouse-focus))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:focus,.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active){border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 1px 0 var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:disabled,.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled{background-color:var(--spectrum-textfield-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered{border-color:var(--spectrum-textfield-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input:active{border-color:var(--spectrum-textfield-border-color-error-down,var(--spectrum-semantic-negative-color-state-down))}.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input:focus,.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active){border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield--quiet.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active){box-shadow:0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon{fill:var(--spectrum-alert-success-icon-color,var(--spectrum-semantic-positive-color-icon))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon{fill:var(--spectrum-alert-error-icon-color,var(--spectrum-semantic-negative-color-icon))}@media (forced-colors:active){.YO3Nla_spectrum-Textfield-input{--spectrum-textfield-border-color:CanvasText;--spectrum-textfield-text-color-disabled:GrayText;--spectrum-textfield-border-color-disabled:GrayText;--spectrum-textfield-quiet-border-color-disabled:GrayText;--spectrum-textfield-quiet-border-color-key-focus:Highlight;--spectrum-textfield-border-color-key-focus:Highlight;--spectrum-textfield-placeholder-text-color:GrayText;--spectrum-textfield-placeholder-text-color-hover:GrayText}.YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring{outline:2px solid Highlight;outline:2px solid Highlight}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring{forced-color-adjust:none;box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));outline:0}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring .YO3Nla_spectrum-Textfield-input{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}}
package/dist/main.js CHANGED
@@ -1,5 +1,3 @@
1
- "use client";
2
-
3
1
  require("./main.css");
4
2
  var $74aPB$reactariautils = require("@react-aria/utils");
5
3
  var $74aPB$react = require("react");
package/dist/module.js CHANGED
@@ -1,5 +1,3 @@
1
- "use client";
2
-
3
1
  import "./main.css";
4
2
  import {useLayoutEffect as $evhxb$useLayoutEffect, chain as $evhxb$chain, mergeProps as $evhxb$mergeProps} from "@react-aria/utils";
5
3
  import $evhxb$react, {useRef as $evhxb$useRef, useCallback as $evhxb$useCallback, useImperativeHandle as $evhxb$useImperativeHandle, cloneElement as $evhxb$cloneElement, forwardRef as $evhxb$forwardRef} from "react";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/textfield",
3
- "version": "3.11.1",
3
+ "version": "3.11.3",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,17 +36,17 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/focus": "^3.16.0",
40
- "@react-aria/interactions": "^3.20.1",
41
- "@react-aria/textfield": "^3.14.0",
42
- "@react-aria/utils": "^3.23.0",
43
- "@react-spectrum/form": "^3.7.1",
44
- "@react-spectrum/label": "^3.16.1",
45
- "@react-spectrum/utils": "^3.11.3",
39
+ "@react-aria/focus": "^3.16.1",
40
+ "@react-aria/interactions": "^3.21.0",
41
+ "@react-aria/textfield": "^3.14.2",
42
+ "@react-aria/utils": "^3.23.1",
43
+ "@react-spectrum/form": "^3.7.3",
44
+ "@react-spectrum/label": "^3.16.3",
45
+ "@react-spectrum/utils": "^3.11.4",
46
46
  "@react-stately/utils": "^3.9.0",
47
47
  "@react-types/shared": "^3.22.0",
48
48
  "@react-types/textfield": "^3.9.0",
49
- "@spectrum-icons/ui": "^3.6.3",
49
+ "@spectrum-icons/ui": "^3.6.4",
50
50
  "@swc/helpers": "^0.5.0"
51
51
  },
52
52
  "devDependencies": {
@@ -60,5 +60,5 @@
60
60
  "publishConfig": {
61
61
  "access": "public"
62
62
  },
63
- "gitHead": "86b38c87868ce7f262e0df905e5ac4eb2653791d"
63
+ "gitHead": "f040ff62678e6a31375b96c05396df0bae660350"
64
64
  }
package/dist/main.css.map DELETED
@@ -1 +0,0 @@
1
- {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;AAQE;;;;;;AAOF;;;AAIA;;;;;;;;;;;;;;;;;;;;AA4CE;;;;;;;;AAAA;;;;;;;;AAYA;;;;;;;AAWE;;;;AAAA;;;;AAIA;;;;AAJA;;;;AAAA;;;;AAIA;;;;AAJA;;;;AAAA;;;;AAIA;;;;AAJA;;;;AAAA;;;;AAIA;;;;AAJA;;;;AAAA;;;;AAIA;;;;AAMA;;;;AAKF;;;;;AAME;;;;AAAA;;;;AAQF;;;;;AAOA;;;;;AAAA;;;;;AAOA;;;;AAIA;;;;;;;;AAUA;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAKF;;;;AAIA;;;;;AAKE;;;;AAIA;;;;;AAME;;;;AAOJ;;;;;;;AASE;;;;AAKF;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAOA;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASA;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAaA;;;;AASE;;;;AAIE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAKF;;;;;AAQF;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAME;;;;AAiBF;;;;;;AAKE;;;;AAAA;;;;AAKA;;;;;AAIE;;;;AAAA;;;;AAMF;;;;;;AAKE;;;;AAAA;;;;AAMF;;;;AAAA;;;;AAME;;;;;AAMF;;;;;;;AASE;;;;AAAA;;;;AAKA;;;;AAdF;;;;;;;AASE;;;;AAAA;;;;AAKA;;;;AAKF;;;;AAGE;;;;AAIA;;;;AAIA;;;;AAAA;;;;AAME;;;;;AAOJ;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAAA;;;;AAME;;;;;AAMF;;;;;AAAA;;;;;AAOF;;;;AAGE;;;;AAIA;;;;AAIA;;;;AAAA;;;;AAME;;;;;AASA;;;;AASJ;;;;AAIA;;;;AAKF;EACE;;;;;;;;;;;EASE;;;;EAAA;;;;EAKE;;;;;;EAKE;;;;EALF;;;;;;EAKE","sources":["packages/@adobe/spectrum-css-temp/components/textfield/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":"main.css.map"}