@react-spectrum/textfield 3.14.4 → 3.15.0

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 (210) hide show
  1. package/dist/import.mjs +4 -4
  2. package/dist/main.js +6 -6
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +4 -4
  5. package/dist/module.js.map +1 -1
  6. package/dist/types/src/index.d.ts +5 -0
  7. package/package.json +12 -37
  8. package/src/index.ts +6 -4
  9. package/dist/TextArea.main.js +0 -103
  10. package/dist/TextArea.main.js.map +0 -1
  11. package/dist/TextArea.mjs +0 -94
  12. package/dist/TextArea.module.js +0 -94
  13. package/dist/TextArea.module.js.map +0 -1
  14. package/dist/TextField.main.js +0 -55
  15. package/dist/TextField.main.js.map +0 -1
  16. package/dist/TextField.mjs +0 -46
  17. package/dist/TextField.module.js +0 -46
  18. package/dist/TextField.module.js.map +0 -1
  19. package/dist/TextFieldBase.main.js +0 -124
  20. package/dist/TextFieldBase.main.js.map +0 -1
  21. package/dist/TextFieldBase.mjs +0 -119
  22. package/dist/TextFieldBase.module.js +0 -119
  23. package/dist/TextFieldBase.module.js.map +0 -1
  24. package/dist/ar-AE.main.js +0 -6
  25. package/dist/ar-AE.main.js.map +0 -1
  26. package/dist/ar-AE.mjs +0 -8
  27. package/dist/ar-AE.module.js +0 -8
  28. package/dist/ar-AE.module.js.map +0 -1
  29. package/dist/bg-BG.main.js +0 -6
  30. package/dist/bg-BG.main.js.map +0 -1
  31. package/dist/bg-BG.mjs +0 -8
  32. package/dist/bg-BG.module.js +0 -8
  33. package/dist/bg-BG.module.js.map +0 -1
  34. package/dist/cs-CZ.main.js +0 -6
  35. package/dist/cs-CZ.main.js.map +0 -1
  36. package/dist/cs-CZ.mjs +0 -8
  37. package/dist/cs-CZ.module.js +0 -8
  38. package/dist/cs-CZ.module.js.map +0 -1
  39. package/dist/da-DK.main.js +0 -6
  40. package/dist/da-DK.main.js.map +0 -1
  41. package/dist/da-DK.mjs +0 -8
  42. package/dist/da-DK.module.js +0 -8
  43. package/dist/da-DK.module.js.map +0 -1
  44. package/dist/de-DE.main.js +0 -6
  45. package/dist/de-DE.main.js.map +0 -1
  46. package/dist/de-DE.mjs +0 -8
  47. package/dist/de-DE.module.js +0 -8
  48. package/dist/de-DE.module.js.map +0 -1
  49. package/dist/el-GR.main.js +0 -6
  50. package/dist/el-GR.main.js.map +0 -1
  51. package/dist/el-GR.mjs +0 -8
  52. package/dist/el-GR.module.js +0 -8
  53. package/dist/el-GR.module.js.map +0 -1
  54. package/dist/en-US.main.js +0 -6
  55. package/dist/en-US.main.js.map +0 -1
  56. package/dist/en-US.mjs +0 -8
  57. package/dist/en-US.module.js +0 -8
  58. package/dist/en-US.module.js.map +0 -1
  59. package/dist/es-ES.main.js +0 -6
  60. package/dist/es-ES.main.js.map +0 -1
  61. package/dist/es-ES.mjs +0 -8
  62. package/dist/es-ES.module.js +0 -8
  63. package/dist/es-ES.module.js.map +0 -1
  64. package/dist/et-EE.main.js +0 -6
  65. package/dist/et-EE.main.js.map +0 -1
  66. package/dist/et-EE.mjs +0 -8
  67. package/dist/et-EE.module.js +0 -8
  68. package/dist/et-EE.module.js.map +0 -1
  69. package/dist/fi-FI.main.js +0 -6
  70. package/dist/fi-FI.main.js.map +0 -1
  71. package/dist/fi-FI.mjs +0 -8
  72. package/dist/fi-FI.module.js +0 -8
  73. package/dist/fi-FI.module.js.map +0 -1
  74. package/dist/fr-FR.main.js +0 -6
  75. package/dist/fr-FR.main.js.map +0 -1
  76. package/dist/fr-FR.mjs +0 -8
  77. package/dist/fr-FR.module.js +0 -8
  78. package/dist/fr-FR.module.js.map +0 -1
  79. package/dist/he-IL.main.js +0 -6
  80. package/dist/he-IL.main.js.map +0 -1
  81. package/dist/he-IL.mjs +0 -8
  82. package/dist/he-IL.module.js +0 -8
  83. package/dist/he-IL.module.js.map +0 -1
  84. package/dist/hr-HR.main.js +0 -6
  85. package/dist/hr-HR.main.js.map +0 -1
  86. package/dist/hr-HR.mjs +0 -8
  87. package/dist/hr-HR.module.js +0 -8
  88. package/dist/hr-HR.module.js.map +0 -1
  89. package/dist/hu-HU.main.js +0 -6
  90. package/dist/hu-HU.main.js.map +0 -1
  91. package/dist/hu-HU.mjs +0 -8
  92. package/dist/hu-HU.module.js +0 -8
  93. package/dist/hu-HU.module.js.map +0 -1
  94. package/dist/intlStrings.main.js +0 -108
  95. package/dist/intlStrings.main.js.map +0 -1
  96. package/dist/intlStrings.mjs +0 -110
  97. package/dist/intlStrings.module.js +0 -110
  98. package/dist/intlStrings.module.js.map +0 -1
  99. package/dist/it-IT.main.js +0 -6
  100. package/dist/it-IT.main.js.map +0 -1
  101. package/dist/it-IT.mjs +0 -8
  102. package/dist/it-IT.module.js +0 -8
  103. package/dist/it-IT.module.js.map +0 -1
  104. package/dist/ja-JP.main.js +0 -6
  105. package/dist/ja-JP.main.js.map +0 -1
  106. package/dist/ja-JP.mjs +0 -8
  107. package/dist/ja-JP.module.js +0 -8
  108. package/dist/ja-JP.module.js.map +0 -1
  109. package/dist/ko-KR.main.js +0 -6
  110. package/dist/ko-KR.main.js.map +0 -1
  111. package/dist/ko-KR.mjs +0 -8
  112. package/dist/ko-KR.module.js +0 -8
  113. package/dist/ko-KR.module.js.map +0 -1
  114. package/dist/lt-LT.main.js +0 -6
  115. package/dist/lt-LT.main.js.map +0 -1
  116. package/dist/lt-LT.mjs +0 -8
  117. package/dist/lt-LT.module.js +0 -8
  118. package/dist/lt-LT.module.js.map +0 -1
  119. package/dist/lv-LV.main.js +0 -6
  120. package/dist/lv-LV.main.js.map +0 -1
  121. package/dist/lv-LV.mjs +0 -8
  122. package/dist/lv-LV.module.js +0 -8
  123. package/dist/lv-LV.module.js.map +0 -1
  124. package/dist/nb-NO.main.js +0 -6
  125. package/dist/nb-NO.main.js.map +0 -1
  126. package/dist/nb-NO.mjs +0 -8
  127. package/dist/nb-NO.module.js +0 -8
  128. package/dist/nb-NO.module.js.map +0 -1
  129. package/dist/nl-NL.main.js +0 -6
  130. package/dist/nl-NL.main.js.map +0 -1
  131. package/dist/nl-NL.mjs +0 -8
  132. package/dist/nl-NL.module.js +0 -8
  133. package/dist/nl-NL.module.js.map +0 -1
  134. package/dist/pl-PL.main.js +0 -6
  135. package/dist/pl-PL.main.js.map +0 -1
  136. package/dist/pl-PL.mjs +0 -8
  137. package/dist/pl-PL.module.js +0 -8
  138. package/dist/pl-PL.module.js.map +0 -1
  139. package/dist/pt-BR.main.js +0 -6
  140. package/dist/pt-BR.main.js.map +0 -1
  141. package/dist/pt-BR.mjs +0 -8
  142. package/dist/pt-BR.module.js +0 -8
  143. package/dist/pt-BR.module.js.map +0 -1
  144. package/dist/pt-PT.main.js +0 -6
  145. package/dist/pt-PT.main.js.map +0 -1
  146. package/dist/pt-PT.mjs +0 -8
  147. package/dist/pt-PT.module.js +0 -8
  148. package/dist/pt-PT.module.js.map +0 -1
  149. package/dist/ro-RO.main.js +0 -6
  150. package/dist/ro-RO.main.js.map +0 -1
  151. package/dist/ro-RO.mjs +0 -8
  152. package/dist/ro-RO.module.js +0 -8
  153. package/dist/ro-RO.module.js.map +0 -1
  154. package/dist/ru-RU.main.js +0 -6
  155. package/dist/ru-RU.main.js.map +0 -1
  156. package/dist/ru-RU.mjs +0 -8
  157. package/dist/ru-RU.module.js +0 -8
  158. package/dist/ru-RU.module.js.map +0 -1
  159. package/dist/sk-SK.main.js +0 -6
  160. package/dist/sk-SK.main.js.map +0 -1
  161. package/dist/sk-SK.mjs +0 -8
  162. package/dist/sk-SK.module.js +0 -8
  163. package/dist/sk-SK.module.js.map +0 -1
  164. package/dist/sl-SI.main.js +0 -6
  165. package/dist/sl-SI.main.js.map +0 -1
  166. package/dist/sl-SI.mjs +0 -8
  167. package/dist/sl-SI.module.js +0 -8
  168. package/dist/sl-SI.module.js.map +0 -1
  169. package/dist/sr-SP.main.js +0 -6
  170. package/dist/sr-SP.main.js.map +0 -1
  171. package/dist/sr-SP.mjs +0 -8
  172. package/dist/sr-SP.module.js +0 -8
  173. package/dist/sr-SP.module.js.map +0 -1
  174. package/dist/sv-SE.main.js +0 -6
  175. package/dist/sv-SE.main.js.map +0 -1
  176. package/dist/sv-SE.mjs +0 -8
  177. package/dist/sv-SE.module.js +0 -8
  178. package/dist/sv-SE.module.js.map +0 -1
  179. package/dist/textfield.54643fd6.css +0 -550
  180. package/dist/textfield.54643fd6.css.map +0 -1
  181. package/dist/textfield_vars_css.main.js +0 -74
  182. package/dist/textfield_vars_css.main.js.map +0 -1
  183. package/dist/textfield_vars_css.mjs +0 -76
  184. package/dist/textfield_vars_css.module.js +0 -76
  185. package/dist/textfield_vars_css.module.js.map +0 -1
  186. package/dist/tr-TR.main.js +0 -6
  187. package/dist/tr-TR.main.js.map +0 -1
  188. package/dist/tr-TR.mjs +0 -8
  189. package/dist/tr-TR.module.js +0 -8
  190. package/dist/tr-TR.module.js.map +0 -1
  191. package/dist/types.d.ts +0 -33
  192. package/dist/types.d.ts.map +0 -1
  193. package/dist/uk-UA.main.js +0 -6
  194. package/dist/uk-UA.main.js.map +0 -1
  195. package/dist/uk-UA.mjs +0 -8
  196. package/dist/uk-UA.module.js +0 -8
  197. package/dist/uk-UA.module.js.map +0 -1
  198. package/dist/zh-CN.main.js +0 -6
  199. package/dist/zh-CN.main.js.map +0 -1
  200. package/dist/zh-CN.mjs +0 -8
  201. package/dist/zh-CN.module.js +0 -8
  202. package/dist/zh-CN.module.js.map +0 -1
  203. package/dist/zh-TW.main.js +0 -6
  204. package/dist/zh-TW.main.js.map +0 -1
  205. package/dist/zh-TW.mjs +0 -8
  206. package/dist/zh-TW.module.js +0 -8
  207. package/dist/zh-TW.module.js.map +0 -1
  208. package/src/TextArea.tsx +0 -98
  209. package/src/TextField.tsx +0 -47
  210. package/src/TextFieldBase.tsx +0 -182
