@react-spectrum/textfield 3.12.3 → 3.12.5

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.
Files changed (18) hide show
  1. package/dist/TextArea.main.js.map +1 -1
  2. package/dist/TextArea.module.js.map +1 -1
  3. package/dist/TextFieldBase.main.js +1 -1
  4. package/dist/TextFieldBase.main.js.map +1 -1
  5. package/dist/TextFieldBase.mjs +1 -1
  6. package/dist/TextFieldBase.module.js +1 -1
  7. package/dist/TextFieldBase.module.js.map +1 -1
  8. package/dist/textfield_vars_css.main.js +22 -22
  9. package/dist/textfield_vars_css.mjs +22 -22
  10. package/dist/textfield_vars_css.module.js +22 -22
  11. package/dist/types.d.ts +3 -3
  12. package/dist/types.d.ts.map +1 -1
  13. package/dist/{vars.9c96c732.css → vars.06803e48.css} +113 -113
  14. package/dist/{vars.9c96c732.css.map → vars.06803e48.css.map} +1 -1
  15. package/package.json +14 -15
  16. package/src/TextArea.tsx +1 -1
  17. package/src/TextFieldBase.tsx +1 -1
  18. package/LICENSE +0 -201
package/dist/{vars.9c96c732.css → vars.06803e48.css} RENAMED
@@ -1,41 +1,41 @@
1
- .YO3Nla_i18nFontFamily {
1
+ .zo2IKa_i18nFontFamily {
2
2
  font-synthesis: weight;
3
3
  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
4
  }
5
5
 
6
- .YO3Nla_i18nFontFamily:lang(ar) {
6
+ .zo2IKa_i18nFontFamily:lang(ar) {
7
7
  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
8
  }
9
9
 
10
- .YO3Nla_i18nFontFamily:lang(he) {
10
+ .zo2IKa_i18nFontFamily:lang(he) {
11
11
  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
12
  }
13
13
 
14
- .YO3Nla_i18nFontFamily:lang(zh) {
14
+ .zo2IKa_i18nFontFamily:lang(zh) {
15
15
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
16
  }
17
17
 
18
- .YO3Nla_i18nFontFamily:lang(zh-Hans) {
18
+ .zo2IKa_i18nFontFamily:lang(zh-Hans) {
19
19
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
20
  }
21
21
 
22
- .YO3Nla_i18nFontFamily:lang(zh-Hant) {
22
+ .zo2IKa_i18nFontFamily:lang(zh-Hant) {
23
23
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
24
  }
25
25
 
26
- .YO3Nla_i18nFontFamily:lang(zh-SG), .YO3Nla_i18nFontFamily:lang(zh-CN) {
26
+ .zo2IKa_i18nFontFamily:lang(zh-SG), .zo2IKa_i18nFontFamily:lang(zh-CN) {
27
27
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
28
  }
29
29
 
30
- .YO3Nla_i18nFontFamily:lang(ko) {
30
+ .zo2IKa_i18nFontFamily:lang(ko) {
31
31
  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
32
  }
33
33
 
34
- .YO3Nla_i18nFontFamily:lang(ja) {
34
+ .zo2IKa_i18nFontFamily:lang(ja) {
35
35
  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
36
36
  }
37
37
 
38
- .YO3Nla_spectrum-FocusRing-ring {
38
+ .zo2IKa_spectrum-FocusRing-ring {
39
39
  --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
40
  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
41
  --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
@@ -43,7 +43,7 @@
43
43
  --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
44
  }
45
45
 
46
- .YO3Nla_spectrum-FocusRing-ring:after {
46
+ .zo2IKa_spectrum-FocusRing-ring:after {
47
47
  border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
48
  content: "";
49
49
  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
@@ -54,44 +54,44 @@
54
54
  inset: 0;
55
55
  }
56
56
 
57
- .YO3Nla_spectrum-FocusRing.YO3Nla_focus-ring:after {
57
+ .zo2IKa_spectrum-FocusRing.zo2IKa_focus-ring:after {
58
58
  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
59
  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
60
  }
61
61
 
62
- .YO3Nla_spectrum-FocusRing--quiet:after {
62
+ .zo2IKa_spectrum-FocusRing--quiet:after {
63
63
  border-radius: 0;
64
64
  }
65
65
 
66
- .YO3Nla_spectrum-FocusRing--quiet.YO3Nla_focus-ring:after {
66
+ .zo2IKa_spectrum-FocusRing--quiet.zo2IKa_focus-ring:after {
67
67
  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
68
  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
69
  }
70
70
 
71
71
  @media (forced-colors: active) {
72
- .YO3Nla_spectrum-FocusRing, .YO3Nla_spectrum-FocusRing-ring, .YO3Nla_spectrum-FocusRing--quiet {
72
+ .zo2IKa_spectrum-FocusRing, .zo2IKa_spectrum-FocusRing-ring, .zo2IKa_spectrum-FocusRing--quiet {
73
73
  --spectrum-high-contrast-focus-ring-color: Highlight;
74
74
  }
75
75
 
76
- :is(.YO3Nla_spectrum-FocusRing, .YO3Nla_spectrum-FocusRing-ring, .YO3Nla_spectrum-FocusRing--quiet):after {
76
+ :is(.zo2IKa_spectrum-FocusRing, .zo2IKa_spectrum-FocusRing-ring, .zo2IKa_spectrum-FocusRing--quiet):after {
77
77
  forced-color-adjust: none;
78
78
  }
79
79
  }
80
80
 
81
- .YO3Nla_spectrum-Textfield {
81
+ .zo2IKa_spectrum-Textfield {
82
82
  min-width: var(--spectrum-textfield-min-width, var(--spectrum-global-dimension-size-600));
83
83
  width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
84
84
  display: inline-flex;
85
85
  position: relative;
86
86
  }
87
87
 
88
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--quiet.YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input {
88
+ .zo2IKa_spectrum-Textfield.zo2IKa_spectrum-Textfield--quiet.zo2IKa_spectrum-Textfield--multiline .zo2IKa_spectrum-Textfield-input {
89
89
  height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
90
90
  min-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
91
91
  overflow-x: hidden;
92
92
  }
93
93
 
94
- .YO3Nla_spectrum-Textfield-input {
94
+ .zo2IKa_spectrum-Textfield-input {
95
95
  box-sizing: border-box;
96
96
  border: var(--spectrum-alias-input-border-size) solid;
97
97
  border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
@@ -111,7 +111,7 @@
111
111
  overflow: visible;
112
112
  }
113
113
 
114
- .YO3Nla_spectrum-Textfield-input::placeholder, .YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder {
114
+ .zo2IKa_spectrum-Textfield-input::placeholder, .zo2IKa_spectrum-Textfield-input.zo2IKa_is-placeholder {
115
115
  font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
116
116
  font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
117
117
  font-synthesis: none;
@@ -119,86 +119,86 @@
119
119
  opacity: 1;
120
120
  }
121
121
 
122
- .YO3Nla_spectrum-Textfield-input::-moz-placeholder {
122
+ .zo2IKa_spectrum-Textfield-input::-moz-placeholder {
123
123
  font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
124
124
  font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
125
125
  transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
126
126
  opacity: 1;
127
127
  }
128
128
 
129
- .YO3Nla_spectrum-Textfield-input:lang(ja)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(ja).YO3Nla_is-placeholder {
129
+ .zo2IKa_spectrum-Textfield-input:lang(ja)::placeholder, .zo2IKa_spectrum-Textfield-input:lang(ja).zo2IKa_is-placeholder {
130
130
  font-style: normal;
131
131
  }
132
132
 
133
- .YO3Nla_spectrum-Textfield-input:lang(ja)::-moz-placeholder {
133
+ .zo2IKa_spectrum-Textfield-input:lang(ja)::-moz-placeholder {
134
134
  font-style: normal;
135
135
  }
136
136
 
137
- .YO3Nla_spectrum-Textfield-input:lang(zh)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(zh).YO3Nla_is-placeholder {
137
+ .zo2IKa_spectrum-Textfield-input:lang(zh)::placeholder, .zo2IKa_spectrum-Textfield-input:lang(zh).zo2IKa_is-placeholder {
138
138
  font-style: normal;
139
139
  }
140
140
 
141
- .YO3Nla_spectrum-Textfield-input:lang(zh)::-moz-placeholder {
141
+ .zo2IKa_spectrum-Textfield-input:lang(zh)::-moz-placeholder {
142
142
  font-style: normal;
143
143
  }
144
144
 
145
- .YO3Nla_spectrum-Textfield-input:lang(ko)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(ko).YO3Nla_is-placeholder {
145
+ .zo2IKa_spectrum-Textfield-input:lang(ko)::placeholder, .zo2IKa_spectrum-Textfield-input:lang(ko).zo2IKa_is-placeholder {
146
146
  font-style: normal;
147
147
  }
148
148
 
149
- .YO3Nla_spectrum-Textfield-input:lang(ko)::-moz-placeholder {
149
+ .zo2IKa_spectrum-Textfield-input:lang(ko)::-moz-placeholder {
150
150
  font-style: normal;
151
151
  }
152
152
 
153
- .YO3Nla_spectrum-Textfield-input:lang(ar)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(ar).YO3Nla_is-placeholder {
153
+ .zo2IKa_spectrum-Textfield-input:lang(ar)::placeholder, .zo2IKa_spectrum-Textfield-input:lang(ar).zo2IKa_is-placeholder {
154
154
  font-style: normal;
155
155
  }
156
156
 
157
- .YO3Nla_spectrum-Textfield-input:lang(ar)::-moz-placeholder {
157
+ .zo2IKa_spectrum-Textfield-input:lang(ar)::-moz-placeholder {
158
158
  font-style: normal;
159
159
  }
160
160
 
161
- .YO3Nla_spectrum-Textfield-input:lang(he)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(he).YO3Nla_is-placeholder {
161
+ .zo2IKa_spectrum-Textfield-input:lang(he)::placeholder, .zo2IKa_spectrum-Textfield-input:lang(he).zo2IKa_is-placeholder {
162
162
  font-style: normal;
163
163
  }
164
164
 
165
- .YO3Nla_spectrum-Textfield-input:lang(he)::-moz-placeholder {
165
+ .zo2IKa_spectrum-Textfield-input:lang(he)::-moz-placeholder {
166
166
  font-style: normal;
167
167
  }
168
168
 
169
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder {
169
+ .zo2IKa_spectrum-Textfield-input.zo2IKa_is-hovered::placeholder {
170
170
  font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
171
171
  }
172
172
 
173
- .YO3Nla_spectrum-Textfield-input:disabled {
173
+ .zo2IKa_spectrum-Textfield-input:disabled {
174
174
  resize: none;
175
175
  opacity: 1;
176
176
  }
177
177
 
178
- .YO3Nla_spectrum-Textfield-input:disabled::placeholder, .YO3Nla_spectrum-Textfield-input:disabled.YO3Nla_is-placeholder {
178
+ .zo2IKa_spectrum-Textfield-input:disabled::placeholder, .zo2IKa_spectrum-Textfield-input:disabled.zo2IKa_is-placeholder {
179
179
  font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
180
180
  }
181
181
 
182
- .YO3Nla_spectrum-Textfield-input::-ms-clear {
182
+ .zo2IKa_spectrum-Textfield-input::-ms-clear {
183
183
  width: 0;
184
184
  height: 0;
185
185
  }
186
186
 
187
- .YO3Nla_spectrum-Textfield-input::-webkit-inner-spin-button {
187
+ .zo2IKa_spectrum-Textfield-input::-webkit-inner-spin-button {
188
188
  -webkit-appearance: none;
189
189
  margin: 0;
190
190
  }
191
191
 
192
- .YO3Nla_spectrum-Textfield-input::-webkit-outer-spin-button {
192
+ .zo2IKa_spectrum-Textfield-input::-webkit-outer-spin-button {
193
193
  -webkit-appearance: none;
194
194
  margin: 0;
195
195
  }
196
196
 
197
- .YO3Nla_spectrum-Textfield-input:-moz-ui-invalid {
197
+ .zo2IKa_spectrum-Textfield-input:-moz-ui-invalid {
198
198
  box-shadow: none;
199
199
  }
200
200
 
201
- .YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input {
201
+ .zo2IKa_spectrum-Textfield--multiline .zo2IKa_spectrum-Textfield-input {
202
202
  min-height: var(--spectrum-global-dimension-size-700);
203
203
  padding: 3px var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) 5px calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) - 1px);
204
204
  resize: none;
@@ -206,44 +206,44 @@
206
206
  overflow: auto;
207
207
  }
208
208
 
209
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input {
209
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input {
210
210
  border-width: 0 0 var(--spectrum-alias-input-border-size) 0;
211
211
  border-radius: 0;
212
212
  padding-inline-start: var(--spectrum-textfield-quiet-padding-x, 0);
213
213
  padding-inline-end: var(--spectrum-textfield-quiet-padding-x, 0);
214
214
  }
215
215
 
216
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-input {
216
+ .zo2IKa_spectrum-Textfield--valid .zo2IKa_spectrum-Textfield-input {
217
217
  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)));
218
218
  }
219
219
 
220
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input, .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-input {
220
+ .zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input, .zo2IKa_spectrum-Textfield--loadable .zo2IKa_spectrum-Textfield-input {
221
221
  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)));
222
222
  }
223
223
 
224
- .YO3Nla_spectrum-Textfield-wrapper.YO3Nla_spectrum-Textfield-wrapper--quiet {
224
+ .zo2IKa_spectrum-Textfield-wrapper.zo2IKa_spectrum-Textfield-wrapper--quiet {
225
225
  grid-template-rows: auto;
226
226
  }
227
227
 
228
- .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline {
228
+ .zo2IKa_spectrum-Textfield-wrapper .zo2IKa_spectrum-Textfield--multiline {
229
229
  flex: auto;
230
230
  min-height: 0;
231
231
  }
232
232
 
233
- .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input {
233
+ .zo2IKa_spectrum-Textfield-wrapper .zo2IKa_spectrum-Textfield--multiline .zo2IKa_spectrum-Textfield-input {
234
234
  line-height: var(--spectrum-textfield-text-line-height, var(--spectrum-alias-body-text-line-height));
235
235
  }
236
236
 
237
- .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline.YO3Nla_spectrum-Textfield--quiet {
237
+ .zo2IKa_spectrum-Textfield-wrapper .zo2IKa_spectrum-Textfield--multiline.zo2IKa_spectrum-Textfield--quiet {
238
238
  flex: 0 auto;
239
239
  max-height: 100%;
240
240
  }
241
241
 
242
- .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input {
242
+ .zo2IKa_spectrum-Textfield-wrapper .zo2IKa_spectrum-Textfield--multiline.zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input {
243
243
  max-height: 100%;
244
244
  }
245
245
 
246
- .YO3Nla_spectrum-Textfield-validationIcon {
246
+ .zo2IKa_spectrum-Textfield-validationIcon {
247
247
  box-sizing: content-box;
248
248
  pointer-events: all;
249
249
  transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
@@ -251,55 +251,55 @@
251
251
  position: absolute;
252
252
  }
253
253
 
254
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-validationIcon {
254
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-validationIcon {
255
255
  padding-inline-end: 0;
256
256
  }
257
257
 
258
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon {
258
+ .zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-validationIcon {
259
259
  width: var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225));
260
260
  height: var(--spectrum-icon-alert-medium-height, var(--spectrum-global-dimension-size-225));
261
261
  top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-height, var(--spectrum-global-dimension-size-225)) / 2));
262
262
  }
263
263
 
264
- .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))) {
264
+ .zo2IKa_spectrum-Textfield--invalid .zo2IKa_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))) {
265
265
  right: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
266
266
  }
267
267
 
268
- .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))) {
268
+ .zo2IKa_spectrum-Textfield--invalid .zo2IKa_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))) {
269
269
  right: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
270
270
  }
271
271
 
272
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
272
+ .zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-validationIcon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
273
273
  left: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
274
274
  }
275
275
 
276
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
276
+ .zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-validationIcon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
277
277
  left: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
278
278
  }
279
279
 
280
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon {
280
+ .zo2IKa_spectrum-Textfield--valid .zo2IKa_spectrum-Textfield-validationIcon {
281
281
  width: var(--spectrum-icon-checkmark-medium-width);
282
282
  height: var(--spectrum-icon-checkmark-medium-height);
283
283
  top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-checkmark-medium-height) / 2));
284
284
  }
285
285
 
286
- .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))) {
286
+ .zo2IKa_spectrum-Textfield--valid .zo2IKa_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))) {
287
287
  right: var(--spectrum-global-dimension-size-150);
288
288
  }
289
289
 
290
- .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))) {
290
+ .zo2IKa_spectrum-Textfield--valid .zo2IKa_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))) {
291
291
  right: var(--spectrum-global-dimension-size-150);
292
292
  }
293
293
 
294
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
294
+ .zo2IKa_spectrum-Textfield--valid .zo2IKa_spectrum-Textfield-validationIcon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
295
295
  left: var(--spectrum-global-dimension-size-150);
296
296
  }
297
297
 
298
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
298
+ .zo2IKa_spectrum-Textfield--valid .zo2IKa_spectrum-Textfield-validationIcon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
299
299
  left: var(--spectrum-global-dimension-size-150);
300
300
  }
301
301
 
302
- .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon {
302
+ .zo2IKa_spectrum-Textfield .zo2IKa_spectrum-Textfield-icon {
303
303
  height: var(--spectrum-icon-info-medium-height, var(--spectrum-global-dimension-size-225));
304
304
  width: var(--spectrum-icon-info-medium-width, var(--spectrum-global-dimension-size-225));
305
305
  top: var(--spectrum-global-dimension-size-85);
@@ -308,219 +308,219 @@
308
308
  position: absolute;
309
309
  }
310
310
 
311
- .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))) {
311
+ .zo2IKa_spectrum-Textfield .zo2IKa_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))) {
312
312
  left: var(--spectrum-global-dimension-size-150);
313
313
  }
314
314
 
315
- .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))) {
315
+ .zo2IKa_spectrum-Textfield .zo2IKa_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))) {
316
316
  left: var(--spectrum-global-dimension-size-150);
317
317
  }
318
318
 
319
- .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
319
+ .zo2IKa_spectrum-Textfield .zo2IKa_spectrum-Textfield-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
320
320
  right: var(--spectrum-global-dimension-size-150);
321
321
  }
