@react-spectrum/datepicker 3.0.0-nightly.2782 → 3.0.0-nightly.2794

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/main.css CHANGED
@@ -19,7 +19,7 @@
19
19
  border-inline-start-width: 0;
20
20
  }
21
21
 
22
- ._2n04KW_react-spectrum-Datepicker-field ~ ._2n04KW_react-spectrum-Datepicker-endField > ._2n04KW_react-spectrum-Datepicker-input: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))) {
22
+ ._2n04KW_react-spectrum-Datepicker-field ~ ._2n04KW_react-spectrum-Datepicker-endField > ._2n04KW_react-spectrum-Datepicker-input: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))) {
23
23
  border-top-left-radius: 0;
24
24
  border-bottom-left-radius: 0;
25
25
  }
@@ -164,7 +164,7 @@
164
164
  order: 10;
165
165
  }
166
166
 
167
- @media (max-width: 700px) {
167
+ @media (width <= 700px) {
168
168
  ._2n04KW_react-spectrum-Datepicker-dialog {
169
169
  --spectrum-dialog-padding-x: 8px;
170
170
  }
@@ -186,24 +186,24 @@
186
186
  @media (forced-colors: active) {
187
187
  ._2n04KW_react-spectrum-DatePicker-cell:focus {
188
188
  forced-color-adjust: none;
189
- background-color: Highlight;
190
- color: HighlightText;
189
+ color: highlighttext;
190
+ background-color: highlight;
191
191
  }
192
192
 
193
193
  ._2n04KW_react-spectrum-DatePicker-cell._2n04KW_is-read-only {
194
- color: ButtonText;
194
+ color: buttontext;
195
195
  }
196
196
 
197
197
  ._2n04KW_react-spectrum-DatePicker-cell._2n04KW_is-read-only:focus {
198
- color: HighlightText;
198
+ color: highlighttext;
199
199
  }
200
200
 
201
201
  ._2n04KW_react-spectrum-DatePicker-cell._2n04KW_is-placeholder {
202
- color: ButtonText;
202
+ color: buttontext;
203
203
  }
204
204
 
205
205
  ._2n04KW_react-spectrum-DatePicker-cell._2n04KW_is-placeholder:focus {
206
- color: HighlightText;
206
+ color: highlighttext;
207
207
  }
208
208
  }
209
209
 
@@ -232,11 +232,7 @@
232
232
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
233
233
  }
234
234
 
235
- .YO3Nla_i18nFontFamily:lang(zh-SG) {
236
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
237
- }
238
-
239
- .YO3Nla_i18nFontFamily:lang(zh-CN) {
235
+ .YO3Nla_i18nFontFamily:lang(zh-SG), .YO3Nla_i18nFontFamily:lang(zh-CN) {
240
236
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
241
237
  }
242
238
 
@@ -264,13 +260,7 @@
264
260
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
265
261
  display: block;
266
262
  position: absolute;
267
- top: 0;
268
- bottom: 0;
269
- left: 0;
270
- right: 0;
271
- }
272
-
273
- .YO3Nla_spectrum-FocusRing {
263
+ inset: 0;
274
264
  }
275
265
 
276
266
  .YO3Nla_spectrum-FocusRing.YO3Nla_focus-ring:after {
@@ -300,9 +290,6 @@
300
290
  overflow-x: hidden;
301
291
  }
302
292
 
303
- .YO3Nla_spectrum-Textfield--quiet {
304
- }
305
-
306
293
  .YO3Nla_spectrum-Textfield-input {
307
294
  box-sizing: border-box;
308
295
  border: var(--spectrum-alias-input-border-size) solid;
@@ -323,15 +310,7 @@
323
310
  overflow: visible;
324
311
  }
325
312
 
326
- .YO3Nla_spectrum-Textfield-input::placeholder {
327
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
328
- font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
329
- font-synthesis: none;
330
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
331
- opacity: 1;
332
- }
333
-
334
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder {
313
+ .YO3Nla_spectrum-Textfield-input::placeholder, .YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder {
335
314
  font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
336
315
  font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
337
316
  font-synthesis: none;
@@ -346,11 +325,7 @@
346
325
  opacity: 1;
347
326
  }
348
327
 
349
- .YO3Nla_spectrum-Textfield-input:lang(ja)::placeholder {
350
- font-style: normal;
351
- }
352
-
353
- .YO3Nla_spectrum-Textfield-input:lang(ja).YO3Nla_is-placeholder {
328
+ .YO3Nla_spectrum-Textfield-input:lang(ja)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(ja).YO3Nla_is-placeholder {
354
329
  font-style: normal;
355
330
  }
356
331
 
@@ -358,11 +333,7 @@
358
333
  font-style: normal;
359
334
  }
360
335
 
361
- .YO3Nla_spectrum-Textfield-input:lang(zh)::placeholder {
362
- font-style: normal;
363
- }
364
-
365
- .YO3Nla_spectrum-Textfield-input:lang(zh).YO3Nla_is-placeholder {
336
+ .YO3Nla_spectrum-Textfield-input:lang(zh)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(zh).YO3Nla_is-placeholder {
366
337
  font-style: normal;
367
338
  }
368
339
 
@@ -370,11 +341,7 @@
370
341
  font-style: normal;
371
342
  }
372
343
 
373
- .YO3Nla_spectrum-Textfield-input:lang(ko)::placeholder {
374
- font-style: normal;
375
- }
376
-
377
- .YO3Nla_spectrum-Textfield-input:lang(ko).YO3Nla_is-placeholder {
344
+ .YO3Nla_spectrum-Textfield-input:lang(ko)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(ko).YO3Nla_is-placeholder {
378
345
  font-style: normal;
379
346
  }
380
347
 
@@ -382,11 +349,7 @@
382
349
  font-style: normal;
383
350
  }
384
351
 
385
- .YO3Nla_spectrum-Textfield-input:lang(ar)::placeholder {
386
- font-style: normal;
387
- }
388
-
389
- .YO3Nla_spectrum-Textfield-input:lang(ar).YO3Nla_is-placeholder {
352
+ .YO3Nla_spectrum-Textfield-input:lang(ar)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(ar).YO3Nla_is-placeholder {
390
353
  font-style: normal;
391
354
  }
392
355
 
@@ -394,11 +357,7 @@
394
357
  font-style: normal;
395
358
  }
396
359
 
397
- .YO3Nla_spectrum-Textfield-input:lang(he)::placeholder {
398
- font-style: normal;
399
- }
400
-
401
- .YO3Nla_spectrum-Textfield-input:lang(he).YO3Nla_is-placeholder {
360
+ .YO3Nla_spectrum-Textfield-input:lang(he)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(he).YO3Nla_is-placeholder {
402
361
  font-style: normal;
403
362
  }
404
363
 
@@ -415,11 +374,7 @@
415
374
  opacity: 1;
416
375
  }
417
376
 
418
- .YO3Nla_spectrum-Textfield-input:disabled::placeholder {
419
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
420
- }
421
-
422
- .YO3Nla_spectrum-Textfield-input:disabled.YO3Nla_is-placeholder {
377
+ .YO3Nla_spectrum-Textfield-input:disabled::placeholder, .YO3Nla_spectrum-Textfield-input:disabled.YO3Nla_is-placeholder {
423
378
  font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
424
379
  }
425
380
 
@@ -461,11 +416,7 @@
461
416
  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)));
