@react-spectrum/textfield 3.0.0-nightly.2782 → 3.0.0-nightly.2790

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