322
322
 
323
- .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
323
+ .zo2IKa_spectrum-Textfield .zo2IKa_spectrum-Textfield-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
324
324
  right: var(--spectrum-global-dimension-size-150);
325
325
  }
326
326
 
327
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon {
327
+ .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield-inputIcon {
328
328
  padding-inline-start: calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65));
329
329
  }
330
330
 
331
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon {
331
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield-inputIcon {
332
332
  padding-inline-start: calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width, var(--spectrum-global-dimension-size-225)));
333
333
  }
334
334
 
335
- .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))) {
335
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield-inputIcon ~ .zo2IKa_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))) {
336
336
  left: 0;
337
337
  }
338
338
 
339
- .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))) {
339
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield-inputIcon ~ .zo2IKa_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))) {
340
340
  left: 0;
341
341
  }
342
342
 
343
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
343
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield-inputIcon ~ .zo2IKa_spectrum-Textfield-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
344
344
  right: 0;
345
345
  }
346
346
 
347
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
347
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield-inputIcon ~ .zo2IKa_spectrum-Textfield-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
348
348
  right: 0;
349
349
  }
350
350
 
351
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon.YO3Nla_spectrum-Textfield--multiline {
351
+ .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield-inputIcon.zo2IKa_spectrum-Textfield--multiline {
352
352
  height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
353
353
  min-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
354
354
  }
355
355
 
356
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader {
356
+ .zo2IKa_spectrum-Textfield--loadable .zo2IKa_spectrum-Textfield-circleLoader {
357
357
  top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200)) / 2));
