@salutejs/plasma-new-hope 0.166.0-canary.1458.11343649190.0 → 0.166.0-canary.1459.11345044568.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (430) hide show
  1. package/cjs/components/Attach/Attach.js +17 -8
  2. package/cjs/components/Attach/Attach.js.map +1 -1
  3. package/cjs/components/Autocomplete/Autocomplete.css +34 -19
  4. package/cjs/components/Autocomplete/Autocomplete.js +6 -2
  5. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  6. package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
  7. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +4 -11
  8. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  9. package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1cfkltf.css} +2 -2
  10. package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
  11. package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -1
  12. package/cjs/components/Breadcrumbs/utils/index.css +3 -3
  13. package/cjs/components/Combobox/ComboboxNew/Combobox.css +38 -18
  14. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +38 -18
  15. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +38 -18
  16. package/cjs/components/DatePicker/RangeDate/RangeDate.css +33 -18
  17. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +33 -18
  18. package/cjs/components/DatePicker/SingleDate/SingleDate.css +35 -20
  19. package/cjs/components/Range/Range.css +39 -19
  20. package/cjs/components/Slider/Slider.css +39 -19
  21. package/cjs/components/Slider/Slider.js +2 -0
  22. package/cjs/components/Slider/Slider.js.map +1 -1
  23. package/cjs/components/Slider/components/Double/Double.css +39 -19
  24. package/cjs/components/TextArea/TextArea.js +129 -18
  25. package/cjs/components/TextArea/TextArea.js.map +1 -1
  26. package/cjs/components/TextArea/TextArea.styles.js +160 -63
  27. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  28. package/cjs/components/TextArea/TextArea.styles_mcxlmk.css +17 -0
  29. package/cjs/components/TextArea/TextArea.tokens.js +43 -4
  30. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  31. package/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  32. package/cjs/components/TextArea/hooks/useAutoResize.js.map +1 -1
  33. package/cjs/components/TextArea/variations/_clear/base.js +1 -1
  34. package/cjs/components/TextArea/variations/_clear/base.js.map +1 -1
  35. package/cjs/components/TextArea/variations/_clear/base_1ezvvtt.css +1 -0
  36. package/cjs/components/TextArea/variations/_hint-size/base.js +9 -0
  37. package/cjs/components/TextArea/variations/_hint-size/base.js.map +1 -0
  38. package/cjs/components/TextArea/variations/_hint-size/base_1ipgv90.css +1 -0
  39. package/cjs/components/TextArea/variations/_hint-view/base.js +9 -0
  40. package/cjs/components/TextArea/variations/_hint-view/base.js.map +1 -0
  41. package/cjs/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
  42. package/cjs/components/TextArea/variations/_view/base.js +1 -1
  43. package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
  44. package/cjs/components/TextArea/variations/_view/base_1xgrm3x.css +1 -0
  45. package/cjs/components/TextField/TextField.js +117 -9
  46. package/cjs/components/TextField/TextField.js.map +1 -1
  47. package/cjs/components/TextField/TextField.styles.js +76 -23
  48. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  49. package/cjs/components/TextField/TextField.styles_17xt45g.css +21 -0
  50. package/cjs/components/TextField/TextField.tokens.js +40 -1
  51. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  52. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  53. package/cjs/components/TextField/variations/_clear/base.js.map +1 -1
  54. package/cjs/components/TextField/variations/_clear/base_1pkwm4m.css +1 -0
  55. package/cjs/components/TextField/variations/_disabled/base.js +1 -1
  56. package/cjs/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
  57. package/cjs/components/TextField/variations/_hint-size/base.js +9 -0
  58. package/cjs/components/TextField/variations/_hint-size/base.js.map +1 -0
  59. package/cjs/components/TextField/variations/_hint-size/base_1x99605.css +1 -0
  60. package/cjs/components/TextField/variations/_hint-view/base.js +9 -0
  61. package/cjs/components/TextField/variations/_hint-view/base.js.map +1 -0
  62. package/cjs/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
  63. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  64. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  65. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +1 -0
  66. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  67. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  68. package/cjs/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  69. package/cjs/components/TextField/variations/_size/base.js +1 -1
  70. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  71. package/cjs/components/TextField/variations/_size/base_1xdmaqh.css +1 -0
  72. package/cjs/components/TextField/variations/_view/base.js +1 -1
  73. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  74. package/cjs/components/TextField/variations/_view/base_qhyte8.css +1 -0
  75. package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
  76. package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
  77. package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  78. package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +23 -0
  79. package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
  80. package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +23 -0
  81. package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
  82. package/cjs/index.css +55 -35
  83. package/emotion/cjs/components/Attach/Attach.js +17 -8
  84. package/emotion/cjs/components/Attach/Attach.template-doc.mdx +69 -0
  85. package/emotion/cjs/components/Autocomplete/Autocomplete.js +6 -2
  86. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +3 -6
  87. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
  88. package/emotion/cjs/components/TextArea/TextArea.js +132 -23
  89. package/emotion/cjs/components/TextArea/TextArea.styles.js +99 -41
  90. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
  91. package/emotion/cjs/components/TextArea/TextArea.tokens.js +43 -4
  92. package/emotion/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  93. package/emotion/cjs/components/TextArea/variations/_clear/base.js +1 -1
  94. package/emotion/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
  95. package/emotion/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
  96. package/emotion/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
  97. package/emotion/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
  98. package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -1
  99. package/emotion/cjs/components/TextField/TextField.js +119 -12
  100. package/emotion/cjs/components/TextField/TextField.styles.js +84 -37
  101. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +7 -1
  102. package/emotion/cjs/components/TextField/TextField.tokens.js +40 -1
  103. package/emotion/cjs/components/TextField/variations/_clear/base.js +1 -1
  104. package/emotion/cjs/components/TextField/variations/_hint-size/base.js +11 -0
  105. package/emotion/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
  106. package/emotion/cjs/components/TextField/variations/_hint-view/base.js +11 -0
  107. package/emotion/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
  108. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  109. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  110. package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
  111. package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
  112. package/emotion/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
  113. package/emotion/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
  114. package/emotion/cjs/components/_Icon/index.js +8 -1
  115. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +5 -5
  116. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +19 -10
  117. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +70 -0
  118. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +22 -13
  119. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +71 -1
  120. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +5 -5
  121. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +19 -10
  122. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +70 -0
  123. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +22 -13
  124. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +80 -10
  125. package/emotion/es/components/Attach/Attach.js +17 -8
  126. package/emotion/es/components/Attach/Attach.template-doc.mdx +69 -0
  127. package/emotion/es/components/Autocomplete/Autocomplete.js +6 -2
  128. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +3 -6
  129. package/emotion/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
  130. package/emotion/es/components/TextArea/TextArea.js +133 -24
  131. package/emotion/es/components/TextArea/TextArea.styles.js +98 -40
  132. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +6 -1
  133. package/emotion/es/components/TextArea/TextArea.tokens.js +43 -4
  134. package/emotion/es/components/TextArea/hooks/useAutoResize.js +2 -4
  135. package/emotion/es/components/TextArea/variations/_clear/base.js +2 -2
  136. package/emotion/es/components/TextArea/variations/_hint-size/base.js +5 -0
  137. package/emotion/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
  138. package/emotion/es/components/TextArea/variations/_hint-view/base.js +5 -0
  139. package/emotion/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
  140. package/emotion/es/components/TextArea/variations/_view/base.js +2 -1
  141. package/emotion/es/components/TextField/TextField.js +118 -11
  142. package/emotion/es/components/TextField/TextField.styles.js +83 -36
  143. package/emotion/es/components/TextField/TextField.template-doc.mdx +7 -1
  144. package/emotion/es/components/TextField/TextField.tokens.js +40 -1
  145. package/emotion/es/components/TextField/variations/_clear/base.js +2 -2
  146. package/emotion/es/components/TextField/variations/_hint-size/base.js +5 -0
  147. package/emotion/es/components/TextField/variations/_hint-size/tokens.json +21 -0
  148. package/emotion/es/components/TextField/variations/_hint-view/base.js +5 -0
  149. package/emotion/es/components/TextField/variations/_hint-view/tokens.json +5 -0
  150. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  151. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  152. package/emotion/es/components/TextField/variations/_size/base.js +2 -2
  153. package/emotion/es/components/TextField/variations/_view/base.js +2 -2
  154. package/emotion/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
  155. package/emotion/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
  156. package/emotion/es/components/_Icon/index.js +2 -1
  157. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +5 -5
  158. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +19 -10
  159. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +70 -0
  160. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +22 -13
  161. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +71 -1
  162. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +5 -5
  163. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +19 -10
  164. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +70 -0
  165. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +22 -13
  166. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +80 -10
  167. package/es/components/Attach/Attach.js +17 -8
  168. package/es/components/Attach/Attach.js.map +1 -1
  169. package/es/components/Autocomplete/Autocomplete.css +34 -19
  170. package/es/components/Autocomplete/Autocomplete.js +6 -2
  171. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  172. package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
  173. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +4 -11
  174. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  175. package/es/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1cfkltf.css} +2 -2
  176. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
  177. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map +1 -1
  178. package/es/components/Breadcrumbs/utils/index.css +3 -3
  179. package/es/components/Combobox/ComboboxNew/Combobox.css +38 -18
  180. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +38 -18
  181. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +38 -18
  182. package/es/components/DatePicker/RangeDate/RangeDate.css +33 -18
  183. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +33 -18
  184. package/es/components/DatePicker/SingleDate/SingleDate.css +35 -20
  185. package/es/components/Range/Range.css +39 -19
  186. package/es/components/Slider/Slider.css +39 -19
  187. package/es/components/Slider/Slider.js +2 -0
  188. package/es/components/Slider/Slider.js.map +1 -1
  189. package/es/components/Slider/components/Double/Double.css +39 -19
  190. package/es/components/TextArea/TextArea.js +133 -22
  191. package/es/components/TextArea/TextArea.js.map +1 -1
  192. package/es/components/TextArea/TextArea.styles.js +155 -64
  193. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  194. package/es/components/TextArea/TextArea.styles_mcxlmk.css +17 -0
  195. package/es/components/TextArea/TextArea.tokens.js +43 -4
  196. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  197. package/es/components/TextArea/hooks/useAutoResize.js +2 -4
  198. package/es/components/TextArea/hooks/useAutoResize.js.map +1 -1
  199. package/es/components/TextArea/variations/_clear/base.js +1 -1
  200. package/es/components/TextArea/variations/_clear/base.js.map +1 -1
  201. package/es/components/TextArea/variations/_clear/base_1ezvvtt.css +1 -0
  202. package/es/components/TextArea/variations/_hint-size/base.js +5 -0
  203. package/es/components/TextArea/variations/_hint-size/base.js.map +1 -0
  204. package/es/components/TextArea/variations/_hint-size/base_1ipgv90.css +1 -0
  205. package/es/components/TextArea/variations/_hint-view/base.js +5 -0
  206. package/es/components/TextArea/variations/_hint-view/base.js.map +1 -0
  207. package/es/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
  208. package/es/components/TextArea/variations/_view/base.js +1 -1
  209. package/es/components/TextArea/variations/_view/base.js.map +1 -1
  210. package/es/components/TextArea/variations/_view/base_1xgrm3x.css +1 -0
  211. package/es/components/TextField/TextField.js +118 -10
  212. package/es/components/TextField/TextField.js.map +1 -1
  213. package/es/components/TextField/TextField.styles.js +71 -24
  214. package/es/components/TextField/TextField.styles.js.map +1 -1
  215. package/es/components/TextField/TextField.styles_17xt45g.css +21 -0
  216. package/es/components/TextField/TextField.tokens.js +40 -1
  217. package/es/components/TextField/TextField.tokens.js.map +1 -1
  218. package/es/components/TextField/variations/_clear/base.js +1 -1
  219. package/es/components/TextField/variations/_clear/base.js.map +1 -1
  220. package/es/components/TextField/variations/_clear/base_1pkwm4m.css +1 -0
  221. package/es/components/TextField/variations/_disabled/base.js +1 -1
  222. package/es/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
  223. package/es/components/TextField/variations/_hint-size/base.js +5 -0
  224. package/es/components/TextField/variations/_hint-size/base.js.map +1 -0
  225. package/es/components/TextField/variations/_hint-size/base_1x99605.css +1 -0
  226. package/es/components/TextField/variations/_hint-view/base.js +5 -0
  227. package/es/components/TextField/variations/_hint-view/base.js.map +1 -0
  228. package/es/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
  229. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  230. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  231. package/es/components/TextField/variations/_label-placement/base_3domm.css +1 -0
  232. package/es/components/TextField/variations/_read-only/base.js +1 -1
  233. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  234. package/es/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  235. package/es/components/TextField/variations/_size/base.js +1 -1
  236. package/es/components/TextField/variations/_size/base.js.map +1 -1
  237. package/es/components/TextField/variations/_size/base_1xdmaqh.css +1 -0
  238. package/es/components/TextField/variations/_view/base.js +1 -1
  239. package/es/components/TextField/variations/_view/base.js.map +1 -1
  240. package/es/components/TextField/variations/_view/base_qhyte8.css +1 -0
  241. package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
  242. package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
  243. package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  244. package/es/components/_Icon/Icon.assets/InfoCircleOutline.js +19 -0
  245. package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
  246. package/es/components/_Icon/Icons/IconInfoCircleOutline.js +19 -0
  247. package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
  248. package/es/index.css +55 -35
  249. package/package.json +2 -2
  250. package/styled-components/cjs/components/Attach/Attach.js +17 -8
  251. package/styled-components/cjs/components/Attach/Attach.template-doc.mdx +69 -0
  252. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +6 -2
  253. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +2 -5
  254. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
  255. package/styled-components/cjs/components/TextArea/TextArea.js +131 -22
  256. package/styled-components/cjs/components/TextArea/TextArea.styles.js +85 -42
  257. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
  258. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +43 -4
  259. package/styled-components/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  260. package/styled-components/cjs/components/TextArea/variations/_clear/base.js +1 -1
  261. package/styled-components/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
  262. package/styled-components/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
  263. package/styled-components/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
  264. package/styled-components/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
  265. package/styled-components/cjs/components/TextArea/variations/_view/base.js +2 -1
  266. package/styled-components/cjs/components/TextField/TextField.js +118 -11
  267. package/styled-components/cjs/components/TextField/TextField.styles.js +46 -21
  268. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +7 -1
  269. package/styled-components/cjs/components/TextField/TextField.tokens.js +40 -1
  270. package/styled-components/cjs/components/TextField/variations/_clear/base.js +1 -1
  271. package/styled-components/cjs/components/TextField/variations/_hint-size/base.js +11 -0
  272. package/styled-components/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
  273. package/styled-components/cjs/components/TextField/variations/_hint-view/base.js +11 -0
  274. package/styled-components/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
  275. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  276. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  277. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  278. package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
  279. package/styled-components/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
  280. package/styled-components/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
  281. package/styled-components/cjs/components/_Icon/index.js +8 -1
  282. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
  283. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
  284. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +70 -0
  285. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
  286. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +71 -1
  287. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
  288. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
  289. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +70 -0
  290. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +18 -9
  291. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +80 -10
  292. package/styled-components/es/components/Attach/Attach.js +17 -8
  293. package/styled-components/es/components/Attach/Attach.template-doc.mdx +69 -0
  294. package/styled-components/es/components/Autocomplete/Autocomplete.js +6 -2
  295. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -5
  296. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -2
  297. package/styled-components/es/components/TextArea/TextArea.js +132 -23
  298. package/styled-components/es/components/TextArea/TextArea.styles.js +84 -41
  299. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +6 -1
  300. package/styled-components/es/components/TextArea/TextArea.tokens.js +43 -4
  301. package/styled-components/es/components/TextArea/hooks/useAutoResize.js +2 -4
  302. package/styled-components/es/components/TextArea/variations/_clear/base.js +2 -2
  303. package/styled-components/es/components/TextArea/variations/_hint-size/base.js +5 -0
  304. package/styled-components/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
  305. package/styled-components/es/components/TextArea/variations/_hint-view/base.js +5 -0
  306. package/styled-components/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
  307. package/styled-components/es/components/TextArea/variations/_view/base.js +2 -1
  308. package/styled-components/es/components/TextField/TextField.js +117 -10
  309. package/styled-components/es/components/TextField/TextField.styles.js +45 -20
  310. package/styled-components/es/components/TextField/TextField.template-doc.mdx +7 -1
  311. package/styled-components/es/components/TextField/TextField.tokens.js +40 -1
  312. package/styled-components/es/components/TextField/variations/_clear/base.js +2 -2
  313. package/styled-components/es/components/TextField/variations/_hint-size/base.js +5 -0
  314. package/styled-components/es/components/TextField/variations/_hint-size/tokens.json +21 -0
  315. package/styled-components/es/components/TextField/variations/_hint-view/base.js +5 -0
  316. package/styled-components/es/components/TextField/variations/_hint-view/tokens.json +5 -0
  317. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  318. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  319. package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
  320. package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
  321. package/styled-components/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
  322. package/styled-components/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
  323. package/styled-components/es/components/_Icon/index.js +2 -1
  324. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
  325. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
  326. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +70 -0
  327. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
  328. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +71 -1
  329. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +1 -1
  330. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
  331. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +70 -0
  332. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +18 -9
  333. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +80 -10
  334. package/types/components/Attach/Attach.d.ts.map +1 -1
  335. package/types/components/Attach/Attach.types.d.ts +4 -0
  336. package/types/components/Attach/Attach.types.d.ts.map +1 -1
  337. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  338. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +424 -0
  339. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  340. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
  341. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts +0 -2
  342. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts.map +1 -1
  343. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +424 -0
  344. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  345. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +424 -0
  346. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  347. package/types/components/Range/Range.styles.d.ts +424 -0
  348. package/types/components/Range/Range.styles.d.ts.map +1 -1
  349. package/types/components/Slider/components/Double/Double.styles.d.ts +424 -0
  350. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  351. package/types/components/TextArea/TextArea.d.ts +9 -3
  352. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  353. package/types/components/TextArea/TextArea.styles.d.ts +11 -1
  354. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  355. package/types/components/TextArea/TextArea.tokens.d.ts +39 -0
  356. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  357. package/types/components/TextArea/TextArea.types.d.ts +83 -3
  358. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  359. package/types/components/TextArea/hooks/useAutoResize.d.ts.map +1 -1
  360. package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -1
  361. package/types/components/TextArea/variations/_hint-size/base.d.ts +2 -0
  362. package/types/components/TextArea/variations/_hint-size/base.d.ts.map +1 -0
  363. package/types/components/TextArea/variations/_hint-view/base.d.ts +2 -0
  364. package/types/components/TextArea/variations/_hint-view/base.d.ts.map +1 -0
  365. package/types/components/TextArea/variations/_view/base.d.ts.map +1 -1
  366. package/types/components/TextField/TextField.d.ts +9 -3
  367. package/types/components/TextField/TextField.d.ts.map +1 -1
  368. package/types/components/TextField/TextField.styles.d.ts +8 -0
  369. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  370. package/types/components/TextField/TextField.tokens.d.ts +39 -0
  371. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  372. package/types/components/TextField/TextField.types.d.ts +78 -2
  373. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  374. package/types/components/TextField/variations/_clear/base.d.ts.map +1 -1
  375. package/types/components/TextField/variations/_hint-size/base.d.ts +2 -0
  376. package/types/components/TextField/variations/_hint-size/base.d.ts.map +1 -0
  377. package/types/components/TextField/variations/_hint-view/base.d.ts +2 -0
  378. package/types/components/TextField/variations/_hint-view/base.d.ts.map +1 -0
  379. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  380. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  381. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  382. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  383. package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts +4 -0
  384. package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts.map +1 -0
  385. package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts +4 -0
  386. package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts.map +1 -0
  387. package/types/components/_Icon/index.d.ts +1 -0
  388. package/types/components/_Icon/index.d.ts.map +1 -1
  389. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -1
  390. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +788 -12
  391. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  392. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +9 -0
  393. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  394. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +473 -0
  395. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  396. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +9 -0
  397. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  398. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +433 -0
  399. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  400. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +1 -1
  401. package/types/examples/plasma_web/components/Mask/Mask.d.ts +788 -12
  402. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  403. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +9 -0
  404. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  405. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +473 -0
  406. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  407. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +9 -0
  408. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  409. package/types/examples/plasma_web/components/TextField/TextField.d.ts +433 -0
  410. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  411. package/cjs/components/TextArea/TextArea.styles_es0miz.css +0 -11
  412. package/cjs/components/TextArea/variations/_clear/base_vidplj.css +0 -1
  413. package/cjs/components/TextArea/variations/_view/base_td55th.css +0 -1
  414. package/cjs/components/TextField/TextField.styles_1d2ryq.css +0 -15
  415. package/cjs/components/TextField/variations/_clear/base_rit6gc.css +0 -1
  416. package/cjs/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
  417. package/cjs/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
  418. package/cjs/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
  419. package/cjs/components/TextField/variations/_view/base_1noe46b.css +0 -1
  420. package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
  421. package/es/components/TextArea/TextArea.styles_es0miz.css +0 -11
  422. package/es/components/TextArea/variations/_clear/base_vidplj.css +0 -1
  423. package/es/components/TextArea/variations/_view/base_td55th.css +0 -1
  424. package/es/components/TextField/TextField.styles_1d2ryq.css +0 -15
  425. package/es/components/TextField/variations/_clear/base_rit6gc.css +0 -1
  426. package/es/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
  427. package/es/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
  428. package/es/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
  429. package/es/components/TextField/variations/_view/base_1noe46b.css +0 -1
  430. package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