462
417
  }
463
418
 
464
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input {
465
- 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)));
466
- }
467
-
468
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-input {
419
+ .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input, .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-input {
469
420
  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)));
470
421
  }
471
422
 
@@ -508,7 +459,7 @@
508
459
  top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-height, var(--spectrum-global-dimension-size-225)) / 2));
509
460
  }
510
461
 
511
- .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))) {
462
+ .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))) {
512
463
  right: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
513
464
  }
514
465
 
@@ -530,7 +481,7 @@
530
481
  top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-checkmark-medium-height) / 2));
531
482
  }
532
483
 
533
- .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))) {
484
+ .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))) {
534
485
  right: var(--spectrum-global-dimension-size-150);
535
486
  }
536
487
 
@@ -555,7 +506,7 @@
555
506
  position: absolute;
556
507
  }
557
508
 
558
- .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))) {
509
+ .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))) {
559
510
  left: var(--spectrum-global-dimension-size-150);
560
511
  }
561
512
 
@@ -579,7 +530,7 @@
579
530
  padding-inline-start: calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width, var(--spectrum-global-dimension-size-225)));
580
531
  }
581
532
 
582
- .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))) {
533
+ .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))) {
583
534
  left: 0;
584
535
  }
585
536
 
@@ -605,7 +556,7 @@
605
556
  position: absolute;