358
358
  position: absolute;
359
359
  }
360
360
 
361
- .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))) {
361
+ .zo2IKa_spectrum-Textfield--loadable .zo2IKa_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))) {
362
362
  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));
363
363
  }
364
364
 
365
- .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))) {
365
+ .zo2IKa_spectrum-Textfield--loadable .zo2IKa_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))) {
366
366
  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));
367
367
  }
368
368
 
369
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
369
+ .zo2IKa_spectrum-Textfield--loadable .zo2IKa_spectrum-Textfield-circleLoader:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
370
370
  left: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
371
371
  }
372
372
 
373
- .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
373
+ .zo2IKa_spectrum-Textfield--loadable .zo2IKa_spectrum-Textfield-circleLoader:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
374
374
  left: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
375
375
  }
376
376
 
377
- .YO3Nla_spectrum-Textfield--quiet:is(.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader) {
377
+ .zo2IKa_spectrum-Textfield--quiet:is(.zo2IKa_spectrum-Textfield--loadable .zo2IKa_spectrum-Textfield-circleLoader) {
378
378
  padding-inline-end: 0;
379
379
  }
380
380
 
381
- .YO3Nla_spectrum-Textfield-input {
381
+ .zo2IKa_spectrum-Textfield-input {
382
382
  background-color: var(--spectrum-textfield-background-color, var(--spectrum-global-color-gray-50));
383
383
  border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
384
384
  color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
385
385
  }
386
386
 
387
- .YO3Nla_spectrum-Textfield-input::placeholder, .YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder {
387
+ .zo2IKa_spectrum-Textfield-input::placeholder, .zo2IKa_spectrum-Textfield-input.zo2IKa_is-placeholder {
388
388
  color: var(--spectrum-textfield-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
389
389
  }
390
390
 
391
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered {
391
+ .zo2IKa_spectrum-Textfield-input.zo2IKa_is-hovered {
392
392
  border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
393
393
  box-shadow: none;
394
394
  }
395
395
 
396
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder, .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered.YO3Nla_is-placeholder {
396
+ .zo2IKa_spectrum-Textfield-input.zo2IKa_is-hovered::placeholder, .zo2IKa_spectrum-Textfield-input.zo2IKa_is-hovered.zo2IKa_is-placeholder {
397
397
  color: var(--spectrum-textfield-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
398
398
  }
399
399
 
400
- .YO3Nla_spectrum-Textfield-input:active {
400
+ .zo2IKa_spectrum-Textfield-input:active {
401
401
  background-color: var(--spectrum-textfield-background-color-down, var(--spectrum-global-color-gray-50));
402
402
  border-color: var(--spectrum-textfield-border-color-down, var(--spectrum-alias-border-color-mouse-focus));
403
403
  color: var(--spectrum-textfield-text-color-down, var(--spectrum-alias-text-color-down));
404
404
  }
405
405
 
406
- .YO3Nla_spectrum-Textfield-input:active::placeholder, .YO3Nla_spectrum-Textfield-input:active.YO3Nla_is-placeholder {
406
+ .zo2IKa_spectrum-Textfield-input:active::placeholder, .zo2IKa_spectrum-Textfield-input:active.zo2IKa_is-placeholder {
407
407
  color: var(--spectrum-textfield-placeholder-text-color-down, var(--spectrum-alias-placeholder-text-color-down));
408
408
  }
409
409
 
410
- .YO3Nla_spectrum-Textfield-input:focus, .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
410
+ .zo2IKa_spectrum-Textfield-input:focus, .zo2IKa_spectrum-Textfield-input.zo2IKa_is-focused {
411
411
  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
412
412
  }
413
413
 
414
- .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
414
+ .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring:not(:active) {
415
415
  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
416
416
  box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
417
417
  }
418
418
 
419
- .YO3Nla_spectrum-Textfield-input[disabled] {
419
+ .zo2IKa_spectrum-Textfield-input[disabled] {
420
420
  background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
421
421
  border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
422
422
  color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
423
423
  -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
424
424
  }
425
425
 
426
- .YO3Nla_spectrum-Textfield-input[disabled]::placeholder, .YO3Nla_spectrum-Textfield-input[disabled].YO3Nla_is-placeholder {
426
+ .zo2IKa_spectrum-Textfield-input[disabled]::placeholder, .zo2IKa_spectrum-Textfield-input[disabled].zo2IKa_is-placeholder {
427
427
  color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
428
428
  }
429
429
 
430
- .YO3Nla_spectrum-Textfield-input[disabled] ~ .YO3Nla_spectrum-Textfield-icon {
430
+ .zo2IKa_spectrum-Textfield-input[disabled] ~ .zo2IKa_spectrum-Textfield-icon {
431
431
  fill: var(--spectrum-textfield-icon-color-disabled, var(--spectrum-global-color-gray-500));
432
432
  }
433
433
 
434
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled {
434
+ .zo2IKa_spectrum-Textfield-input.zo2IKa_is-disabled {
435
435
  background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
436
436
  border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
437
437
  color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
438
438
  -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
439
439
  }
440
440
 
441
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled::placeholder, .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled.YO3Nla_is-placeholder {
441
+ .zo2IKa_spectrum-Textfield-input.zo2IKa_is-disabled::placeholder, .zo2IKa_spectrum-Textfield-input.zo2IKa_is-disabled.zo2IKa_is-placeholder {
442
442
  color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
443
443
  }
444
444
 
445
- .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled ~ .YO3Nla_spectrum-Textfield-icon {
445
+ .zo2IKa_spectrum-Textfield-input.zo2IKa_is-disabled ~ .zo2IKa_spectrum-Textfield-icon {
446
446
  fill: var(--spectrum-textfield-icon-color-disabled, var(--spectrum-global-color-gray-500));
447
447
  }
448
448
 
449
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid {
449
+ .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield--invalid {
450
450
  border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
451
451
  }
452
452
 
453
- .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 {
453
+ .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield--invalid.zo2IKa_is-hovered, .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield--invalid:active, .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield--invalid:focus, .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield--invalid.zo2IKa_is-focused {
454
454
  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
455
455
  }
456
456
 
457
- .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_focus-ring:not(:active) {
457
+ .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield--invalid.zo2IKa_focus-ring:not(:active) {
458
458
  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
459
459
  box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
460
460
  }
461
461
 
462
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input {
462
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input {
463
463
  background-color: var(--spectrum-textfield-quiet-background-color, var(--spectrum-alias-background-color-transparent));
464
464
  border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
465
465
  }
466
466
 
467
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered {
467
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_is-hovered {
468
468
  border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
469
469
  }
470
470
 
471
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:active {
471
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input:active {
472
472
  border-color: var(--spectrum-textfield-quiet-border-color-down, var(--spectrum-alias-border-color-mouse-focus));
473
473
  }
474
474
 
475
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:focus, .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
475
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input:focus, .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_is-focused {
476
476
  border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
477
477
  }
478
478
 
479
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
479
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring:not(:active) {
480
480
  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
481
481
  box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
482
482
  }
483
483
 
484
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:disabled, .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled {
484
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input:disabled, .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_is-disabled {
485
485
  background-color: var(--spectrum-textfield-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
486
486
  border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
487
487
  }
488
488
 
489
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input {
489
+ .zo2IKa_spectrum-Textfield.zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input {
490
490
  border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
491
491
  }
492
492
 
493
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered {
493
+ .zo2IKa_spectrum-Textfield.zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input.zo2IKa_is-hovered {
494
494
  border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
495
495
  }
496
496
 
497
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input:active {
497
+ .zo2IKa_spectrum-Textfield.zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input:active {
498
498
  border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
499
499
  }
500
500
 
501
- .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 {
501
+ .zo2IKa_spectrum-Textfield.zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input:focus, .zo2IKa_spectrum-Textfield.zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input.zo2IKa_is-focused {
502
502
  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
503
503
  }
504
504
 
505
- .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
505
+ .zo2IKa_spectrum-Textfield.zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring:not(:active) {
506
506
  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
507
507
  box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
508
508
  }
509
509
 
510
- .YO3Nla_spectrum-Textfield--quiet.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
510
+ .zo2IKa_spectrum-Textfield--quiet.zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring:not(:active) {
511
511
  box-shadow: 0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
512
512
  }
513
513
 
514
- .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon {
514
+ .zo2IKa_spectrum-Textfield--valid .zo2IKa_spectrum-Textfield-validationIcon {
515
515
  fill: var(--spectrum-alert-success-icon-color, var(--spectrum-semantic-positive-color-icon));
516
516
  }
517
517
 
518
- .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon {
518
+ .zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-validationIcon {
519
519
  fill: var(--spectrum-alert-error-icon-color, var(--spectrum-semantic-negative-color-icon));
520
520
  }
521
521
 
522
522
  @media (forced-colors: active) {
523
- .YO3Nla_spectrum-Textfield-input {
523
+ .zo2IKa_spectrum-Textfield-input {
524
524
  --spectrum-textfield-border-color: CanvasText;
525
525
  --spectrum-textfield-text-color-disabled: GrayText;
526
526
  --spectrum-textfield-border-color-disabled: GrayText;
@@ -532,19 +532,19 @@
532
532
  --spectrum-high-contrast-focus-ring-color: Highlight;
533
533
  }
534
534
 
535
- .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
535
+ .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring {
536
536
  outline: 2px solid var(--spectrum-high-contrast-focus-ring-color);
537
537
  outline: 2px solid var(--spectrum-high-contrast-focus-ring-color);
538
538
  }
539
539
 
540
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
540
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring {
541
541
  forced-color-adjust: none;
542
542
  box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
543
543
  outline: 0;
544
544
  }
545
545
 
546
- .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring .YO3Nla_spectrum-Textfield-input {
546
+ .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring .zo2IKa_spectrum-Textfield-input {
547
547
  border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
548
548
  }
549
549
  }
550
- /*# sourceMappingURL=vars.9c96c732.css.map */
550
+ /*# sourceMappingURL=vars.06803e48.css.map */