@@ -19,6 +19,15 @@ export declare const TextField: import("react").FunctionComponent<import("../../
19
19
  clear: {
20
20
  true: import("@linaria/core").LinariaClassName;
21
21
  };
22
+ hintView: {
23
+ default: import("@linaria/core").LinariaClassName;
24
+ onDark: import("@linaria/core").LinariaClassName;
25
+ onLight: import("@linaria/core").LinariaClassName;
26
+ };
27
+ hintSize: {
28
+ m: import("@linaria/core").LinariaClassName;
29
+ s: import("@linaria/core").LinariaClassName;
30
+ };
22
31
  disabled: {
23
32
  true: import("@linaria/core").LinariaClassName;
24
33
  };
@@ -33,6 +42,7 @@ export declare const TextField: import("react").FunctionComponent<import("../../
33
42
  } & {
34
43
  label?: string | undefined;
35
44
  labelPlacement?: "inner" | "outer" | undefined;
45
+ titleCaption?: import("react").ReactNode;
36
46
  leftHelper?: string | undefined;
37
47
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
38
48
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -47,6 +57,18 @@ export declare const TextField: import("react").FunctionComponent<import("../../
47
57
  } & {
48
58
  clear?: boolean | undefined;
49
59
  hasDivider?: boolean | undefined;
60
+ } & {
61
+ hasHint: boolean;
62
+ hintText: string;
63
+ hintTrigger?: "click" | "hover" | undefined;
64
+ hintView?: string | undefined;
65
+ hintSize?: string | undefined;
66
+ hintTargetIcon?: import("react").ReactNode;
67
+ hintPlacement?: import("@popperjs/core").Placement | import("@popperjs/core").ComputedPlacement[] | undefined;
68
+ hintHasArrow?: boolean | undefined;
69
+ hintOffset?: [number, number] | undefined;
70
+ hintWidth?: string | undefined;
71
+ hintContentLeft?: import("react").ReactNode;
50
72
  } & {
51
73
  chips?: undefined;
52
74
  onChangeChips?: undefined;
@@ -60,6 +82,7 @@ export declare const TextField: import("react").FunctionComponent<import("../../
60
82
  } & {
61
83
  label?: string | undefined;
62
84
  labelPlacement?: "inner" | "outer" | undefined;
85
+ titleCaption?: import("react").ReactNode;
63
86
  leftHelper?: string | undefined;
64
87
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
65
88
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -74,6 +97,18 @@ export declare const TextField: import("react").FunctionComponent<import("../../
74
97
  } & {
75
98
  clear?: boolean | undefined;
76
99
  hasDivider?: boolean | undefined;
100
+ } & {
101
+ hasHint: boolean;
102
+ hintText: string;
103
+ hintTrigger?: "click" | "hover" | undefined;
104
+ hintView?: string | undefined;
105
+ hintSize?: string | undefined;
106
+ hintTargetIcon?: import("react").ReactNode;
107
+ hintPlacement?: import("@popperjs/core").Placement | import("@popperjs/core").ComputedPlacement[] | undefined;
108
+ hintHasArrow?: boolean | undefined;
109
+ hintOffset?: [number, number] | undefined;
110
+ hintWidth?: string | undefined;
111
+ hintContentLeft?: import("react").ReactNode;
77
112
  } & {
78
113
  enumerationType: "chip";
79
114
  onSearch?: undefined;
@@ -87,6 +122,87 @@ export declare const TextField: import("react").FunctionComponent<import("../../
87
122
  } & {
88
123
  label?: string | undefined;
89
124
  labelPlacement?: "inner" | "outer" | undefined;
125
+ titleCaption?: import("react").ReactNode;
126
+ leftHelper?: string | undefined;
127
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
128
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
129
+ textBefore?: string | undefined;
130
+ textAfter?: string | undefined;
131
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
132
+ } & {
133
+ requiredPlacement?: "left" | "right" | undefined;
134
+ } & {
135
+ required: true;
136
+ optional?: false | undefined;
137
+ } & {
138
+ clear?: boolean | undefined;
139
+ hasDivider?: boolean | undefined;
140
+ } & {
141
+ hasHint?: false | undefined;
142
+ hintTrigger?: undefined;
143
+ hintText?: undefined;
144
+ hintView?: undefined;
145
+ hintSize?: undefined;
146
+ hintTargetIcon?: undefined;
147
+ hintPlacement?: undefined;
148
+ hintHasArrow?: undefined;
149
+ hintOffset?: undefined;
150
+ hintWidth?: undefined;
151
+ hintContentLeft?: undefined;
152
+ } & {
153
+ chips?: undefined;
154
+ onChangeChips?: undefined;
155
+ enumerationType?: "plain" | undefined;
156
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
157
+ } & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
158
+ size?: string | undefined;
159
+ view?: string | undefined;
160
+ readOnly?: boolean | undefined;
161
+ disabled?: boolean | undefined;
162
+ } & {
163
+ label?: string | undefined;
164
+ labelPlacement?: "inner" | "outer" | undefined;
165
+ titleCaption?: import("react").ReactNode;
166
+ leftHelper?: string | undefined;
167
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
168
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
169
+ textBefore?: string | undefined;
170
+ textAfter?: string | undefined;
171
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
172
+ } & {
173
+ requiredPlacement?: "left" | "right" | undefined;
174
+ } & {
175
+ required: true;
176
+ optional?: false | undefined;
177
+ } & {
178
+ clear?: boolean | undefined;
179
+ hasDivider?: boolean | undefined;
180
+ } & {
181
+ hasHint?: false | undefined;
182
+ hintTrigger?: undefined;
183
+ hintText?: undefined;
184
+ hintView?: undefined;
185
+ hintSize?: undefined;
186
+ hintTargetIcon?: undefined;
187
+ hintPlacement?: undefined;
188
+ hintHasArrow?: undefined;
189
+ hintOffset?: undefined;
190
+ hintWidth?: undefined;
191
+ hintContentLeft?: undefined;
192
+ } & {
193
+ enumerationType: "chip";
194
+ onSearch?: undefined;
195
+ chips?: import("../../../../components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
196
+ onChangeChips?: ((value: import("../../../../components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
197
+ } & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
198
+ size?: string | undefined;
199
+ view?: string | undefined;
200
+ readOnly?: boolean | undefined;
201
+ disabled?: boolean | undefined;
202
+ } & {
203
+ label?: string | undefined;
204
+ labelPlacement?: "inner" | "outer" | undefined;
205
+ titleCaption?: import("react").ReactNode;
90
206
  leftHelper?: string | undefined;
91
207
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
92
208
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -101,6 +217,18 @@ export declare const TextField: import("react").FunctionComponent<import("../../
101
217
  } & {
102
218
  clear?: false | undefined;
103
219
  hasDivider?: undefined;
220
+ } & {
221
+ hasHint: boolean;
222
+ hintText: string;
223
+ hintTrigger?: "click" | "hover" | undefined;
224
+ hintView?: string | undefined;
225
+ hintSize?: string | undefined;
226
+ hintTargetIcon?: import("react").ReactNode;
227
+ hintPlacement?: import("@popperjs/core").Placement | import("@popperjs/core").ComputedPlacement[] | undefined;
228
+ hintHasArrow?: boolean | undefined;
229
+ hintOffset?: [number, number] | undefined;
230
+ hintWidth?: string | undefined;
231
+ hintContentLeft?: import("react").ReactNode;
104
232
  } & {
105
233
  chips?: undefined;
106
234
  onChangeChips?: undefined;
@@ -114,6 +242,7 @@ export declare const TextField: import("react").FunctionComponent<import("../../
114
242
  } & {
115
243
  label?: string | undefined;
116
244
  labelPlacement?: "inner" | "outer" | undefined;
245
+ titleCaption?: import("react").ReactNode;
117
246
  leftHelper?: string | undefined;
118
247
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
119
248
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -128,6 +257,18 @@ export declare const TextField: import("react").FunctionComponent<import("../../
128
257
  } & {
129
258
  clear?: false | undefined;
130
259
  hasDivider?: undefined;
260
+ } & {
261
+ hasHint: boolean;
262
+ hintText: string;
263
+ hintTrigger?: "click" | "hover" | undefined;
264
+ hintView?: string | undefined;
265
+ hintSize?: string | undefined;
266
+ hintTargetIcon?: import("react").ReactNode;
267
+ hintPlacement?: import("@popperjs/core").Placement | import("@popperjs/core").ComputedPlacement[] | undefined;
268
+ hintHasArrow?: boolean | undefined;
269
+ hintOffset?: [number, number] | undefined;
270
+ hintWidth?: string | undefined;
271
+ hintContentLeft?: import("react").ReactNode;
131
272
  } & {
132
273
  enumerationType: "chip";
133
274
  onSearch?: undefined;
@@ -141,6 +282,127 @@ export declare const TextField: import("react").FunctionComponent<import("../../
141
282
  } & {
142
283
  label?: string | undefined;
143
284
  labelPlacement?: "inner" | "outer" | undefined;
285
+ titleCaption?: import("react").ReactNode;
286
+ leftHelper?: string | undefined;
287
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
288
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
289
+ textBefore?: string | undefined;
290
+ textAfter?: string | undefined;
291
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
292
+ } & {
293
+ requiredPlacement?: "left" | "right" | undefined;
294
+ } & {
295
+ required: true;
296
+ optional?: false | undefined;
297
+ } & {
298
+ clear?: false | undefined;
299
+ hasDivider?: undefined;
300
+ } & {
301
+ hasHint?: false | undefined;
302
+ hintTrigger?: undefined;
303
+ hintText?: undefined;
304
+ hintView?: undefined;
305
+ hintSize?: undefined;
306
+ hintTargetIcon?: undefined;
307
+ hintPlacement?: undefined;
308
+ hintHasArrow?: undefined;
309
+ hintOffset?: undefined;
310
+ hintWidth?: undefined;
311
+ hintContentLeft?: undefined;
312
+ } & {
313
+ chips?: undefined;
314
+ onChangeChips?: undefined;
315
+ enumerationType?: "plain" | undefined;
316
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
317
+ } & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
318
+ size?: string | undefined;
319
+ view?: string | undefined;
320
+ readOnly?: boolean | undefined;
321
+ disabled?: boolean | undefined;
322
+ } & {
323
+ label?: string | undefined;
324
+ labelPlacement?: "inner" | "outer" | undefined;
325
+ titleCaption?: import("react").ReactNode;
326
+ leftHelper?: string | undefined;
327
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
328
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
329
+ textBefore?: string | undefined;
330
+ textAfter?: string | undefined;
331
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
332
+ } & {
333
+ requiredPlacement?: "left" | "right" | undefined;
334
+ } & {
335
+ required: true;
336
+ optional?: false | undefined;
337
+ } & {
338
+ clear?: false | undefined;
339
+ hasDivider?: undefined;
340
+ } & {
341
+ hasHint?: false | undefined;
342
+ hintTrigger?: undefined;
343
+ hintText?: undefined;
344
+ hintView?: undefined;
345
+ hintSize?: undefined;
346
+ hintTargetIcon?: undefined;
347
+ hintPlacement?: undefined;
348
+ hintHasArrow?: undefined;
349
+ hintOffset?: undefined;
350
+ hintWidth?: undefined;
351
+ hintContentLeft?: undefined;
352
+ } & {
353
+ enumerationType: "chip";
354
+ onSearch?: undefined;
355
+ chips?: import("../../../../components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
356
+ onChangeChips?: ((value: import("../../../../components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
357
+ } & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
358
+ size?: string | undefined;
359
+ view?: string | undefined;
360
+ readOnly?: boolean | undefined;
361
+ disabled?: boolean | undefined;
362
+ } & {
363
+ label?: string | undefined;
364
+ labelPlacement?: "inner" | "outer" | undefined;
365
+ titleCaption?: import("react").ReactNode;
366
+ leftHelper?: string | undefined;
367
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
368
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
369
+ textBefore?: string | undefined;
370
+ textAfter?: string | undefined;
371
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
372
+ } & {
373
+ requiredPlacement?: "left" | "right" | undefined;
374
+ } & {
375
+ optional?: true | undefined;
376
+ required?: false | undefined;
377
+ } & {
378
+ clear?: boolean | undefined;
379
+ hasDivider?: boolean | undefined;
380
+ } & {
381
+ hasHint: boolean;
382
+ hintText: string;
383
+ hintTrigger?: "click" | "hover" | undefined;
384
+ hintView?: string | undefined;
385
+ hintSize?: string | undefined;
386
+ hintTargetIcon?: import("react").ReactNode;
387
+ hintPlacement?: import("@popperjs/core").Placement | import("@popperjs/core").ComputedPlacement[] | undefined;
388
+ hintHasArrow?: boolean | undefined;
389
+ hintOffset?: [number, number] | undefined;
390
+ hintWidth?: string | undefined;
391
+ hintContentLeft?: import("react").ReactNode;
392
+ } & {
393
+ chips?: undefined;
394
+ onChangeChips?: undefined;
395
+ enumerationType?: "plain" | undefined;
396
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
397
+ } & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
398
+ size?: string | undefined;
399
+ view?: string | undefined;
400
+ readOnly?: boolean | undefined;
401
+ disabled?: boolean | undefined;
402
+ } & {
403
+ label?: string | undefined;
404
+ labelPlacement?: "inner" | "outer" | undefined;
405
+ titleCaption?: import("react").ReactNode;
144
406
  leftHelper?: string | undefined;
145
407
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
146
408
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -155,6 +417,58 @@ export declare const TextField: import("react").FunctionComponent<import("../../
155
417
  } & {
156
418
  clear?: boolean | undefined;
157
419
  hasDivider?: boolean | undefined;
420
+ } & {
421
+ hasHint: boolean;
422
+ hintText: string;
423
+ hintTrigger?: "click" | "hover" | undefined;
424
+ hintView?: string | undefined;
425
+ hintSize?: string | undefined;
426
+ hintTargetIcon?: import("react").ReactNode;
427
+ hintPlacement?: import("@popperjs/core").Placement | import("@popperjs/core").ComputedPlacement[] | undefined;
428
+ hintHasArrow?: boolean | undefined;
429
+ hintOffset?: [number, number] | undefined;
430
+ hintWidth?: string | undefined;
431
+ hintContentLeft?: import("react").ReactNode;
432
+ } & {
433
+ enumerationType: "chip";
434
+ onSearch?: undefined;
435
+ chips?: import("../../../../components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
436
+ onChangeChips?: ((value: import("../../../../components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
437
+ } & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
438
+ size?: string | undefined;
439
+ view?: string | undefined;
440
+ readOnly?: boolean | undefined;
441
+ disabled?: boolean | undefined;
442
+ } & {
443
+ label?: string | undefined;
444
+ labelPlacement?: "inner" | "outer" | undefined;
445
+ titleCaption?: import("react").ReactNode;
446
+ leftHelper?: string | undefined;
447
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
448
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
449
+ textBefore?: string | undefined;
450
+ textAfter?: string | undefined;
451
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
452
+ } & {
453
+ requiredPlacement?: "left" | "right" | undefined;
454
+ } & {
455
+ optional?: true | undefined;
456
+ required?: false | undefined;
457
+ } & {
458
+ clear?: boolean | undefined;
459
+ hasDivider?: boolean | undefined;
460
+ } & {
461
+ hasHint?: false | undefined;
462
+ hintTrigger?: undefined;
463
+ hintText?: undefined;
464
+ hintView?: undefined;
465
+ hintSize?: undefined;
466
+ hintTargetIcon?: undefined;
467
+ hintPlacement?: undefined;
468
+ hintHasArrow?: undefined;
469
+ hintOffset?: undefined;
470
+ hintWidth?: undefined;
471
+ hintContentLeft?: undefined;
158
472
  } & {
159
473
  chips?: undefined;
160
474
  onChangeChips?: undefined;
@@ -168,6 +482,7 @@ export declare const TextField: import("react").FunctionComponent<import("../../
168
482
  } & {
169
483
  label?: string | undefined;
170
484
  labelPlacement?: "inner" | "outer" | undefined;
485
+ titleCaption?: import("react").ReactNode;
171
486
  leftHelper?: string | undefined;
172
487
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
173
488
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -182,6 +497,18 @@ export declare const TextField: import("react").FunctionComponent<import("../../
182
497
  } & {
183
498
  clear?: boolean | undefined;
184
499
  hasDivider?: boolean | undefined;
500
+ } & {
501
+ hasHint?: false | undefined;
502
+ hintTrigger?: undefined;
503
+ hintText?: undefined;
504
+ hintView?: undefined;
505
+ hintSize?: undefined;
506
+ hintTargetIcon?: undefined;
507
+ hintPlacement?: undefined;
508
+ hintHasArrow?: undefined;
509
+ hintOffset?: undefined;
510
+ hintWidth?: undefined;
511
+ hintContentLeft?: undefined;
185
512
  } & {
186
513
  enumerationType: "chip";
187
514
  onSearch?: undefined;
@@ -195,6 +522,7 @@ export declare const TextField: import("react").FunctionComponent<import("../../
195
522
  } & {
196
523
  label?: string | undefined;
197
524
  labelPlacement?: "inner" | "outer" | undefined;
525
+ titleCaption?: import("react").ReactNode;
198
526
  leftHelper?: string | undefined;
199
527
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
200
528
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -209,6 +537,18 @@ export declare const TextField: import("react").FunctionComponent<import("../../
209
537
  } & {
210
538
  clear?: false | undefined;
211
539
  hasDivider?: undefined;
540
+ } & {
541
+ hasHint: boolean;
542
+ hintText: string;
543
+ hintTrigger?: "click" | "hover" | undefined;
544
+ hintView?: string | undefined;
545
+ hintSize?: string | undefined;
546
+ hintTargetIcon?: import("react").ReactNode;
547
+ hintPlacement?: import("@popperjs/core").Placement | import("@popperjs/core").ComputedPlacement[] | undefined;
548
+ hintHasArrow?: boolean | undefined;
549
+ hintOffset?: [number, number] | undefined;
550
+ hintWidth?: string | undefined;
551
+ hintContentLeft?: import("react").ReactNode;
212
552
  } & {
213
553
  chips?: undefined;
214
554
  onChangeChips?: undefined;
@@ -222,6 +562,47 @@ export declare const TextField: import("react").FunctionComponent<import("../../
222
562
  } & {
223
563
  label?: string | undefined;
224
564
  labelPlacement?: "inner" | "outer" | undefined;
565
+ titleCaption?: import("react").ReactNode;
566
+ leftHelper?: string | undefined;
567
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
568
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
569
+ textBefore?: string | undefined;
570
+ textAfter?: string | undefined;
571
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
572
+ } & {
573
+ requiredPlacement?: "left" | "right" | undefined;
574
+ } & {
575
+ optional?: true | undefined;
576
+ required?: false | undefined;
577
+ } & {
578
+ clear?: false | undefined;
579
+ hasDivider?: undefined;
580
+ } & {
581
+ hasHint: boolean;
582
+ hintText: string;
583
+ hintTrigger?: "click" | "hover" | undefined;
584
+ hintView?: string | undefined;
585
+ hintSize?: string | undefined;
586
+ hintTargetIcon?: import("react").ReactNode;
587
+ hintPlacement?: import("@popperjs/core").Placement | import("@popperjs/core").ComputedPlacement[] | undefined;
588
+ hintHasArrow?: boolean | undefined;
589
+ hintOffset?: [number, number] | undefined;
590
+ hintWidth?: string | undefined;
591
+ hintContentLeft?: import("react").ReactNode;
592
+ } & {
593
+ enumerationType: "chip";
594
+ onSearch?: undefined;
595
+ chips?: import("../../../../components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
596
+ onChangeChips?: ((value: import("../../../../components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
597
+ } & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
598
+ size?: string | undefined;
599
+ view?: string | undefined;
600
+ readOnly?: boolean | undefined;
601
+ disabled?: boolean | undefined;
602
+ } & {
603
+ label?: string | undefined;
604
+ labelPlacement?: "inner" | "outer" | undefined;
605
+ titleCaption?: import("react").ReactNode;
225
606
  leftHelper?: string | undefined;
226
607
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
227
608
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -236,6 +617,58 @@ export declare const TextField: import("react").FunctionComponent<import("../../
236
617
  } & {
237
618
  clear?: false | undefined;
238
619
  hasDivider?: undefined;
620
+ } & {
621
+ hasHint?: false | undefined;
622
+ hintTrigger?: undefined;
623
+ hintText?: undefined;
624
+ hintView?: undefined;
625
+ hintSize?: undefined;
626
+ hintTargetIcon?: undefined;
627
+ hintPlacement?: undefined;
628
+ hintHasArrow?: undefined;
629
+ hintOffset?: undefined;
630
+ hintWidth?: undefined;
631
+ hintContentLeft?: undefined;
632
+ } & {
633
+ chips?: undefined;
634
+ onChangeChips?: undefined;
635
+ enumerationType?: "plain" | undefined;
636
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
637
+ } & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
638
+ size?: string | undefined;
639
+ view?: string | undefined;
640
+ readOnly?: boolean | undefined;
641
+ disabled?: boolean | undefined;
642
+ } & {
643
+ label?: string | undefined;
644
+ labelPlacement?: "inner" | "outer" | undefined;
645
+ titleCaption?: import("react").ReactNode;
646
+ leftHelper?: string | undefined;
647
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
648
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
649
+ textBefore?: string | undefined;
650
+ textAfter?: string | undefined;
651
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
652
+ } & {
653
+ requiredPlacement?: "left" | "right" | undefined;
654
+ } & {
655
+ optional?: true | undefined;
656
+ required?: false | undefined;
657
+ } & {
658
+ clear?: false | undefined;
659
+ hasDivider?: undefined;
660
+ } & {
661
+ hasHint?: false | undefined;
662
+ hintTrigger?: undefined;
663
+ hintText?: undefined;
664
+ hintView?: undefined;
665
+ hintSize?: undefined;
666
+ hintTargetIcon?: undefined;
667
+ hintPlacement?: undefined;
668
+ hintHasArrow?: undefined;
669
+ hintOffset?: undefined;
670
+ hintWidth?: undefined;
671
+ hintContentLeft?: undefined;
239
672
  } & {
240
673
  enumerationType: "chip";
241
674
  onSearch?: undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextField/TextField.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qJAA0B,CAAC"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextField/TextField.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qJAA0B,CAAC"}
@@ -1,11 +0,0 @@
1
- .s1luq7vd{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-bottom:var(--plasma-textarea-label-margin-bottom);color:var(--plasma-textarea-label-outer-color,var(--plasma-textarea-input-color));font-family:var(--plasma-textarea-label-outer-font-family,var(--plasma-textarea-input-font-family));font-size:var(--plasma-textarea-label-outer-font-size,var(--plasma-textarea-input-font-size));font-style:var(--plasma-textarea-label-outer-font-style,var(--plasma-textarea-input-font-style));font-weight:var(--plasma-textarea-label-outer-font-weight,var(--plasma-textarea-input-font-weight));-webkit-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-moz-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-ms-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));line-height:var(--plasma-textarea-label-outer-line-height,var(--plasma-textarea-input-line-height));}
2
- .s1r1fvk8{color:var(--plasma-textarea__optional-color);}
3
- .surmvwq{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--surmvwq-0);border-radius:var(--surmvwq-1);}
4
- .s18bd513{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;z-index:1;color:var(--plasma-textarea-right-content-color,var(--plasma-textarea-input-color));top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
5
- .s7alcr2{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--s7alcr2-0);position:relative;}
6
- .si9oz50{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--si9oz50-0);--plasma_private-textarea-height:var(--si9oz50-1);--plasma_private-textarea-width:var(--si9oz50-2);--plasma_private-textarea-computed-height:var(--si9oz50-3);--plasma_private-textarea-computed-width:var(--si9oz50-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--si9oz50-5);max-width:var(--si9oz50-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--si9oz50-6);padding-left:var(--plasma-textarea-input-padding-left);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top) + var(--plasma-textarea-helpers-padding-bottom) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--si9oz50-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.si9oz50::-webkit-input-placeholder{opacity:0;}.si9oz50::-moz-placeholder{opacity:0;}.si9oz50:-ms-input-placeholder{opacity:0;}.si9oz50::placeholder{opacity:0;}.si9oz50:-moz-read-only{cursor:default;}.si9oz50:read-only{cursor:default;}.si9oz50:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.si9oz50::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.si9oz50::-webkit-scrollbar-thumb{background-color:var(--plasma-textarea-scrollbar-thumb-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}.si9oz50::-webkit-scrollbar-track{background-color:var(--plasma-textarea-scrollbar-track-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}
7
- .s18tpn65{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
8
- .s19sfsrt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
9
- .sfype23.s19sfsrt{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
10
- .s3wsw3p{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s3wsw3p-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
11
- .stc5t23{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.stc5t23.label-placement-outer{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.stc5t23.label-placement-outer.align-right{inset:var(--plasma-textarea-indicator-placement-outer-right);}.stc5t23.label-placement-inner{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.stc5t23.label-placement-inner.align-right{inset:var(--plasma-textarea-indicator-placement-inner-right);}
@@ -1 +0,0 @@
1
- .b1x0cx6o.textarea-clear{border:unset;}.b1x0cx6o.textarea-clear .surmvwq{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.b1x0cx6o.textarea-clear .s1luq7vd{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.b1x0cx6o.textarea-clear .s18bd513{right:0;bottom:unset;}.b1x0cx6o.textarea-clear .si9oz50,.b1x0cx6o.textarea-clear .s18tpn65{padding-left:0;}.b1x0cx6o.textarea-clear .s18tpn65{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.b1x0cx6o.textarea-clear .si9oz50{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.b1x0cx6o.textarea-clear .si9oz50.textarea-has-right-content{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.b1x0cx6o.textarea-clear .s7alcr2:not(.inner-placeholder-up) .s3wsw3p{color:var(--plasma-textarea-clear-placeholder-color);}.b1x0cx6o.textarea-clear .s7alcr2:not(.inner-placeholder-up).focused-outer-placeholder-color .s3wsw3p{color:var(--plasma-textarea-clear-placeholder-color-focus);}.b1x0cx6o.textarea-clear .s7alcr2.inner-placeholder-up{color:var(--plasma-textarea-placeholder-color);}.b1x0cx6o.textarea-clear .s3wsw3p{padding-left:0;}.b1x0cx6o.textarea-clear .stc5t23.label-placement-inner{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.b1x0cx6o.textarea-clear .stc5t23.label-placement-inner.align-right{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.b1x0cx6o.textarea-clear .textarea-container{border:unset;border-radius:0;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-wrapper{background-color:unset;box-shadow:unset;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-container{border:unset;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-helpers{background-color:unset;}.b1x0cx6o.textarea-clear.textarea-has-divider .surmvwq{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textfield-divider-color);}.b1x0cx6o.textarea-clear.textarea-has-divider .surmvwq:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.b1x0cx6o.textarea-clear.textarea-has-divider:not([readonly]) .surmvwq:hover{--plasma_private-textarea-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.b1x0cx6o.textarea-clear.textarea-has-divider:not([readonly]) .surmvwq:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}
@@ -1 +0,0 @@
1
- .bofyi4a .textarea-container{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.bofyi4a .textarea-wrapper{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);padding-right:var(--plasma-textarea-border-size,1px);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}
@@ -1,15 +0,0 @@
1
- .iq39zt5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
2
- .i1j28rg8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.i1j28rg8::-webkit-scrollbar{display:none;}.i1j28rg8.has-chips{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
3
- .s13zudoe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
4
- .io4bpie{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.io4bpie::-webkit-input-placeholder{opacity:0;}.io4bpie::-moz-placeholder{opacity:0;}.io4bpie:-ms-input-placeholder{opacity:0;}.io4bpie::placeholder{opacity:0;}
5
- .i13qvwoy{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
6
- .i19ry60d{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
7
- .lbt1ohz{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
8
- .slv9av6{color:var(--slv9av6-0);line-height:0;}
9
- .s600610.slv9av6{margin:var(--plasma-textfield__left-content-margin);}
10
- .suk2zst{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.suk2zst:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.suk2zst:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
11
-
12
-
13
-
14
- .sb3k3v1{color:var(--plasma-textfield__optional-color);}
15
- .s7hnwwb{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.s7hnwwb.label-placement-outer{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.s7hnwwb.label-placement-outer.align-right{inset:var(--plasma-textfield__indicator-placement-outer-right);}.s7hnwwb.label-placement-inner{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.s7hnwwb.label-placement-inner.align-right{inset:var(--plasma-textfield__indicator-placement-inner-right);}
@@ -1 +0,0 @@
1
- .bg547ku.textfield-clear[readonly] .iq39zt5,.bg547ku.textfield-clear .iq39zt5{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.bg547ku.textfield-clear[readonly] .iq39zt5:hover,.bg547ku.textfield-clear .iq39zt5:hover{background-color:unset;}.bg547ku.textfield-clear .s600610{margin-left:0;}.bg547ku.textfield-clear .suk2zst{margin-right:0;}.bg547ku.textfield-clear.label-placement-outer .lbt1ohz{margin-bottom:var(--plasma-textfield__clear-label-offset);}.bg547ku.textfield-clear .io4bpie{color:var(--plasma-textfield-clear-color);}.bg547ku.textfield-clear .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color);}.bg547ku.textfield-clear .s7hnwwb.label-placement-inner{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.bg547ku.textfield-clear .s7hnwwb.label-placement-inner.align-right{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color-focus);}
@@ -1 +0,0 @@
1
- .b15d3bnf.label-placement-outer .lbt1ohz{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i13qvwoy{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .s190z894,.b15d3bnf.label-placement-inner .ssv2kwg{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .io4bpie:focus ~ .lbt1ohz,.b15d3bnf.label-placement-inner .io4bpie.has-value ~ .lbt1ohz{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .lbt1ohz{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.b15d3bnf.label-placement-inner.textfield-clear .lbt1ohz{color:var(--plasma-textfield__clear-placeholder-color);}
@@ -1 +0,0 @@
1
- .b1w985rt[readonly] .iq39zt5{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.b1w985rt[readonly] .iq39zt5:focus-within .i19ry60d,.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .l1gjsnfi{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly].label-placement-outer .lbt1ohz{color:var(--plasma-textfield__label-color-readonly);}
@@ -1 +0,0 @@
1
- .b13ve66i .io4bpie{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.b13ve66i .i13qvwoy{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .iq39zt5{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .iq39zt5.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .lbt1ohz{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .l1gjsnfi{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.b13ve66i .ssv2kwg,.b13ve66i .s190z894{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .ssv2kwg{margin:var(--plasma-textfield__before-text-margin);}.b13ve66i .s190z894{margin:var(--plasma-textfield__after-text-margin);}
@@ -1 +0,0 @@
1
- .bptx5xt .iq39zt5{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .iq39zt5:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .io4bpie{color:var(--plasma-textfield-color);}.bptx5xt .i19ry60d{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .iq39zt5:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__placeholder-color-focus);}.bptx5xt .l1gjsnfi{color:var(--plasma-textfield__left-helper-color);}.bptx5xt .ssv2kwg{color:var(--plasma-textfield__before-text-color);}.bptx5xt .s190z894{color:var(--plasma-textfield__after-text-color);}