606
557
  }
607
558
 
608
- .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))) {
559
+ .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))) {
609
560
  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));
610
561
  }
611
562
 
@@ -631,11 +582,7 @@
631
582
  color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
632
583
  }
633
584
 
634
- .YO3Nla_spectrum-Textfield-input::placeholder {
635
- color: var(--spectrum-textfield-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
636
- }
637
-
638
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder {
585
+ .YO3Nla_spectrum-Textfield-input::placeholder, .YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder {
639
586
  color: var(--spectrum-textfield-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
640
587
  }
641
588
 
@@ -644,11 +591,7 @@
644
591
  box-shadow: none;
645
592
  }
646
593
 
647
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder {
648
- color: var(--spectrum-textfield-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
649
- }
650
-
651
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered.YO3Nla_is-placeholder {
594
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder, .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered.YO3Nla_is-placeholder {
652
595
  color: var(--spectrum-textfield-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
653
596
  }
654
597
 
@@ -658,19 +601,11 @@
658
601
  color: var(--spectrum-textfield-text-color-down, var(--spectrum-alias-text-color-down));
659
602
  }
660
603
 
661
- .YO3Nla_spectrum-Textfield-input:active::placeholder {
604
+ .YO3Nla_spectrum-Textfield-input:active::placeholder, .YO3Nla_spectrum-Textfield-input:active.YO3Nla_is-placeholder {
662
605
  color: var(--spectrum-textfield-placeholder-text-color-down, var(--spectrum-alias-placeholder-text-color-down));
663
606
  }
664
607
 
665
- .YO3Nla_spectrum-Textfield-input:active.YO3Nla_is-placeholder {
666
- color: var(--spectrum-textfield-placeholder-text-color-down, var(--spectrum-alias-placeholder-text-color-down));
667
- }
668
-
669
- .YO3Nla_spectrum-Textfield-input:focus {
670
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
671
- }
672
-
673
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
608
+ .YO3Nla_spectrum-Textfield-input:focus, .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
674
609
  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
675
610
  }
676
611
 
@@ -686,11 +621,7 @@
686
621
  -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
687
622
  }
688
623
 
689
- .YO3Nla_spectrum-Textfield-input[disabled]::placeholder {
690
- color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
691
- }
692
-
693
- .YO3Nla_spectrum-Textfield-input[disabled].YO3Nla_is-placeholder {
624
+ .YO3Nla_spectrum-Textfield-input[disabled]::placeholder, .YO3Nla_spectrum-Textfield-input[disabled].YO3Nla_is-placeholder {
694
625
  color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
695
626
  }
696
627
 
@@ -705,11 +636,7 @@
705
636
  -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
706
637
  }
707
638
 
708
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled::placeholder {
709
- color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
710
- }
711
-
712
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled.YO3Nla_is-placeholder {
639
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled::placeholder, .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled.YO3Nla_is-placeholder {
713
640
  color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
714
641
  }
715
642
 
@@ -721,19 +648,7 @@
721
648
  border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
722
649
  }
723
650
 
724
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_is-hovered {
725
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
726
- }
727
-
728
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:active {
729
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
730
- }
731
-
732
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:focus {
733
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
734
- }
735
-
736
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_is-focused {
651
+ .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 {
737
652
  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
738
653
  }
739
654
 
@@ -755,11 +670,7 @@
755
670
  border-color: var(--spectrum-textfield-quiet-border-color-down, var(--spectrum-alias-border-color-mouse-focus));
756
671
  }
757
672
 
758
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:focus {
759
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
760
- }
761
-
762
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
673
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:focus, .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
763
674
  border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
764
675
  }
765
676
 
@@ -768,12 +679,7 @@
768
679
  box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
769
680
  }
770
681
 
771
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:disabled {
772
- background-color: var(--spectrum-textfield-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
773
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
774
- }
775
-
776
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled {
682
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:disabled, .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled {
777
683
  background-color: var(--spectrum-textfield-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
778
684
  border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
779
685
  }
@@ -790,11 +696,7 @@
790
696
  border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
791
697
  }
792
698
 
793
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input:focus {
794
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
795
- }
796
-
797
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
699
+ .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 {
798
700
  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
799
701
  }
800
702
 
@@ -828,21 +730,7 @@
828
730
  }
829
731
 
830
732
  .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
831
- outline: 2px solid Highlight;
832
- }
833
-
834
- .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
835
- outline: 2px solid Highlight;
836
- }
837
-
838
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
839
- forced-color-adjust: none;
840
- box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
841
- outline: 0;
842
- }
843
-
844
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring .YO3Nla_spectrum-Textfield-input {
845
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
733
+ outline: 2px solid highlight;
846
734
  }