package/dist/sr-SP.mjs DELETED
@@ -1,8 +0,0 @@
1
- var $81877e065529dfa7$exports = {};
2
- $81877e065529dfa7$exports = {
3
- "valid": `Va\u{17E}e\u{107}e`
4
- };
5
-
6
-
7
- export {$81877e065529dfa7$exports as default};
8
- //# sourceMappingURL=sr-SP.module.js.map
@@ -1,8 +0,0 @@
1
- var $81877e065529dfa7$exports = {};
2
- $81877e065529dfa7$exports = {
3
- "valid": `Va\u{17E}e\u{107}e`
4
- };
5
-
6
-
7
- export {$81877e065529dfa7$exports as default};
8
- //# sourceMappingURL=sr-SP.module.js.map
@@ -1 +0,0 @@
1
- {"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,kBAAM,CAAC;AACrC","sources":["packages/@react-spectrum/textfield/intl/sr-SP.json"],"sourcesContent":["{\n \"valid\": \"Važeće\"\n}\n"],"names":[],"version":3,"file":"sr-SP.module.js.map"}
@@ -1,6 +0,0 @@
1
- module.exports = {
2
- "valid": `Giltig`
3
- };
4
-
5
-
6
- //# sourceMappingURL=sv-SE.main.js.map
@@ -1 +0,0 @@
1
- {"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,MAAM,CAAC;AACrC","sources":["packages/@react-spectrum/textfield/intl/sv-SE.json"],"sourcesContent":["{\n \"valid\": \"Giltig\"\n}\n"],"names":[],"version":3,"file":"sv-SE.main.js.map"}
package/dist/sv-SE.mjs DELETED
@@ -1,8 +0,0 @@
1
- var $081d502afa41074a$exports = {};
2
- $081d502afa41074a$exports = {
3
- "valid": `Giltig`
4
- };
5
-
6
-
7
- export {$081d502afa41074a$exports as default};
8
- //# sourceMappingURL=sv-SE.module.js.map
@@ -1,8 +0,0 @@
1
- var $081d502afa41074a$exports = {};
2
- $081d502afa41074a$exports = {
3
- "valid": `Giltig`
4
- };
5
-
6
-
7
- export {$081d502afa41074a$exports as default};
8
- //# sourceMappingURL=sv-SE.module.js.map
@@ -1 +0,0 @@
1
- {"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,MAAM,CAAC;AACrC","sources":["packages/@react-spectrum/textfield/intl/sv-SE.json"],"sourcesContent":["{\n \"valid\": \"Giltig\"\n}\n"],"names":[],"version":3,"file":"sv-SE.module.js.map"}
@@ -1,550 +0,0 @@
1
- .zo2IKa_i18nFontFamily {
2
- font-synthesis: weight;
3
- font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
- }
5
-
6
- .zo2IKa_i18nFontFamily:lang(ar) {
7
- font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
- }
9
-
10
- .zo2IKa_i18nFontFamily:lang(he) {
11
- font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
- }
13
-
14
- .zo2IKa_i18nFontFamily:lang(zh) {
15
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
- }
17
-
18
- .zo2IKa_i18nFontFamily:lang(zh-Hans) {
19
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
- }
21
-
22
- .zo2IKa_i18nFontFamily:lang(zh-Hant) {
23
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
- }
25
-
26
- .zo2IKa_i18nFontFamily:lang(zh-SG), .zo2IKa_i18nFontFamily:lang(zh-CN) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- .zo2IKa_i18nFontFamily:lang(ko) {
31
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
- }
33
-
34
- .zo2IKa_i18nFontFamily:lang(ja) {
35
- font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
36
- }
37
-
38
- .zo2IKa_spectrum-FocusRing-ring {
39
- --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
- --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
- --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
- --spectrum-focus-ring-border-size: 0px;
43
- --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
- }
45
-
46
- .zo2IKa_spectrum-FocusRing-ring:after {
47
- border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
- content: "";
49
- margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
- pointer-events: none;
51
- transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
- display: block;
53
- position: absolute;
54
- inset: 0;
55
- }
56
-
57
- .zo2IKa_spectrum-FocusRing.zo2IKa_focus-ring:after {
58
- margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
- box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
- }
61
-
62
- .zo2IKa_spectrum-FocusRing--quiet:after {
63
- border-radius: 0;
64
- }
65
-
66
- .zo2IKa_spectrum-FocusRing--quiet.zo2IKa_focus-ring:after {
67
- margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
- box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
- }
70
-
71
- @media (forced-colors: active) {
72
- .zo2IKa_spectrum-FocusRing, .zo2IKa_spectrum-FocusRing-ring, .zo2IKa_spectrum-FocusRing--quiet {
73
- --spectrum-high-contrast-focus-ring-color: Highlight;
74
- }
75
-
76
- :is(.zo2IKa_spectrum-FocusRing, .zo2IKa_spectrum-FocusRing-ring, .zo2IKa_spectrum-FocusRing--quiet):after {
77
- forced-color-adjust: none;
78
- }
79
- }
80
-
81
- .zo2IKa_spectrum-Textfield {
82
- min-width: var(--spectrum-textfield-min-width, var(--spectrum-global-dimension-size-600));
83
- width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
84
- display: inline-flex;
85
- position: relative;
86
- }
87
-
88
- .zo2IKa_spectrum-Textfield.zo2IKa_spectrum-Textfield--quiet.zo2IKa_spectrum-Textfield--multiline .zo2IKa_spectrum-Textfield-input {
89
- height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
90
- min-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
91
- overflow-x: hidden;
92
- }
93
-
94
- .zo2IKa_spectrum-Textfield-input {
95
- box-sizing: border-box;
96
- border: var(--spectrum-alias-input-border-size) solid;
97
- border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
98
- 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);
99
- text-indent: 0;
100
- inline-size: 100%;
101
- height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
102
- vertical-align: top;
103
- font-size: var(--spectrum-textfield-text-size, var(--spectrum-alias-font-size-default));
104
- line-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
105
- text-overflow: ellipsis;
106
- transition: border-color var(--spectrum-global-animation-duration-100, .13s) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
107
- -webkit-appearance: none;
108
- -moz-appearance: textfield;
109
- outline: none;
110
- margin: 0;
111
- overflow: visible;
112
- }
113
-
114
- .zo2IKa_spectrum-Textfield-input::placeholder, .zo2IKa_spectrum-Textfield-input.zo2IKa_is-placeholder {
115
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
116
- font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
117
- font-synthesis: none;
118
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
119
- opacity: 1;
120
- }
121
-
122
- .zo2IKa_spectrum-Textfield-input::-moz-placeholder {
123
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
124
- font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
125
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
126
- opacity: 1;
127
- }
128
-
129
- .zo2IKa_spectrum-Textfield-input:lang(ja)::placeholder, .zo2IKa_spectrum-Textfield-input:lang(ja).zo2IKa_is-placeholder {
130
- font-style: normal;
131
- }
132
-
133
- .zo2IKa_spectrum-Textfield-input:lang(ja)::-moz-placeholder {
134
- font-style: normal;
135
- }
136
-
137
- .zo2IKa_spectrum-Textfield-input:lang(zh)::placeholder, .zo2IKa_spectrum-Textfield-input:lang(zh).zo2IKa_is-placeholder {
138
- font-style: normal;
139
- }
140
-
141
- .zo2IKa_spectrum-Textfield-input:lang(zh)::-moz-placeholder {
142
- font-style: normal;
143
- }
144
-
145
- .zo2IKa_spectrum-Textfield-input:lang(ko)::placeholder, .zo2IKa_spectrum-Textfield-input:lang(ko).zo2IKa_is-placeholder {
146
- font-style: normal;
147
- }
148
-
149
- .zo2IKa_spectrum-Textfield-input:lang(ko)::-moz-placeholder {
150
- font-style: normal;
151
- }
152
-
153
- .zo2IKa_spectrum-Textfield-input:lang(ar)::placeholder, .zo2IKa_spectrum-Textfield-input:lang(ar).zo2IKa_is-placeholder {
154
- font-style: normal;
155
- }
156
-
157
- .zo2IKa_spectrum-Textfield-input:lang(ar)::-moz-placeholder {
158
- font-style: normal;
159
- }
160
-
161
- .zo2IKa_spectrum-Textfield-input:lang(he)::placeholder, .zo2IKa_spectrum-Textfield-input:lang(he).zo2IKa_is-placeholder {
162
- font-style: normal;
163
- }
164
-
165
- .zo2IKa_spectrum-Textfield-input:lang(he)::-moz-placeholder {
166
- font-style: normal;
167
- }
168
-
169
- .zo2IKa_spectrum-Textfield-input.zo2IKa_is-hovered::placeholder {
170
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
171
- }
172
-
173
- .zo2IKa_spectrum-Textfield-input:disabled {
174
- resize: none;
175
- opacity: 1;
176
- }
177
-
178
- .zo2IKa_spectrum-Textfield-input:disabled::placeholder, .zo2IKa_spectrum-Textfield-input:disabled.zo2IKa_is-placeholder {
179
- font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
180
- }
181
-
182
- .zo2IKa_spectrum-Textfield-input::-ms-clear {
183
- width: 0;
184
- height: 0;
185
- }
186
-
187
- .zo2IKa_spectrum-Textfield-input::-webkit-inner-spin-button {
188
- -webkit-appearance: none;
189
- margin: 0;
190
- }
191
-
192
- .zo2IKa_spectrum-Textfield-input::-webkit-outer-spin-button {
193
- -webkit-appearance: none;
194
- margin: 0;
195
- }
196
-
197
- .zo2IKa_spectrum-Textfield-input:-moz-ui-invalid {
198
- box-shadow: none;
199
- }
200
-
201
- .zo2IKa_spectrum-Textfield--multiline .zo2IKa_spectrum-Textfield-input {
202
- height: auto;
203
- min-height: var(--spectrum-global-dimension-size-700);
204
- 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);
205
- resize: none;
206
- overflow: auto;
207
- }
208
-
209
- .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input {
210
- border-width: 0 0 var(--spectrum-alias-input-border-size) 0;
211
- border-radius: 0;
212
- padding-inline-start: var(--spectrum-textfield-quiet-padding-x, 0);
213
- padding-inline-end: var(--spectrum-textfield-quiet-padding-x, 0);
214
- }
215
-
216
- .zo2IKa_spectrum-Textfield--valid .zo2IKa_spectrum-Textfield-input {
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
- }
219
-
220
- .zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input, .zo2IKa_spectrum-Textfield--loadable .zo2IKa_spectrum-Textfield-input {
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
- }
223
-
224
- .zo2IKa_spectrum-Textfield-wrapper.zo2IKa_spectrum-Textfield-wrapper--quiet {
225
- grid-template-rows: auto;
226
- }
227
-
228
- .zo2IKa_spectrum-Textfield-wrapper .zo2IKa_spectrum-Textfield--multiline {
229
- flex: auto;
230
- min-height: 0;
231
- }
232
-
233
- .zo2IKa_spectrum-Textfield-wrapper .zo2IKa_spectrum-Textfield--multiline .zo2IKa_spectrum-Textfield-input {
234
- line-height: var(--spectrum-textfield-text-line-height, var(--spectrum-alias-body-text-line-height));
235
- }
236
-
237
- .zo2IKa_spectrum-Textfield-wrapper .zo2IKa_spectrum-Textfield--multiline.zo2IKa_spectrum-Textfield--quiet {
238
- flex: 0 auto;
239
- max-height: 100%;
240
- }
241
-
242
- .zo2IKa_spectrum-Textfield-wrapper .zo2IKa_spectrum-Textfield--multiline.zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input {
243
- max-height: 100%;
244
- }
245
-
246
- .zo2IKa_spectrum-Textfield-validationIcon {
247
- box-sizing: content-box;
248
- pointer-events: all;
249
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
250
- padding-inline-end: calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2);
251
- position: absolute;
252
- }
253
-
254
- .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-validationIcon {
255
- padding-inline-end: 0;
256
- }
257
-
258
- .zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-validationIcon {
259
- width: var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225));
260
- height: var(--spectrum-icon-alert-medium-height, var(--spectrum-global-dimension-size-225));
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
- }
263
-
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
- right: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
266
- }
267
-
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
- right: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
270
- }
271
-
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
- left: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
274
- }
275
-
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
- left: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
278
- }
279
-
280
- .zo2IKa_spectrum-Textfield--valid .zo2IKa_spectrum-Textfield-validationIcon {
281
- width: var(--spectrum-icon-checkmark-medium-width);
282
- height: var(--spectrum-icon-checkmark-medium-height);
283
- top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-checkmark-medium-height) / 2));
284
- }
285
-
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
- right: var(--spectrum-global-dimension-size-150);
288
- }
289
-
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
- right: var(--spectrum-global-dimension-size-150);
292
- }
293
-
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
- left: var(--spectrum-global-dimension-size-150);
296
- }
297
-
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
- left: var(--spectrum-global-dimension-size-150);
300
- }
301
-
302
- .zo2IKa_spectrum-Textfield .zo2IKa_spectrum-Textfield-icon {
303
- height: var(--spectrum-icon-info-medium-height, var(--spectrum-global-dimension-size-225));
304
- width: var(--spectrum-icon-info-medium-width, var(--spectrum-global-dimension-size-225));
305
- top: var(--spectrum-global-dimension-size-85);
306
- transition: fill var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
307
- display: block;
308
- position: absolute;
309
- }
310
-
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
- left: var(--spectrum-global-dimension-size-150);
313
- }
314
-
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
- left: var(--spectrum-global-dimension-size-150);
317
- }
318
-
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
- right: var(--spectrum-global-dimension-size-150);
321
- }
322
-
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
- right: var(--spectrum-global-dimension-size-150);
325
- }
326
-
327
- .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield-inputIcon {
328
- padding-inline-start: calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65));
329
- }
330
-
331
- .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield-inputIcon {
332
- padding-inline-start: calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width, var(--spectrum-global-dimension-size-225)));
333
- }
334
-
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
- left: 0;
337
- }
338
-
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
- left: 0;
341
- }
342
-
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
- right: 0;
345
- }
346
-
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
- right: 0;
349
- }
350
-
351
- .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield-inputIcon.zo2IKa_spectrum-Textfield--multiline {
352
- height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
353
- min-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
354
- }
355
-
356
- .zo2IKa_spectrum-Textfield--loadable .zo2IKa_spectrum-Textfield-circleLoader {
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
- position: absolute;
359
- }
360
-
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
- 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
- }
364
-
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
- 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
- }
368
-
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
- 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
- }
372
-
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
- 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
- }
376
-
377
- .zo2IKa_spectrum-Textfield--quiet:is(.zo2IKa_spectrum-Textfield--loadable .zo2IKa_spectrum-Textfield-circleLoader) {
378
- padding-inline-end: 0;
379
- }
380
-
381
- .zo2IKa_spectrum-Textfield-input {
382
- background-color: var(--spectrum-textfield-background-color, var(--spectrum-global-color-gray-50));
383
- border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
384
- color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
385
- }
386
-
387
- .zo2IKa_spectrum-Textfield-input::placeholder, .zo2IKa_spectrum-Textfield-input.zo2IKa_is-placeholder {
388
- color: var(--spectrum-textfield-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
389
- }
390
-
391
- .zo2IKa_spectrum-Textfield-input.zo2IKa_is-hovered {
392
- border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
393
- box-shadow: none;
394
- }
395
-
396
- .zo2IKa_spectrum-Textfield-input.zo2IKa_is-hovered::placeholder, .zo2IKa_spectrum-Textfield-input.zo2IKa_is-hovered.zo2IKa_is-placeholder {
397
- color: var(--spectrum-textfield-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
398
- }
399
-
400
- .zo2IKa_spectrum-Textfield-input:active {
401
- background-color: var(--spectrum-textfield-background-color-down, var(--spectrum-global-color-gray-50));
402
- border-color: var(--spectrum-textfield-border-color-down, var(--spectrum-alias-border-color-mouse-focus));
403
- color: var(--spectrum-textfield-text-color-down, var(--spectrum-alias-text-color-down));
404
- }
405
-
406
- .zo2IKa_spectrum-Textfield-input:active::placeholder, .zo2IKa_spectrum-Textfield-input:active.zo2IKa_is-placeholder {
407
- color: var(--spectrum-textfield-placeholder-text-color-down, var(--spectrum-alias-placeholder-text-color-down));
408
- }
409
-
410
- .zo2IKa_spectrum-Textfield-input:focus, .zo2IKa_spectrum-Textfield-input.zo2IKa_is-focused {
411
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
412
- }
413
-
414
- .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring:not(:active) {
415
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
416
- box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
417
- }
418
-
419
- .zo2IKa_spectrum-Textfield-input[disabled] {
420
- background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
421
- border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
422
- color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
423
- -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
424
- }
425
-
426
- .zo2IKa_spectrum-Textfield-input[disabled]::placeholder, .zo2IKa_spectrum-Textfield-input[disabled].zo2IKa_is-placeholder {
427
- color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
428
- }
429
-
430
- .zo2IKa_spectrum-Textfield-input[disabled] ~ .zo2IKa_spectrum-Textfield-icon {
431
- fill: var(--spectrum-textfield-icon-color-disabled, var(--spectrum-global-color-gray-500));
432
- }
433
-
434
- .zo2IKa_spectrum-Textfield-input.zo2IKa_is-disabled {
435
- background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
436
- border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
437
- color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
438
- -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
439
- }
440
-
441
- .zo2IKa_spectrum-Textfield-input.zo2IKa_is-disabled::placeholder, .zo2IKa_spectrum-Textfield-input.zo2IKa_is-disabled.zo2IKa_is-placeholder {
442
- color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
443
- }
444
-
445
- .zo2IKa_spectrum-Textfield-input.zo2IKa_is-disabled ~ .zo2IKa_spectrum-Textfield-icon {
446
- fill: var(--spectrum-textfield-icon-color-disabled, var(--spectrum-global-color-gray-500));
447
- }
448
-
449
- .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield--invalid {
450
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
451
- }
452
-
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
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
455
- }
456
-
457
- .zo2IKa_spectrum-Textfield-input.zo2IKa_spectrum-Textfield--invalid.zo2IKa_focus-ring:not(:active) {
458
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
459
- box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
460
- }
461
-
462
- .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input {
463
- background-color: var(--spectrum-textfield-quiet-background-color, var(--spectrum-alias-background-color-transparent));
464
- border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
465
- }
466
-
467
- .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_is-hovered {
468
- border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
469
- }
470
-
471
- .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input:active {
472
- border-color: var(--spectrum-textfield-quiet-border-color-down, var(--spectrum-alias-border-color-mouse-focus));
473
- }
474
-
475
- .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input:focus, .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_is-focused {
476
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
477
- }
478
-
479
- .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring:not(:active) {
480
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
481
- box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
482
- }
483
-
484
- .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input:disabled, .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_is-disabled {
485
- background-color: var(--spectrum-textfield-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
486
- border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
487
- }
488
-
489
- .zo2IKa_spectrum-Textfield.zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input {
490
- border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
491
- }
492
-
493
- .zo2IKa_spectrum-Textfield.zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input.zo2IKa_is-hovered {
494
- border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
495
- }
496
-
497
- .zo2IKa_spectrum-Textfield.zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input:active {
498
- border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
499
- }
500
-
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
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
503
- }
504
-
505
- .zo2IKa_spectrum-Textfield.zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring:not(:active) {
506
- border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
507
- box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
508
- }
509
-
510
- .zo2IKa_spectrum-Textfield--quiet.zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring:not(:active) {
511
- box-shadow: 0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
512
- }
513
-
514
- .zo2IKa_spectrum-Textfield--valid .zo2IKa_spectrum-Textfield-validationIcon {
515
- fill: var(--spectrum-alert-success-icon-color, var(--spectrum-semantic-positive-color-icon));
516
- }
517
-
518
- .zo2IKa_spectrum-Textfield--invalid .zo2IKa_spectrum-Textfield-validationIcon {
519
- fill: var(--spectrum-alert-error-icon-color, var(--spectrum-semantic-negative-color-icon));
520
- }
521
-
522
- @media (forced-colors: active) {
523
- .zo2IKa_spectrum-Textfield-input {
524
- --spectrum-textfield-border-color: CanvasText;
525
- --spectrum-textfield-text-color-disabled: GrayText;
526
- --spectrum-textfield-border-color-disabled: GrayText;
527
- --spectrum-textfield-quiet-border-color-disabled: GrayText;
528
- --spectrum-textfield-quiet-border-color-key-focus: Highlight;
529
- --spectrum-textfield-border-color-key-focus: Highlight;
530
- --spectrum-textfield-placeholder-text-color: GrayText;
531
- --spectrum-textfield-placeholder-text-color-hover: GrayText;
532
- --spectrum-high-contrast-focus-ring-color: Highlight;
533
- }
534
-
535
- .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring {
536
- outline: 2px solid var(--spectrum-high-contrast-focus-ring-color);
537
- outline: 2px solid var(--spectrum-high-contrast-focus-ring-color);
538
- }
539
-
540
- .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring {
541
- forced-color-adjust: none;
542
- box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
543
- outline: 0;
544
- }
545
-
546
- .zo2IKa_spectrum-Textfield--quiet .zo2IKa_spectrum-Textfield-input.zo2IKa_focus-ring .zo2IKa_spectrum-Textfield-input {
547
- border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
548
- }
549
- }
550
- /*# sourceMappingURL=textfield.54643fd6.css.map */
@@ -1 +0,0 @@
1
- {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;AAQE;;;;;;AAWF;;;;;;;;;;;;;;;;;;;;AA4CE;;;;;;;;AAYA;;;;;;;AAWE;;;;AAIA;;;;AAJA;;;;AAIA;;;;AAJA;;;;AAIA;;;;AAJA;;;;AAIA;;;;AAJA;;;;AAIA;;;;AAMA;;;;AAKF;;;;;AAME;;;;AAQF;;;;;AAOA;;;;;AAAA;;;;;AAOA;;;;AAIA;;;;;;;;AAUA;;;;;;;AASA;;;;AAIA;;;;AASF;;;;AAIA;;;;;AAKE;;;;AAIA;;;;;AAME;;;;AAOJ;;;;;;;;AAUE;;;;AAKF;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAOA;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASA;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAaA;;;;AASE;;;;AAIE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAKF;;;;;AAQF;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAME;;;;AAiBF;;;;;;AAKE;;;;AAKA;;;;;AAIE;;;;AAMF;;;;;;AAKE;;;;AAMF;;;;AAME;;;;;AAMF;;;;;;;AASE;;;;AAKA;;;;AAdF;;;;;;;AASE;;;;AAKA;;;;AAKF;;;;AAGE;;;;AAcE;;;;;AAOJ;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAME;;;;;AAMF;;;;;AAOF;;;;AAGE;;;;AAIA;;;;AAIA;;;;AAME;;;;;AASA;;;;AASJ;;;;AAIA;;;;AAKF;EACE;;;;;;;;;;;;EAUE;;;;;EAKE;;;;;;EAKE","sources":["packages/@adobe/spectrum-css-temp/components/textfield/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"textfield.54643fd6.css.map"}