@react-spectrum/numberfield 3.9.1 → 3.9.2

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.
@@ -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
- .Ug6T-W_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
- .Ug6T-W_i18nFontFamily:lang(zh-CN) {
26
+ .Ug6T-W_i18nFontFamily:lang(zh-SG), .Ug6T-W_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
- .Ug6T-W_spectrum-FocusRing {
54
+ inset: 0;
65
55
  }
66
56
 
67
57
  .Ug6T-W_spectrum-FocusRing.Ug6T-W_focus-ring:after {
@@ -78,6 +68,16 @@
78
68
  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
79
69
  }
80
70
 
71
+ @media (forced-colors: active) {
72
+ .Ug6T-W_spectrum-FocusRing, .Ug6T-W_spectrum-FocusRing-ring, .Ug6T-W_spectrum-FocusRing--quiet {
73
+ --spectrum-high-contrast-focus-ring-color: Highlight;
74
+ }
75
+
76
+ :is(.Ug6T-W_spectrum-FocusRing, .Ug6T-W_spectrum-FocusRing-ring, .Ug6T-W_spectrum-FocusRing--quiet):after {
77
+ forced-color-adjust: none;
78
+ }
79
+ }
80
+
81
81
  .Ug6T-W_spectrum-BaseButton {
82
82
  box-sizing: border-box;
83
83
  border-radius: var(--spectrum-button-border-radius);
@@ -121,16 +121,11 @@ button.Ug6T-W_spectrum-BaseButton {
121
121
 
122
122
  .Ug6T-W_spectrum-BaseButton::-moz-focus-inner {
123
123
  border: 0;
124
- margin-block-start: -2px;
125
- margin-block-end: -2px;
124
+ margin-block: -2px;
126
125
  padding: 0;
127
126
  }
128
127
 
129
- .Ug6T-W_spectrum-BaseButton:disabled {
130
- cursor: default;
131
- }
132
-
133
- .Ug6T-W_spectrum-BaseButton.Ug6T-W_is-disabled {
128
+ .Ug6T-W_spectrum-BaseButton:disabled, .Ug6T-W_spectrum-BaseButton.Ug6T-W_is-disabled {
134
129
  cursor: default;
135
130
  }
136
131
 
@@ -156,11 +151,7 @@ button.Ug6T-W_spectrum-BaseButton {
156
151
  padding-block-end: calc(var(--spectrum-global-dimension-size-50) + 1px);
157
152
  }
158
153
 
159
- .Ug6T-W_spectrum-Button.Ug6T-W_is-hovered {
160
- box-shadow: none;
161
- }
162
-
163
- .Ug6T-W_spectrum-Button:active {
154
+ .Ug6T-W_spectrum-Button.Ug6T-W_is-hovered, .Ug6T-W_spectrum-Button:active {
164
155
  box-shadow: none;
165
156
  }
166
157
 
@@ -186,11 +177,7 @@ button.Ug6T-W_spectrum-BaseButton {
186
177
  transform: translate(-50%, -50%);
187
178
  }
188
179
 
189
- .Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--pending .Ug6T-W_spectrum-Button-label {
190
- opacity: 0;
191
- }
192
-
193
- .Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--pending .Ug6T-W_spectrum-Icon {
180
+ .Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--pending .Ug6T-W_spectrum-Button-label, .Ug6T-W_spectrum-Button.Ug6T-W_spectrum-Button--pending .Ug6T-W_spectrum-Icon {
194
181
  opacity: 0;
195
182
  }
196
183
 
@@ -228,28 +215,24 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
228
215
  padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
229
216
  }
230
217
 
231
- .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:only-child {
232
- padding-inline-start: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
233
- }
234
-
235
- .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold + .Ug6T-W_spectrum-ActionButton-label:last-child {
218
+ .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-label:only-child, .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold + .Ug6T-W_spectrum-ActionButton-label:last-child {
236
219
  padding-inline-start: var(--spectrum-actionbutton-text-padding-x, var(--spectrum-global-dimension-size-150));
237
220
  }
238
221
 
239
- .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:only-child {
222
+ .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-Icon:only-child, .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold + .Ug6T-W_spectrum-Icon:last-child {
240
223
  padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
241
224
  }
242
225
 
243
- .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionButton-hold + .Ug6T-W_spectrum-Icon:last-child {
244
- padding-inline-end: var(--spectrum-actionbutton-icon-padding-x, var(--spectrum-global-dimension-size-85));
226
+ .Ug6T-W_spectrum-ActionButton .Ug6T-W_spectrum-ActionGroup-itemIcon.Ug6T-W_spectrum-ActionGroup-itemIcon {
227
+ padding-inline-end: 0;
245
228
  }
246
229
 
247
230
  .Ug6T-W_spectrum-ActionButton-hold {
248
- position: absolute;
249
231
  bottom: var(--spectrum-actionbutton-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-40));
232
+ position: absolute;
250
233
  }
251
234
 
252
- .Ug6T-W_spectrum-ActionButton-hold: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))) {
235
+ .Ug6T-W_spectrum-ActionButton-hold: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))) {
253
236
  right: var(--spectrum-actionbutton-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
254
237
  }
255
238
 
@@ -313,28 +296,19 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
313
296
  cursor: default;
314
297
  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
315
298
  --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
316
- outline: none;
317
- line-height: normal;
318
- position: relative;
319
- }
320
-
321
- .Ug6T-W_spectrum-FieldButton {
322
- padding-block-start: 0;
323
- padding-block-end: 0;
299
+ padding-block: 0;
324
300
  padding-inline: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
325
301
  --spectrum-button-border-width: var(--spectrum-dropdown-border-size, var(--spectrum-alias-border-size-thin));
326
302
  --spectrum-button-border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
327
303
  transition: background-color var(--spectrum-global-animation-duration-100, .13s), box-shadow var(--spectrum-global-animation-duration-100, .13s), border-color var(--spectrum-global-animation-duration-100, .13s);
328
304
  border-style: solid;
305
+ outline: none;
329
306
  margin: 0;
307
+ line-height: normal;
308
+ position: relative;
330
309
  }
331
310
 
332
- .Ug6T-W_spectrum-FieldButton:disabled {
333
- cursor: default;
334
- border-width: 0;
335
- }
336
-
337
- .Ug6T-W_spectrum-FieldButton.Ug6T-W_is-disabled {
311
+ .Ug6T-W_spectrum-FieldButton:disabled, .Ug6T-W_spectrum-FieldButton.Ug6T-W_is-disabled {
338
312
  cursor: default;
339
313
  border-width: 0;
340
314
  }
@@ -351,11 +325,7 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
351
325
  padding: 0;
352
326
  }
353
327
 
354
- .Ug6T-W_spectrum-FieldButton--quiet:disabled.Ug6T-W_focus-ring {
355
- box-shadow: none;
356
- }
357
-
358
- .Ug6T-W_spectrum-FieldButton--quiet.Ug6T-W_is-disabled.Ug6T-W_focus-ring {
328
+ .Ug6T-W_spectrum-FieldButton--quiet:disabled.Ug6T-W_focus-ring, .Ug6T-W_spectrum-FieldButton--quiet.Ug6T-W_is-disabled.Ug6T-W_focus-ring {
359
329
  box-shadow: none;
360
330
  }
361
331
 
@@ -370,10 +340,8 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
370
340
  }
371
341
 
372
342
  .Ug6T-W_spectrum-ClearButton > .Ug6T-W_spectrum-Icon {
373
- margin-block-start: 0;
374
- margin-block-end: 0;
375
- margin-inline-start: auto;
376
- margin-inline-end: auto;
343
+ margin-block: 0;
344
+ margin-inline: auto;
377
345
  }
378
346
 
379
347
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -441,7 +409,7 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
441
409
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
442
410
  }
443
411
 
444
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-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))) {
412
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-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))) {
445
413
  right: var(--spectrum-global-dimension-size-100);
446
414
  }