847
735
 
848
736
  .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
@@ -881,11 +769,7 @@
881
769
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
882
770
  }
883
771
 
884
- .ZTA2ya_i18nFontFamily:lang(zh-SG) {
885
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
886
- }
887
-
888
- .ZTA2ya_i18nFontFamily:lang(zh-CN) {
772
+ .ZTA2ya_i18nFontFamily:lang(zh-SG), .ZTA2ya_i18nFontFamily:lang(zh-CN) {
889
773
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
890
774
  }
891
775
 
@@ -913,13 +797,7 @@
913
797
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
914
798
  display: block;
915
799
  position: absolute;
916
- top: 0;
917
- bottom: 0;
918
- left: 0;
919
- right: 0;
920
- }
921
-
922
- .ZTA2ya_spectrum-FocusRing {
800
+ inset: 0;
923
801
  }
924
802
 
925
803
  .ZTA2ya_spectrum-FocusRing.ZTA2ya_focus-ring:after {
@@ -955,7 +833,7 @@
955
833
  position: relative;
956
834
  }
957
835
 
958
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton: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))) {
836
+ .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton: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))) {
959
837
  border-top-left-radius: var(--spectrum-combobox-fieldbutton-start-border-radius);
960
838
  border-top-right-radius: var(--spectrum-combobox-fieldbutton-end-border-radius);
961
839
  border-bottom-right-radius: var(--spectrum-combobox-fieldbutton-end-border-radius);
@@ -991,13 +869,10 @@
991
869
  z-index: -1;
992
870
  transition: inherit;
993
871
  position: absolute;
994
- top: 0;
995
- bottom: 0;
996
- left: 0;
997
- right: 0;
872
+ inset: 0;
998
873
  }
999
874
 
1000
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton: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))):before {
875
+ .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton: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))):before {
1001
876
  border-top-left-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius, 0);
1002
877
  border-bottom-left-radius: var(--spectrum-combobox-fieldbutton-border-bottom-left-radius, 0);
1003
878
  }
@@ -1021,7 +896,7 @@
1021
896
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
1022
897
  }
1023
898
 
1024
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton: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))):after {
899
+ .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-FieldButton: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))):after {
1025
900
  border-top-left-radius: var(--spectrum-combobox-fieldbutton-focus-ring-border-radius);
1026
901
  border-bottom-left-radius: var(--spectrum-combobox-fieldbutton-focus-ring-border-radius);
1027
902
  }
@@ -1046,7 +921,7 @@
1046
921
  padding: 0;
1047
922
  }
1048
923
 
1049
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton: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))) {
924
+ .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton: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))) {
1050
925
  border-top-left-radius: var(--spectrum-combobox-fieldbutton-border-top-left-radius, 0);
1051
926
  border-bottom-left-radius: var(--spectrum-combobox-fieldbutton-border-bottom-left-radius, 0);
1052
927
  }
@@ -1070,7 +945,7 @@
1070
945
  padding-inline-end: 0;
1071
946
  }
1072
947
 
1073
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-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))) {
948
+ .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-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))) {
1074
949
  right: var(--spectrum-global-dimension-size-100);
1075
950
  }
1076
951
 
@@ -1090,7 +965,7 @@
1090
965
  padding-inline-end: 0;
1091
966
  }
1092
967
 
1093
- .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-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))) {
968
+ .ZTA2ya_spectrum-InputGroup .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-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))) {
1094
969
  right: var(--spectrum-global-dimension-size-100);
1095
970
  }
1096
971
 
@@ -1114,7 +989,7 @@
1114
989
  border-inline-end-style: none;
1115
990
  }
1116
991
 
1117
- .ZTA2ya_spectrum-InputGroup-input.ZTA2ya_spectrum-InputGroup-input: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))) {
992
+ .ZTA2ya_spectrum-InputGroup-input.ZTA2ya_spectrum-InputGroup-input: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))) {
1118
993
  border-top-right-radius: var(--spectrum-combobox-textfield-border-top-right-radius, 0);
1119
994
  border-bottom-right-radius: var(--spectrum-combobox-textfield-border-bottom-right-radius, 0);
1120
995
  }
@@ -1160,7 +1035,7 @@
1160
1035
  position: absolute;
1161
1036
  }
1162
1037
 
1163
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton: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))):after {
1038
+ .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton: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))):after {
1164
1039
  right: -10px;
1165
1040
  }
1166
1041
 
@@ -1176,7 +1051,7 @@
1176
1051
  left: -10px;
1177
1052
  }
1178
1053
 
1179
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-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))) {
1054
+ .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-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))) {
1180
1055
  right: 0;
1181
1056
  }
1182
1057
 
@@ -1200,7 +1075,7 @@
1200
1075
  padding-inline-end: 0;
1201
1076
  }
1202
1077
 
1203
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-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))) {
1078
+ .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-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))) {
1204
1079
  right: 0;
1205
1080
  }
1206
1081
 
@@ -1220,7 +1095,7 @@
1220
1095
  padding-inline-end: 0;
1221
1096
  }
1222
1097
 
1223
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-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))) {
1098
+ .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-field .ZTA2ya_spectrum-InputGroup-input-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))) {
1224
1099
  right: var(--spectrum-global-dimension-size-10);
1225
1100
  }
1226
1101
 
@@ -1245,11 +1120,7 @@
1245
1120
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
1246
1121
  }
1247
1122
 
1248
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet {
1249
- border-radius: 0;
1250
- }
1251
-
1252
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton {
1123
+ .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet, .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton {
1253
1124
  border-radius: 0;
1254
1125
  }
1255
1126
 
@@ -1302,10 +1173,7 @@
1302
1173
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
1303
1174
  pointer-events: none;
1304
1175
  position: absolute;
1305
- top: 0;
1306
- bottom: 0;
1307
- left: 0;
1308
- right: 0;
1176
+ inset: 0;
1309
1177
  }
1310
1178
 
1311
1179
  .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-focused .ZTA2ya_spectrum-Datepicker-focusRing {
@@ -1326,43 +1194,23 @@
1326
1194
  border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
1327
1195
  }
1328
1196
 
1329
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-InputGroup-input {
1197
+ .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-InputGroup-input, .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:before {
1330
1198
  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1331
1199
  }
1332
1200
 
1333
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:before {
1334
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1335
- }
1336
-
1337
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-hovered:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_is-focused):not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-InputGroup-input {
1338
- border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
1339
- }
1340
-
1341
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-hovered:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_is-focused):not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:before {
1201
+ .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-hovered:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_is-focused):not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-InputGroup-input, .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-hovered:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_is-focused):not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:before {
1342
1202
  border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
1343
1203
  }
1344
1204
 