447
415
 
@@ -467,7 +435,7 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
467
435
  inline-size: var(--spectrum-actionbutton-min-width, var(--spectrum-global-dimension-size-400));
468
436
  }
469
437
 
470
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-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))) {
438
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-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))) {
471
439
  border-top-right-radius: 0;
472
440
  border-bottom-right-radius: 0;
473
441
  }
@@ -499,7 +467,7 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
499
467
  border-inline-end-width: var(--spectrum-alias-input-border-size);
500
468
  }
501
469
 
502
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown: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))) {
470
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepDown: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))) {
503
471
  border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
504
472
  }
505
473
 
@@ -520,7 +488,7 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
520
488
  border-inline-end-width: var(--spectrum-alias-input-border-size);
521
489
  }
522
490
 
523
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp: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))) {
491
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper:not(.Ug6T-W_spectrum-Stepper--isMobile) .Ug6T-W_spectrum-Stepper-button--stepUp: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))) {
524
492
  border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
525
493
  }
526
494
 
@@ -551,7 +519,7 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
551
519
  border-inline-start-width: var(--spectrum-alias-input-border-size);
552
520
  }
553
521
 
554
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown: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))) {
522
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepDown: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))) {
555
523
  border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
556
524
  border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
557
525
  }
@@ -577,7 +545,7 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
577
545
  border-inline-end-width: var(--spectrum-alias-input-border-size);