1345
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before {
1205
+ .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before, .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-InputGroup-input {
1346
1206
  border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
1347
1207
  }
1348
1208
 
1349
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-InputGroup-input {
1350
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
1351
- }
1352
-
1353
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-hovered .ZTA2ya_spectrum-FieldButton:before {
1209
+ .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-hovered .ZTA2ya_spectrum-FieldButton:before, .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-hovered .ZTA2ya_spectrum-InputGroup-input {
1354
1210
  border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
1355
1211
  }
1356
1212
 
1357
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-hovered .ZTA2ya_spectrum-InputGroup-input {
1358
- border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
1359
- }
1360
-
1361
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid:active .ZTA2ya_spectrum-FieldButton:before {
1362
- border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
1363
- }
1364
-
1365
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid:active .ZTA2ya_spectrum-InputGroup-input {
1213
+ .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid:active .ZTA2ya_spectrum-FieldButton:before, .ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid:active .ZTA2ya_spectrum-InputGroup-input {
1366
1214
  border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
1367
1215
  }
1368
1216
 
@@ -1370,19 +1218,7 @@
1370
1218
  border-color: #0000;
1371
1219
  }
1372
1220
 
1373
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused .ZTA2ya_spectrum-FieldButton:before {
1374
- border-color: var(--spectrum-inputgroup-border-color-focus);
1375
- }
1376
-
1377
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused .ZTA2ya_spectrum-InputGroup-input {
1378
- border-color: var(--spectrum-inputgroup-border-color-focus);
1379
- }
1380
-
1381
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before {
1382
- border-color: var(--spectrum-inputgroup-border-color-focus);
1383
- }
1384
-
1385
- .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-InputGroup-input {
1221
+ .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused .ZTA2ya_spectrum-FieldButton:before, .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused .ZTA2ya_spectrum-InputGroup-input, .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before, .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-InputGroup-input {
1386
1222
  border-color: var(--spectrum-inputgroup-border-color-focus);
1387
1223
  }
1388
1224
 
@@ -1394,47 +1230,11 @@
1394
1230
  background: none;
1395
1231
  }
1396
1232
 
1397
- .ZTA2ya_spectrum-InputGroup--quiet:not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:disabled:before {
1398
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1399
- }
1400
-
1401
- .ZTA2ya_spectrum-InputGroup--quiet:not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:disabled.ZTA2ya_is-hovered:before {
1402
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1403
- }
1404
-
1405
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:before {
1233
+ .ZTA2ya_spectrum-InputGroup--quiet:not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:disabled:before, .ZTA2ya_spectrum-InputGroup--quiet:not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:disabled.ZTA2ya_is-hovered:before, .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:before, .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton.ZTA2ya_is-hovered:before, .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:focus:before, .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:active:before, .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton.ZTA2ya_is-selected:before, .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton.ZTA2ya_spectrum-FieldButton--invalid:before {
1406
1234
  border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1407
1235
  }
1408
1236
 
1409
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton.ZTA2ya_is-hovered:before {
1410
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1411
- }
1412
-
1413
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:focus:before {
1414
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1415
- }
1416
-
1417
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:active:before {
1418
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1419
- }
1420
-
1421
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton.ZTA2ya_is-selected:before {
1422
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1423
- }
1424
-
1425
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton.ZTA2ya_spectrum-FieldButton--invalid:before {
1426
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1427
- }
1428
-
1429
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:disabled:before {
1430
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
1431
- }
1432
-
1433
- .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:disabled.ZTA2ya_is-hovered:before {
1434
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
1435
- }
1436
-
1437
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-disabled .ZTA2ya_spectrum-FieldButton:before {
1237
+ .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:disabled:before, .ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:disabled.ZTA2ya_is-hovered:before, .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-disabled .ZTA2ya_spectrum-FieldButton:before {
1438
1238
  border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
1439
1239
  }
1440
1240
 
@@ -1442,39 +1242,19 @@
1442
1242
  border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
1443
1243
  }
1444
1244
 
1445
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before {
1446
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
1447
- }
1448
-
1449
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-InputGroup-input {
1245
+ .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before, .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-InputGroup-input {
1450
1246
  border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
1451
1247
  }
1452
1248
 
1453
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-hovered .ZTA2ya_spectrum-FieldButton:before {
1249
+ .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-hovered .ZTA2ya_spectrum-FieldButton:before, .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-hovered .ZTA2ya_spectrum-InputGroup-input {
1454
1250
  border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
1455
1251
  }
1456
1252
 
1457
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-hovered .ZTA2ya_spectrum-InputGroup-input {
1458
- border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
1459
- }
1460
-
1461
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid:active .ZTA2ya_spectrum-FieldButton:before {
1462
- border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
1463
- }
1464
-
1465
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid:active .ZTA2ya_spectrum-InputGroup-input {
1253
+ .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid:active .ZTA2ya_spectrum-FieldButton:before, .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_spectrum-InputGroup--invalid:active .ZTA2ya_spectrum-InputGroup-input {
1466
1254
  border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
1467
1255
  }
1468
1256
 
1469
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused .ZTA2ya_spectrum-FieldButton:before {
1470
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1471
- }
1472
-
1473
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before {
1474
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1475
- }
1476
-
1477
- .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-InputGroup-input {
1257
+ .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused .ZTA2ya_spectrum-FieldButton:before, .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before, .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_spectrum-InputGroup.ZTA2ya_is-focused.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-InputGroup-input {
1478
1258
  border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1479
1259
  }
1480
1260
 
@@ -1490,11 +1270,7 @@
1490
1270
  box-shadow: 0 0 0 1px var(--spectrum-dropdown-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1491
1271
  }
1492
1272
 
1493
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_focus-ring.ZTA2ya_spectrum-InputGroup--invalid {
1494
- box-shadow: 0 0 0 1px var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1495
- }
1496
-
1497
- .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_focus-ring.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton {
1273
+ .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_focus-ring.ZTA2ya_spectrum-InputGroup--invalid, .ZTA2ya_spectrum-Datepicker--range.ZTA2ya_focus-ring.ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton {
1498
1274
  box-shadow: 0 0 0 1px var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1499
1275
  }
1500
1276
 
@@ -1579,48 +1355,31 @@
1579
1355
  }
1580
1356
 
1581
1357
  .ZTA2ya_spectrum-InputGroup.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--invalid):not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton:before {
1582
- border-color: GrayText;
1583
- }
1584
-
1585
- .ZTA2ya_spectrum-InputGroup--quiet:not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:disabled:before {
1586
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1358
+ border-color: graytext;
1587
1359
  }
1588
1360
 
1589
- .ZTA2ya_spectrum-InputGroup--quiet:not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:disabled.ZTA2ya_is-hovered:before {
1361
+ .ZTA2ya_spectrum-InputGroup--quiet:not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:disabled:before, .ZTA2ya_spectrum-InputGroup--quiet:not(.ZTA2ya_is-disabled) .ZTA2ya_spectrum-FieldButton:disabled.ZTA2ya_is-hovered:before {
1590
1362
  border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
1591
1363
  }
1592
1364
 
1593
1365
  .ZTA2ya_spectrum-InputGroup--quiet.ZTA2ya_is-disabled .ZTA2ya_spectrum-FieldButton:before {
1594
- border-color: GrayText;
1366
+ border-color: graytext;
1595
1367
  }
1596
1368
 
1597
1369
  .ZTA2ya_spectrum-InputGroup--invalid .ZTA2ya_spectrum-FieldButton:before {
1598
- border-color: Highlight;
1599
- }
1600
-
1601
- .ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-InputGroup-input {
1602
- border-color: GrayText;
1603
- }
1604
-
1605
- .ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-disabled.ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-input {
1606
- border-color: GrayText;
1370
+ border-color: highlight;
1607
1371
  }
1608
1372
 
1609
- .ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-disabled.ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:before {
1610
- border-color: GrayText;
1611
- }
1612
-
1613
- .ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton:before {
1614
- border-color: GrayText;
1373
+ .ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-InputGroup-input, .ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-disabled.ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-InputGroup-input, .ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-disabled.ZTA2ya_spectrum-InputGroup--quiet .ZTA2ya_spectrum-FieldButton:before, .ZTA2ya_spectrum-InputGroup--invalid.ZTA2ya_is-disabled:not(.ZTA2ya_spectrum-InputGroup--quiet) .ZTA2ya_spectrum-FieldButton:before {
1374
+ border-color: graytext;
1615
1375
  }
1616
1376
 
1617
1377
  .ZTA2ya_spectrum-InputGroup.ZTA2ya_focus-ring:not(.ZTA2ya_spectrum-InputGroup--quiet) {
1618
- outline: 2px solid Highlight;
1378
+ outline: 2px solid highlight;
1619
1379
  }
1620
1380
 
1621
1381
  .ZTA2ya_spectrum-InputGroup.ZTA2ya_focus-ring.ZTA2ya_spectrum-InputGroup--quiet {
1622
1382
  box-shadow: 0 2px 0 0 var(--spectrum-dropdown-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1623
1383
  }
1624
1384
  }
1625
-
1626
1385
  /*# sourceMappingURL=main.css.map */