578
546
  }
579
547
 
580
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp: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))) {
548
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_spectrum-Stepper--showStepper.Ug6T-W_spectrum-Stepper--isMobile .Ug6T-W_spectrum-Stepper-button--stepUp: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))) {
581
549
  border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
582
550
  border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
583
551
  }
@@ -597,7 +565,7 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
597
565
  border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
598
566
  }
599
567
 
600
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-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))) {
568
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-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))) {
601
569
  right: 0;
602
570
  }
603
571
 
@@ -643,9 +611,6 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
643
611
  border-block-end-width: var(--spectrum-alias-input-border-size);
644
612
  }
645
613
 
646
- .Ug6T-W_spectrum-Stepper--isQuiet {
647
- }
648
-
649
614
  .Ug6T-W_spectrum-Stepper-container.Ug6T-W_spectrum-Stepper-container {
650
615
  --spectrum-field-default-width: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) * 4);
651
616
  }
@@ -658,11 +623,7 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
658
623
  border-width: 0;
659
624
  }
660
625
 
661
- .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered {
662
- box-shadow: none;
663
- }
664
-
665
- .Ug6T-W_spectrum-Stepper-button:active {
626
+ .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered, .Ug6T-W_spectrum-Stepper-button:active {
666
627
  box-shadow: none;
667
628
  }
668
629
 
@@ -687,115 +648,31 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
687
648
  color: var(--spectrum-actionbutton-text-color, var(--spectrum-alias-text-color));
688
649
  }
689
650
 
690
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input {
691
- border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
692
- }
693
-
694
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
651
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
695
652
  border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
696
653
  }
697
654
 
698
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input {
699
- border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
700
- }
701
-
702
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
703
- border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
704
- }
705
-
706
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-input {
707
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
708
- }
709
-
710
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-button {
711
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
712
- }
713
-
714
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):active .Ug6T-W_spectrum-Stepper-input {
715
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
716
- }
717
-
718
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):active .Ug6T-W_spectrum-Stepper-button {
719
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
720
- }
721
-
722
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input {
723
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
724
- }
725
-
726
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button {
727
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
728
- }
729
-
730
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus .Ug6T-W_spectrum-Stepper-input {
731
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
732
- }
733
-
734
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus .Ug6T-W_spectrum-Stepper-button {
655
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):active .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):active .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus .Ug6T-W_spectrum-Stepper-button {
735
656
  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
736
657
  }
737
658
 
738
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-input {
739
- border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
740
- }
741
-
742
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button {
743
- border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
744
- }
745
-
746
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):disabled .Ug6T-W_spectrum-Stepper-input {
659
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):disabled .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):disabled .Ug6T-W_spectrum-Stepper-button {
747
660
  border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
748
661
  }
749
662
 
750
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):disabled .Ug6T-W_spectrum-Stepper-button {
751
- border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
752
- }
753
-
754
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-input {
663
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-button {
755
664
  border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
756
665
  }
757
666
 
758
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-button {
759
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
760
- }
761
-
762
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input {
667
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
763
668
  border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
764
669
  }
765
670
 
766
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
767
- border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
768
- }
769
-
770
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-input {
671
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-button {
771
672
  border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
772
673
  }
773
674
 
774
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-button {
775
- border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
776
- }
777
-
778
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input {
779
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
780
- }
781
-
782
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button {
783
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
784
- }
785
-
786
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input {
787
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
788
- }
789
-
790
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button {
791
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
792
- }
793
-
794
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input {
795
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
796
- }
797
-
798
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button {
675
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button {
799
676
  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
800
677
  }
801
678
 
@@ -809,115 +686,31 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
809
686
  color: var(--spectrum-actionbutton-text-color, var(--spectrum-alias-text-color));
810
687
  }
811
688
 
812
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input {
813
- border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
814
- }
815
-
816
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
817
- border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
818
- }
819
-
820
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input {
821
- border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
822
- }
823
-
824
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
689
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
825
690
  border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
826
691
  }
827
692
 
828
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-input {
829
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
830
- }
831
-
832
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-button {
833
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
834
- }
835
-
836
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:active .Ug6T-W_spectrum-Stepper-input {
837
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
838
- }
839
-
840
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:active .Ug6T-W_spectrum-Stepper-button {
841
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
842
- }
843
-
844
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input {
845
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
846
- }
847
-
848
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button {
849
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
850
- }
851
-
852
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-input {
693
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-active .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:active .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:active .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button {
853
694
  border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
854
695
  }
855
696
 
856
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-button {
857
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
858
- }
859
-
860
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input {
861
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
862
- }
863
-
864
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button {
865
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
866
- }
867
-
868
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input {
869
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
870
- }
871
-
872
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button {
873
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
874
- }
875
-
876
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-input {
877
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
878
- }
879
-
880
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button {
697
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-disabled .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:disabled .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:disabled .Ug6T-W_spectrum-Stepper-button {
881
698
  border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
882
699
  }
883
700
 
884
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:disabled .Ug6T-W_spectrum-Stepper-input {
885
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
886
- }
887
-
888
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:disabled .Ug6T-W_spectrum-Stepper-button {
889
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
890
- }
891
-
892
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-input {
893
- border-color: var(--spectrum-textfield-quiet-border-color-error, var(--spectrum-semantic-negative-color-default));
894
- }
895
-
896
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-button {
701
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid .Ug6T-W_spectrum-Stepper-button {
897
702
  border-color: var(--spectrum-textfield-quiet-border-color-error, var(--spectrum-semantic-negative-color-default));
898
703
  }
899
704
 
900
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input {
901
- border-color: var(--spectrum-textfield-quiet-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
902
- }
903
-
904
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
705
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
905
706
  border-color: var(--spectrum-textfield-quiet-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
906
707
  }
907
708
 
908
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-input {
909
- border-color: var(--spectrum-textfield-quiet-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
910
- }
911
-
912
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-button {
709
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid:active .Ug6T-W_spectrum-Stepper-button {
913
710
  border-color: var(--spectrum-textfield-quiet-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
914
711
  }
915
712
 
916
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input {
917
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
918
- }
919
-
920
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button {
713
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-invalid.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button {
921
714
  border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
922
715
  }
923
716
 
@@ -929,14 +722,6 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
929
722
  fill: var(--spectrum-actionbutton-icon-color-hover, var(--spectrum-alias-icon-color-hover));
930
723
  }
931
724
 
932
- .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered {
933
- color: var(--spectrum-actionbutton-text-color-hover, var(--spectrum-alias-text-color-hover));
934
- }
935
-
936
- .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button-icon {
937
- fill: var(--spectrum-actionbutton-icon-color-hover, var(--spectrum-alias-icon-color-hover));
938
- }
939
-
940
725
  .Ug6T-W_spectrum-Stepper .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-active {
941
726
  color: var(--spectrum-actionbutton-text-color-down, var(--spectrum-alias-text-color-down));
942
727
  }
@@ -963,9 +748,6 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
963
748
 
964
749
  .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered {
965
750
  background-color: var(--spectrum-actionbutton-background-color-hover, var(--spectrum-global-color-gray-50));
966
- }
967
-
968
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-hovered {
969
751
  background-color: var(--spectrum-actionbutton-background-color-hover, var(--spectrum-global-color-gray-50));
970
752
  }
971
753
 
@@ -973,11 +755,7 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
973
755
  background-color: var(--spectrum-actionbutton-background-color-down, var(--spectrum-global-color-gray-200));
974
756
  }
975
757
 
976
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button:disabled {
977
- background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
978
- }
979
-
980
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled {
758
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button:disabled, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet) .Ug6T-W_spectrum-Stepper-button.Ug6T-W_is-disabled {
981
759
  background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
982
760
  }
983
761
 
@@ -1012,12 +790,8 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
1012
790
  --spectrum-textfield-text-color-disabled: GrayText;
1013
791
  }
1014
792
 
1015
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused {
1016
- outline: 2px solid Highlight;
1017
- }
1018
-
1019
- .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus {
1020
- outline: 2px solid Highlight;
793
+ .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet).Ug6T-W_is-focused, .Ug6T-W_spectrum-Stepper:not(.Ug6T-W_spectrum-Stepper--isQuiet):focus {
794
+ outline: 2px solid highlight;
1021
795
  }
1022
796
 
1023
797
  .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--readonly.Ug6T-W_spectrum-Stepper--isQuiet .Ug6T-W_spectrum-Stepper-button {
@@ -1029,12 +803,7 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
1029
803
  box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1030
804
  }
1031
805
 
1032
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input {
1033
- forced-color-adjust: auto;
1034
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1035
- }
1036
-
1037
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button {
806
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-focused .Ug6T-W_spectrum-Stepper-button {
1038
807
  forced-color-adjust: auto;
1039
808
  border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1040
809
  }
@@ -1044,12 +813,12 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
1044
813
  box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1045
814
  }
1046
815
 
1047
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-input {
816
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-button {
1048
817
  forced-color-adjust: auto;
1049
818
  border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1050
819
  }
1051
820
 
1052
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet:focus .Ug6T-W_spectrum-Stepper-button {
821
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button {
1053
822
  forced-color-adjust: auto;
1054
823
  border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1055
824
  }
@@ -1059,46 +828,13 @@ a.Ug6T-W_spectrum-Button, a.Ug6T-W_spectrum-ActionButton {
1059
828
  box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1060
829
  }
1061
830
 
1062
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input {
831
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button {
1063
832
  forced-color-adjust: auto;
1064
833
  border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1065
834
  }
1066
835
 
1067
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button {
1068
- forced-color-adjust: auto;
1069
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1070
- }
1071
-
1072
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring {
1073
- forced-color-adjust: none;
1074
- box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1075
- }
1076
-
1077
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-input {
1078
- forced-color-adjust: auto;
1079
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1080
- }
1081
-
1082
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_focus-ring .Ug6T-W_spectrum-Stepper-button {
1083
- forced-color-adjust: auto;
1084
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1085
- }
1086
-
1087
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input {
1088
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1089
- }
1090
-
1091
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
1092
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1093
- }
1094
-
1095
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input {
1096
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1097
- }
1098
-
1099
- .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
836
+ .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-input, .Ug6T-W_spectrum-Stepper.Ug6T-W_spectrum-Stepper--isQuiet.Ug6T-W_is-hovered .Ug6T-W_spectrum-Stepper-button {
1100
837
  border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1101
838
  }
1102
839
  }
1103
-
1104
- /*# sourceMappingURL=main.css.map */
840
+ /*# sourceMappingURL=vars.07bdf9be.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAkBJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BE;;;;AA2BA;;;;AAGA;;;;AAKA;;;;;;AAYA;;;;AAKA;;;;;;;;AAWF;;;;;;;;;;;;;;AAoBE;;;;AAMA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;;;;AAWE;;;;AAOJ;;;;;;;AASA;;;;;;;;;;;AAiBE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAKA;;;;AAMA;;;;AAKA;;;;AAKF;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMA;;;;AAIA;;;;;;;AAYE;;;;AAKF;;;;;;AAMA;;;;;;;AAQA;;;;;;;;;;AAcA;;;;;;;;;;;;;;;;;;;;;;AAkCE;;;;;AAMA;;;;AAKF;;;;;;;;AAWI;;;;AAMJ;;;;;;;;;;AAcE;;;;;AAOF;EAEI;;;;;AAOJ;;;;;AAKA;;;;;;;;;;AAkBE;;;;;;AAME;;;;;AAIA;;;;;AAKF;;;;;;AAUA;;;;;;AAMA;;;;AAIA;;;;AAGA;;;;AAIA;;;;AAEE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAOI;;;;;AASA;;;;;AAUA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAIA;;;;;;AAKA;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMA;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAOA;;;;AAGA;;;;;AAIA;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAOA;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAWJ;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAOI;;;;;AAIA;;;;AAOA;;;;;;AAYA;;;;;AAIA;;;;AAOA;;;;;;AAoBN;;;;AAKA;;;;AAKF;;;;AAKE;;;;AAKA;;;;;;;AAoEA;;;;AAKE;;;;AAGA;;;;;;AAME;;;;AAQA;;;;AAgBA;;;;AAQA;;;;AAME;;;;AAOA;;;;AAOA;;;;AAWJ;;;;AAGA;;;;;;AAME;;;;AAQA;;;;AAwBA;;;;AAQA;;;;AAME;;;;AAOA;;;;AAOA;;;;AAiBJ;;;;AAIE;;;;AAKF;;;;AAGE;;;;AAKF;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAOA;;;;;AAKA;;;;AAIA;;;;AAQA;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAQR;EACE;;;;;;;;;;;;;;EAaI;;;;EAME;;;;EAMF;;;;;EAME;;;;;EANF;;;;;EAME;;;;;EAAA;;;;;EANF;;;;;EAME;;;;;EAWA","sources":["packages/@adobe/spectrum-css-temp/components/stepper/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"vars.07bdf9be.css.map"}