@salutejs/plasma-new-hope 0.170.0-dev.0 → 0.171.0-canary.1459.11400476651.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (416) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +35 -19
  2. package/cjs/components/Autocomplete/Autocomplete.js +4 -2
  3. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.css +39 -18
  5. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +39 -18
  6. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +39 -18
  7. package/cjs/components/DatePicker/RangeDate/RangeDate.css +34 -18
  8. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +34 -18
  9. package/cjs/components/DatePicker/SingleDate/SingleDate.css +36 -20
  10. package/cjs/components/Range/Range.css +40 -19
  11. package/cjs/components/Slider/Slider.css +40 -19
  12. package/cjs/components/Slider/Slider.js +2 -0
  13. package/cjs/components/Slider/Slider.js.map +1 -1
  14. package/cjs/components/Slider/components/Double/Double.css +40 -19
  15. package/cjs/components/TextArea/TextArea.js +111 -19
  16. package/cjs/components/TextArea/TextArea.js.map +1 -1
  17. package/cjs/components/TextArea/TextArea.styles.js +166 -63
  18. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  19. package/cjs/components/TextArea/TextArea.styles_1ke2ihc.css +18 -0
  20. package/cjs/components/TextArea/TextArea.tokens.js +45 -5
  21. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  22. package/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  23. package/cjs/components/TextArea/hooks/useAutoResize.js.map +1 -1
  24. package/cjs/components/TextArea/ui/Hint/Hint.css +30 -0
  25. package/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
  26. package/cjs/components/TextArea/ui/Hint/Hint.js.map +1 -0
  27. package/cjs/components/TextArea/variations/_clear/base.js +1 -1
  28. package/cjs/components/TextArea/variations/_clear/base.js.map +1 -1
  29. package/cjs/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
  30. package/cjs/components/TextArea/variations/_hint-size/base.js +9 -0
  31. package/cjs/components/TextArea/variations/_hint-size/base.js.map +1 -0
  32. package/cjs/components/TextArea/variations/_hint-size/base_1ipgv90.css +1 -0
  33. package/cjs/components/TextArea/variations/_hint-view/base.js +9 -0
  34. package/cjs/components/TextArea/variations/_hint-view/base.js.map +1 -0
  35. package/cjs/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
  36. package/cjs/components/TextArea/variations/_view/base.js +1 -1
  37. package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
  38. package/cjs/components/TextArea/variations/_view/base_1xgrm3x.css +1 -0
  39. package/cjs/components/TextField/TextField.js +100 -10
  40. package/cjs/components/TextField/TextField.js.map +1 -1
  41. package/cjs/components/TextField/TextField.styles.js +82 -23
  42. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  43. package/cjs/components/TextField/TextField.styles_grgg7q.css +22 -0
  44. package/cjs/components/TextField/TextField.tokens.js +42 -2
  45. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  46. package/cjs/components/TextField/ui/Hint/Hint.css +34 -0
  47. package/cjs/components/TextField/ui/Hint/Hint.js +53 -0
  48. package/cjs/components/TextField/ui/Hint/Hint.js.map +1 -0
  49. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  50. package/cjs/components/TextField/variations/_clear/base.js.map +1 -1
  51. package/cjs/components/TextField/variations/_clear/base_1i91sjp.css +1 -0
  52. package/cjs/components/TextField/variations/_disabled/base.js +1 -1
  53. package/cjs/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
  54. package/cjs/components/TextField/variations/_hint-size/base.js +9 -0
  55. package/cjs/components/TextField/variations/_hint-size/base.js.map +1 -0
  56. package/cjs/components/TextField/variations/_hint-size/base_1x99605.css +1 -0
  57. package/cjs/components/TextField/variations/_hint-view/base.js +9 -0
  58. package/cjs/components/TextField/variations/_hint-view/base.js.map +1 -0
  59. package/cjs/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
  60. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  61. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  62. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +1 -0
  63. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  64. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  65. package/cjs/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  66. package/cjs/components/TextField/variations/_size/base.js +1 -1
  67. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  68. package/cjs/components/TextField/variations/_size/base_1xdmaqh.css +1 -0
  69. package/cjs/components/TextField/variations/_view/base.js +1 -1
  70. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  71. package/cjs/components/TextField/variations/_view/base_qhyte8.css +1 -0
  72. package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
  73. package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
  74. package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  75. package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +23 -0
  76. package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
  77. package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +23 -0
  78. package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
  79. package/cjs/index.css +56 -34
  80. package/emotion/cjs/components/Autocomplete/Autocomplete.js +4 -2
  81. package/emotion/cjs/components/TextArea/TextArea.js +115 -23
  82. package/emotion/cjs/components/TextArea/TextArea.styles.js +103 -41
  83. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
  84. package/emotion/cjs/components/TextArea/TextArea.tokens.js +45 -5
  85. package/emotion/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  86. package/emotion/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
  87. package/emotion/cjs/components/TextArea/ui/Hint/Hint.types.js +5 -0
  88. package/emotion/cjs/components/TextArea/variations/_clear/base.js +1 -1
  89. package/emotion/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
  90. package/emotion/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
  91. package/emotion/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
  92. package/emotion/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
  93. package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -1
  94. package/emotion/cjs/components/TextField/TextField.js +103 -13
  95. package/emotion/cjs/components/TextField/TextField.styles.js +88 -37
  96. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +6 -1
  97. package/emotion/cjs/components/TextField/TextField.tokens.js +42 -2
  98. package/emotion/cjs/components/TextField/ui/Hint/Hint.js +53 -0
  99. package/emotion/cjs/components/TextField/ui/Hint/Hint.types.js +5 -0
  100. package/emotion/cjs/components/TextField/variations/_clear/base.js +1 -1
  101. package/emotion/cjs/components/TextField/variations/_hint-size/base.js +11 -0
  102. package/emotion/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
  103. package/emotion/cjs/components/TextField/variations/_hint-view/base.js +11 -0
  104. package/emotion/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
  105. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  106. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  107. package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
  108. package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
  109. package/emotion/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
  110. package/emotion/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
  111. package/emotion/cjs/components/_Icon/index.js +8 -1
  112. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +19 -10
  113. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
  114. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +22 -13
  115. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
  116. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +19 -10
  117. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
  118. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +22 -13
  119. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
  120. package/emotion/es/components/Autocomplete/Autocomplete.js +4 -2
  121. package/emotion/es/components/TextArea/TextArea.js +115 -23
  122. package/emotion/es/components/TextArea/TextArea.styles.js +102 -40
  123. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +6 -1
  124. package/emotion/es/components/TextArea/TextArea.tokens.js +45 -5
  125. package/emotion/es/components/TextArea/hooks/useAutoResize.js +2 -4
  126. package/emotion/es/components/TextArea/ui/Hint/Hint.js +44 -0
  127. package/emotion/es/components/TextArea/ui/Hint/Hint.types.js +1 -0
  128. package/emotion/es/components/TextArea/variations/_clear/base.js +2 -2
  129. package/emotion/es/components/TextArea/variations/_hint-size/base.js +5 -0
  130. package/emotion/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
  131. package/emotion/es/components/TextArea/variations/_hint-view/base.js +5 -0
  132. package/emotion/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
  133. package/emotion/es/components/TextArea/variations/_view/base.js +2 -1
  134. package/emotion/es/components/TextField/TextField.js +102 -12
  135. package/emotion/es/components/TextField/TextField.styles.js +87 -36
  136. package/emotion/es/components/TextField/TextField.template-doc.mdx +6 -1
  137. package/emotion/es/components/TextField/TextField.tokens.js +42 -2
  138. package/emotion/es/components/TextField/ui/Hint/Hint.js +44 -0
  139. package/emotion/es/components/TextField/ui/Hint/Hint.types.js +1 -0
  140. package/emotion/es/components/TextField/variations/_clear/base.js +2 -2
  141. package/emotion/es/components/TextField/variations/_hint-size/base.js +5 -0
  142. package/emotion/es/components/TextField/variations/_hint-size/tokens.json +21 -0
  143. package/emotion/es/components/TextField/variations/_hint-view/base.js +5 -0
  144. package/emotion/es/components/TextField/variations/_hint-view/tokens.json +5 -0
  145. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  146. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  147. package/emotion/es/components/TextField/variations/_size/base.js +2 -2
  148. package/emotion/es/components/TextField/variations/_view/base.js +2 -2
  149. package/emotion/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
  150. package/emotion/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
  151. package/emotion/es/components/_Icon/index.js +2 -1
  152. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +19 -10
  153. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
  154. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +22 -13
  155. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
  156. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +19 -10
  157. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
  158. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +22 -13
  159. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
  160. package/es/components/Autocomplete/Autocomplete.css +35 -19
  161. package/es/components/Autocomplete/Autocomplete.js +4 -2
  162. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  163. package/es/components/Combobox/ComboboxNew/Combobox.css +39 -18
  164. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +39 -18
  165. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +39 -18
  166. package/es/components/DatePicker/RangeDate/RangeDate.css +34 -18
  167. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +34 -18
  168. package/es/components/DatePicker/SingleDate/SingleDate.css +36 -20
  169. package/es/components/Range/Range.css +40 -19
  170. package/es/components/Slider/Slider.css +40 -19
  171. package/es/components/Slider/Slider.js +2 -0
  172. package/es/components/Slider/Slider.js.map +1 -1
  173. package/es/components/Slider/components/Double/Double.css +40 -19
  174. package/es/components/TextArea/TextArea.js +115 -23
  175. package/es/components/TextArea/TextArea.js.map +1 -1
  176. package/es/components/TextArea/TextArea.styles.js +160 -64
  177. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  178. package/es/components/TextArea/TextArea.styles_1ke2ihc.css +18 -0
  179. package/es/components/TextArea/TextArea.tokens.js +45 -5
  180. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  181. package/es/components/TextArea/hooks/useAutoResize.js +2 -4
  182. package/es/components/TextArea/hooks/useAutoResize.js.map +1 -1
  183. package/es/components/TextArea/ui/Hint/Hint.css +30 -0
  184. package/es/components/TextArea/ui/Hint/Hint.js +49 -0
  185. package/es/components/TextArea/ui/Hint/Hint.js.map +1 -0
  186. package/es/components/TextArea/variations/_clear/base.js +1 -1
  187. package/es/components/TextArea/variations/_clear/base.js.map +1 -1
  188. package/es/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
  189. package/es/components/TextArea/variations/_hint-size/base.js +5 -0
  190. package/es/components/TextArea/variations/_hint-size/base.js.map +1 -0
  191. package/es/components/TextArea/variations/_hint-size/base_1ipgv90.css +1 -0
  192. package/es/components/TextArea/variations/_hint-view/base.js +5 -0
  193. package/es/components/TextArea/variations/_hint-view/base.js.map +1 -0
  194. package/es/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
  195. package/es/components/TextArea/variations/_view/base.js +1 -1
  196. package/es/components/TextArea/variations/_view/base.js.map +1 -1
  197. package/es/components/TextArea/variations/_view/base_1xgrm3x.css +1 -0
  198. package/es/components/TextField/TextField.js +101 -11
  199. package/es/components/TextField/TextField.js.map +1 -1
  200. package/es/components/TextField/TextField.styles.js +76 -24
  201. package/es/components/TextField/TextField.styles.js.map +1 -1
  202. package/es/components/TextField/TextField.styles_grgg7q.css +22 -0
  203. package/es/components/TextField/TextField.tokens.js +42 -2
  204. package/es/components/TextField/TextField.tokens.js.map +1 -1
  205. package/es/components/TextField/ui/Hint/Hint.css +34 -0
  206. package/es/components/TextField/ui/Hint/Hint.js +49 -0
  207. package/es/components/TextField/ui/Hint/Hint.js.map +1 -0
  208. package/es/components/TextField/variations/_clear/base.js +1 -1
  209. package/es/components/TextField/variations/_clear/base.js.map +1 -1
  210. package/es/components/TextField/variations/_clear/base_1i91sjp.css +1 -0
  211. package/es/components/TextField/variations/_disabled/base.js +1 -1
  212. package/es/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
  213. package/es/components/TextField/variations/_hint-size/base.js +5 -0
  214. package/es/components/TextField/variations/_hint-size/base.js.map +1 -0
  215. package/es/components/TextField/variations/_hint-size/base_1x99605.css +1 -0
  216. package/es/components/TextField/variations/_hint-view/base.js +5 -0
  217. package/es/components/TextField/variations/_hint-view/base.js.map +1 -0
  218. package/es/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
  219. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  220. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  221. package/es/components/TextField/variations/_label-placement/base_3domm.css +1 -0
  222. package/es/components/TextField/variations/_read-only/base.js +1 -1
  223. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  224. package/es/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
  225. package/es/components/TextField/variations/_size/base.js +1 -1
  226. package/es/components/TextField/variations/_size/base.js.map +1 -1
  227. package/es/components/TextField/variations/_size/base_1xdmaqh.css +1 -0
  228. package/es/components/TextField/variations/_view/base.js +1 -1
  229. package/es/components/TextField/variations/_view/base.js.map +1 -1
  230. package/es/components/TextField/variations/_view/base_qhyte8.css +1 -0
  231. package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
  232. package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
  233. package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  234. package/es/components/_Icon/Icon.assets/InfoCircleOutline.js +19 -0
  235. package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
  236. package/es/components/_Icon/Icons/IconInfoCircleOutline.js +19 -0
  237. package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
  238. package/es/index.css +56 -34
  239. package/package.json +2 -2
  240. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +4 -2
  241. package/styled-components/cjs/components/TextArea/TextArea.js +114 -22
  242. package/styled-components/cjs/components/TextArea/TextArea.styles.js +88 -42
  243. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
  244. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +45 -5
  245. package/styled-components/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
  246. package/styled-components/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
  247. package/styled-components/cjs/components/TextArea/ui/Hint/Hint.types.js +5 -0
  248. package/styled-components/cjs/components/TextArea/variations/_clear/base.js +1 -1
  249. package/styled-components/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
  250. package/styled-components/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
  251. package/styled-components/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
  252. package/styled-components/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
  253. package/styled-components/cjs/components/TextArea/variations/_view/base.js +2 -1
  254. package/styled-components/cjs/components/TextField/TextField.js +102 -12
  255. package/styled-components/cjs/components/TextField/TextField.styles.js +49 -21
  256. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +6 -1
  257. package/styled-components/cjs/components/TextField/TextField.tokens.js +42 -2
  258. package/styled-components/cjs/components/TextField/ui/Hint/Hint.js +53 -0
  259. package/styled-components/cjs/components/TextField/ui/Hint/Hint.types.js +5 -0
  260. package/styled-components/cjs/components/TextField/variations/_clear/base.js +1 -1
  261. package/styled-components/cjs/components/TextField/variations/_hint-size/base.js +11 -0
  262. package/styled-components/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
  263. package/styled-components/cjs/components/TextField/variations/_hint-view/base.js +11 -0
  264. package/styled-components/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
  265. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  266. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  267. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  268. package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
  269. package/styled-components/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
  270. package/styled-components/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
  271. package/styled-components/cjs/components/_Icon/index.js +8 -1
  272. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
  273. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
  274. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
  275. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
  276. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
  277. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
  278. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +18 -9
  279. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
  280. package/styled-components/es/components/Autocomplete/Autocomplete.js +4 -2
  281. package/styled-components/es/components/TextArea/TextArea.js +114 -22
  282. package/styled-components/es/components/TextArea/TextArea.styles.js +87 -41
  283. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +6 -1
  284. package/styled-components/es/components/TextArea/TextArea.tokens.js +45 -5
  285. package/styled-components/es/components/TextArea/hooks/useAutoResize.js +2 -4
  286. package/styled-components/es/components/TextArea/ui/Hint/Hint.js +44 -0
  287. package/styled-components/es/components/TextArea/ui/Hint/Hint.types.js +1 -0
  288. package/styled-components/es/components/TextArea/variations/_clear/base.js +2 -2
  289. package/styled-components/es/components/TextArea/variations/_hint-size/base.js +5 -0
  290. package/styled-components/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
  291. package/styled-components/es/components/TextArea/variations/_hint-view/base.js +5 -0
  292. package/styled-components/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
  293. package/styled-components/es/components/TextArea/variations/_view/base.js +2 -1
  294. package/styled-components/es/components/TextField/TextField.js +101 -11
  295. package/styled-components/es/components/TextField/TextField.styles.js +48 -20
  296. package/styled-components/es/components/TextField/TextField.template-doc.mdx +6 -1
  297. package/styled-components/es/components/TextField/TextField.tokens.js +42 -2
  298. package/styled-components/es/components/TextField/ui/Hint/Hint.js +44 -0
  299. package/styled-components/es/components/TextField/ui/Hint/Hint.types.js +1 -0
  300. package/styled-components/es/components/TextField/variations/_clear/base.js +2 -2
  301. package/styled-components/es/components/TextField/variations/_hint-size/base.js +5 -0
  302. package/styled-components/es/components/TextField/variations/_hint-size/tokens.json +21 -0
  303. package/styled-components/es/components/TextField/variations/_hint-view/base.js +5 -0
  304. package/styled-components/es/components/TextField/variations/_hint-view/tokens.json +5 -0
  305. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  306. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  307. package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
  308. package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
  309. package/styled-components/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
  310. package/styled-components/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
  311. package/styled-components/es/components/_Icon/index.js +2 -1
  312. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
  313. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
  314. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
  315. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
  316. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
  317. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
  318. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +18 -9
  319. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
  320. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  321. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +408 -0
  322. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  323. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +408 -0
  324. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  325. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +408 -0
  326. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  327. package/types/components/Range/Range.styles.d.ts +408 -0
  328. package/types/components/Range/Range.styles.d.ts.map +1 -1
  329. package/types/components/Slider/components/Double/Double.styles.d.ts +408 -0
  330. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  331. package/types/components/TextArea/TextArea.d.ts +9 -3
  332. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  333. package/types/components/TextArea/TextArea.styles.d.ts +12 -1
  334. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  335. package/types/components/TextArea/TextArea.tokens.d.ts +40 -0
  336. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  337. package/types/components/TextArea/TextArea.types.d.ts +78 -3
  338. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  339. package/types/components/TextArea/hooks/useAutoResize.d.ts.map +1 -1
  340. package/types/components/TextArea/ui/Hint/Hint.d.ts +4 -0
  341. package/types/components/TextArea/ui/Hint/Hint.d.ts.map +1 -0
  342. package/types/components/TextArea/ui/Hint/Hint.types.d.ts +17 -0
  343. package/types/components/TextArea/ui/Hint/Hint.types.d.ts.map +1 -0
  344. package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -1
  345. package/types/components/TextArea/variations/_hint-size/base.d.ts +2 -0
  346. package/types/components/TextArea/variations/_hint-size/base.d.ts.map +1 -0
  347. package/types/components/TextArea/variations/_hint-view/base.d.ts +2 -0
  348. package/types/components/TextArea/variations/_hint-view/base.d.ts.map +1 -0
  349. package/types/components/TextArea/variations/_view/base.d.ts.map +1 -1
  350. package/types/components/TextField/TextField.d.ts +9 -3
  351. package/types/components/TextField/TextField.d.ts.map +1 -1
  352. package/types/components/TextField/TextField.styles.d.ts +9 -0
  353. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  354. package/types/components/TextField/TextField.tokens.d.ts +40 -0
  355. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  356. package/types/components/TextField/TextField.types.d.ts +73 -2
  357. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  358. package/types/components/TextField/ui/Hint/Hint.d.ts +4 -0
  359. package/types/components/TextField/ui/Hint/Hint.d.ts.map +1 -0
  360. package/types/components/TextField/ui/Hint/Hint.types.d.ts +17 -0
  361. package/types/components/TextField/ui/Hint/Hint.types.d.ts.map +1 -0
  362. package/types/components/TextField/variations/_clear/base.d.ts.map +1 -1
  363. package/types/components/TextField/variations/_hint-size/base.d.ts +2 -0
  364. package/types/components/TextField/variations/_hint-size/base.d.ts.map +1 -0
  365. package/types/components/TextField/variations/_hint-view/base.d.ts +2 -0
  366. package/types/components/TextField/variations/_hint-view/base.d.ts.map +1 -0
  367. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  368. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  369. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  370. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  371. package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts +4 -0
  372. package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts.map +1 -0
  373. package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts +4 -0
  374. package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts.map +1 -0
  375. package/types/components/_Icon/index.d.ts +1 -0
  376. package/types/components/_Icon/index.d.ts.map +1 -1
  377. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +772 -12
  378. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  379. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +9 -0
  380. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  381. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +457 -0
  382. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  383. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +9 -0
  384. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  385. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +417 -0
  386. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  387. package/types/examples/plasma_web/components/Mask/Mask.d.ts +772 -12
  388. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  389. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +9 -0
  390. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  391. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +457 -0
  392. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  393. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +9 -0
  394. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  395. package/types/examples/plasma_web/components/TextField/TextField.d.ts +417 -0
  396. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  397. package/cjs/components/TextArea/TextArea.styles_es0miz.css +0 -11
  398. package/cjs/components/TextArea/variations/_clear/base_vidplj.css +0 -1
  399. package/cjs/components/TextArea/variations/_view/base_td55th.css +0 -1
  400. package/cjs/components/TextField/TextField.styles_1d2ryq.css +0 -15
  401. package/cjs/components/TextField/variations/_clear/base_rit6gc.css +0 -1
  402. package/cjs/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
  403. package/cjs/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
  404. package/cjs/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
  405. package/cjs/components/TextField/variations/_view/base_1noe46b.css +0 -1
  406. package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
  407. package/es/components/TextArea/TextArea.styles_es0miz.css +0 -11
  408. package/es/components/TextArea/variations/_clear/base_vidplj.css +0 -1
  409. package/es/components/TextArea/variations/_view/base_td55th.css +0 -1
  410. package/es/components/TextField/TextField.styles_1d2ryq.css +0 -15
  411. package/es/components/TextField/variations/_clear/base_rit6gc.css +0 -1
  412. package/es/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
  413. package/es/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
  414. package/es/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
  415. package/es/components/TextField/variations/_view/base_1noe46b.css +0 -1
  416. package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
@@ -0,0 +1,5 @@
1
+ [
2
+ "--plasma-textfield__tooltip-background-color",
3
+ "--plasma-textfield__tooltip-box-shadow",
4
+ "--plasma-textfield__tooltip-color "
5
+ ]
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
9
  var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;margin-bottom:var(", ");color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelOffset, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ",", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
9
  var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", " ", "{&:before{background-color:var(", ");}}", ":hover{background-color:var(", ");}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}&.", " ", "{color:var(", ");}}"], _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.backgroundColorReadOnly), /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField.tokens.backgroundColorReadOnly, _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly);
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", " ", "{&:before{background-color:var(", ");}}", ":hover{background-color:var(", ");}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}&.", " ", "{color:var(", ");}}"], _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.backgroundColorReadOnly), /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField.tokens.backgroundColorReadOnly, _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly);
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
9
  var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", "{width:100%;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}"], _TextField2.Input, _TextField2.InputContainer, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.InputWrapper, _TextField.tokens.height, _TextField.tokens.borderRadius, _TextField.tokens.padding, _TextField.classes.hasChips, _TextField.tokens.paddingWithChips, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentLeft, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentRight, _TextField.tokens.paddingWithChips, _TextField2.Label, _TextField.tokens.labelFontFamily, _TextField.tokens.labelFontSize, _TextField.tokens.labelFontStyle, _TextField.tokens.labelFontWeight, _TextField.tokens.labelLetterSpacing, _TextField.tokens.labelLineHeight, _TextField2.LeftHelper, _TextField.tokens.leftHelperOffset, _TextField.tokens.leftHelperFontFamily, _TextField.tokens.leftHelperFontSize, _TextField.tokens.leftHelperFontStyle, _TextField.tokens.leftHelperFontWeight, _TextField.tokens.leftHelperLetterSpacing, _TextField.tokens.leftHelperLineHeight, _TextField2.StyledTextBefore, _TextField2.StyledTextAfter, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeMargin, _TextField2.StyledTextAfter, _TextField.tokens.textAfterMargin);
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", "{width:100%;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", ",&:not(.", ") ", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");width:var(", ");height:var(", ");}", "{width:var(", ");height:var(", ");}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}"], _TextField2.Input, _TextField2.InputContainer, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.InputWrapper, _TextField.tokens.height, _TextField.tokens.borderRadius, _TextField.tokens.padding, _TextField.classes.hasChips, _TextField.tokens.paddingWithChips, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentLeft, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentRight, _TextField.tokens.paddingWithChips, _TextField2.Label, _TextField.classes.innerLabelPlacement, _TextField2.StyledOptionalText, _TextField.tokens.labelFontFamily, _TextField.tokens.labelFontSize, _TextField.tokens.labelFontStyle, _TextField.tokens.labelFontWeight, _TextField.tokens.labelLetterSpacing, _TextField.tokens.labelLineHeight, _TextField2.StyledHintWrapper, _TextField.tokens.hintMargin, _TextField.tokens.hintTargetSize, _TextField.tokens.hintTargetSize, _TextField2.HintTargetWrapper, _TextField.tokens.hintTargetSize, _TextField.tokens.hintTargetSize, _TextField2.TitleCaption, _TextField.tokens.titleCaptionFontFamily, _TextField.tokens.titleCaptionFontSize, _TextField.tokens.titleCaptionFontStyle, _TextField.tokens.titleCaptionFontWeight, _TextField.tokens.titleCaptionLetterSpacing, _TextField.tokens.titleCaptionLineHeight, _TextField2.LeftHelper, _TextField.tokens.leftHelperOffset, _TextField.tokens.leftHelperFontFamily, _TextField.tokens.leftHelperFontSize, _TextField.tokens.leftHelperFontStyle, _TextField.tokens.leftHelperFontWeight, _TextField.tokens.leftHelperLetterSpacing, _TextField.tokens.leftHelperLineHeight, _TextField2.StyledTextBefore, _TextField2.StyledTextAfter, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeMargin, _TextField2.StyledTextAfter, _TextField.tokens.textAfterMargin);
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
9
  var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "{color:var(", ");}", "{color:var(", ");}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );", "{color:var(", ");}}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.borderColor), /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField.tokens.color, _TextField.tokens.borderWidth, _TextField.tokens.caretColor, _TextField2.InputWrapper, _TextField.tokens.borderColorHover, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorHover, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.Input, _TextField.tokens.color, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColor, _TextField2.InputWrapper, _TextField.tokens.borderColorFocus, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorFocus, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorFocus, _TextField2.LeftHelper, _TextField.tokens.leftHelperColor, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeColor, _TextField2.StyledTextAfter, _TextField.tokens.textAfterColor);
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "{color:var(", ");}", "{color:var(", ");}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );", "{color:var(", ");}}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.borderColor), /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField.tokens.color, _TextField.tokens.borderWidth, _TextField.tokens.caretColor, _TextField2.InputWrapper, _TextField.tokens.borderColorHover, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorHover, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.Input, _TextField.tokens.color, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColor, _TextField2.InputWrapper, _TextField.tokens.borderColorFocus, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorFocus, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorFocus, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColor, _TextField2.LeftHelper, _TextField.tokens.leftHelperColor, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeColor, _TextField2.StyledTextAfter, _TextField.tokens.textAfterColor);
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.InfoCircleOutline = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
+ var _path;
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
+ var InfoCircleOutline = exports.InfoCircleOutline = function InfoCircleOutline(props) {
12
+ return /*#__PURE__*/_react["default"].createElement("svg", _extends({
13
+ width: "100%",
14
+ viewBox: "0 0 24 24",
15
+ fill: "none"
16
+ }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
17
+ fillRule: "evenodd",
18
+ clipRule: "evenodd",
19
+ d: "M3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V17C12.75 17.4142 12.4142 17.75 12 17.75C11.5858 17.75 11.25 17.4142 11.25 17V11C11.25 10.5858 11.5858 10.25 12 10.25Z",
20
+ fill: "currentColor"
21
+ })));
22
+ };
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.IconInfoCircleOutline = void 0;
7
+ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
+ var _InfoCircleOutline = /*#__PURE__*/require("../Icon.assets/InfoCircleOutline");
9
+ var _IconRoot = /*#__PURE__*/require("../IconRoot");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+ var IconInfoCircleOutline = exports.IconInfoCircleOutline = function IconInfoCircleOutline(_ref) {
12
+ var _ref$size = _ref.size,
13
+ size = _ref$size === void 0 ? 's' : _ref$size,
14
+ color = _ref.color,
15
+ className = _ref.className;
16
+ return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
17
+ className: className,
18
+ size: size,
19
+ color: color,
20
+ icon: _InfoCircleOutline.InfoCircleOutline
21
+ });
22
+ };
@@ -141,6 +141,12 @@ Object.defineProperty(exports, "IconDone", {
141
141
  return _IconDone.IconDone;
142
142
  }
143
143
  });
144
+ Object.defineProperty(exports, "IconInfoCircleOutline", {
145
+ enumerable: true,
146
+ get: function get() {
147
+ return _IconInfoCircleOutline.IconInfoCircleOutline;
148
+ }
149
+ });
144
150
  Object.defineProperty(exports, "IconMic", {
145
151
  enumerable: true,
146
152
  get: function get() {
@@ -184,4 +190,5 @@ var _IconBlankDocOutline = /*#__PURE__*/require("./Icons/IconBlankDocOutline");
184
190
  var _IconBlankOutline = /*#__PURE__*/require("./Icons/IconBlankOutline");
185
191
  var _IconBlankPdfOutline = /*#__PURE__*/require("./Icons/IconBlankPdfOutline");
186
192
  var _IconBlankTxtOutline = /*#__PURE__*/require("./Icons/IconBlankTxtOutline");
187
- var _IconBlankXlsOutline = /*#__PURE__*/require("./Icons/IconBlankXlsOutline");
193
+ var _IconBlankXlsOutline = /*#__PURE__*/require("./Icons/IconBlankXlsOutline");
194
+ var _IconInfoCircleOutline = /*#__PURE__*/require("./Icons/IconInfoCircleOutline");
@@ -13,22 +13,31 @@ var config = exports.config = {
13
13
  },
14
14
  variations: {
15
15
  size: {
16
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7.312rem;", ":0.625rem;", ":0.5rem;", ":0.5rem 0.5rem 0 0;", ":0.563rem;", ":0.625rem;", ":2.125rem;", ":1.5rem;", ":0.563rem;", ":0.625rem;", ":0.5rem;", ":0.25rem;", ":0.625rem;", ":0.563rem;", ":0.625rem;", ":0rem;", ":0.563rem;", ":0.5rem;", ":1rem;", ":0.375rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":0rem;", ":0rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.675rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;", ":0.188rem;", ":0.063rem;"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.clearInputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.clearHelpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.clearLabelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight, _TextArea.textAreaTokens.indicatorSizeInner, _TextArea.textAreaTokens.indicatorSizeOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInner, _TextArea.textAreaTokens.indicatorLabelPlacementOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.indicatorLabelPlacementOuterRight, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInner, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.scrollbarWidth, _TextArea.textAreaTokens.scrollbarBorderWidth),
17
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7.187rem;", ":0.625rem;", ":0.625rem;", ":0.625rem 0.625rem 0 0;", ":0.688rem;", ":0.875rem;", ":3.125rem;", ":2rem;", ":0.75rem;", ":0.875rem;", ":0.75rem;", ":0.25rem;", ":0.875rem;", ":0.75rem;", ":0.875rem;", ":0rem;", ":0.688rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;", ":0.188rem;", ":0.063rem;"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.clearInputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.clearHelpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.clearLabelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight, _TextArea.textAreaTokens.indicatorSizeInner, _TextArea.textAreaTokens.indicatorSizeOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInner, _TextArea.textAreaTokens.indicatorLabelPlacementOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.indicatorLabelPlacementOuterRight, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInner, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.scrollbarWidth, _TextArea.textAreaTokens.scrollbarBorderWidth),
18
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7rem;", ":1.125rem;", ":0.75rem;", ":0.75rem 0.75rem 0 0;", ":0.875rem;", ":1rem;", ":3.375rem;", ":2.125rem;", ":0.75rem;", ":1rem;", ":0.75rem;", ":0.25rem;", ":1rem;", ":0.75rem;", ":1rem;", ":0rem;", ":0.875rem;", ":0.875rem;", ":1.25rem;", ":0.625rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.4375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.1875rem -0.625rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;", ":0.188rem;", ":0.063rem;"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.clearInputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.clearHelpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.clearLabelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight, _TextArea.textAreaTokens.indicatorSizeInner, _TextArea.textAreaTokens.indicatorSizeOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInner, _TextArea.textAreaTokens.indicatorLabelPlacementOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.indicatorLabelPlacementOuterRight, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInner, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.scrollbarWidth, _TextArea.textAreaTokens.scrollbarBorderWidth),
19
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":6.812rem;", ":1.625rem;", ":0.875rem;", ":0.875rem 0.875rem 0 0;", ":1.063rem;", ":1.125rem;", ":3.625rem;", ":2.25rem;", ":0.75rem;", ":1.125rem;", ":0.75rem;", ":0.25rem;", ":1.125rem;", ":0.75rem;", ":1.125rem;", ":0rem;", ":1.063rem;", ":1rem;", ":1.25rem;", ":0.75rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":0.188rem;", ":0.063rem;"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.clearInputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.clearHelpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.clearLabelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight, _TextArea.textAreaTokens.indicatorSizeInner, _TextArea.textAreaTokens.indicatorSizeOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInner, _TextArea.textAreaTokens.indicatorLabelPlacementOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.indicatorLabelPlacementOuterRight, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInner, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.scrollbarWidth, _TextArea.textAreaTokens.scrollbarBorderWidth)
16
+ xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7.312rem;", ":0.625rem;", ":0.5rem;", ":0.5rem 0.5rem 0 0;", ":0.563rem;", ":0.625rem;", ":2.125rem;", ":1.5rem;", ":0.563rem;", ":0.625rem;", ":0.5rem;", ":0.25rem;", ":0.625rem;", ":0.563rem;", ":0.625rem;", ":0rem;", ":0.563rem;", ":0.5rem;", ":1rem;", ":0.375rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":0rem;", ":0rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.675rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;", ":0.813rem -1.875rem auto auto;", ":0.188rem;", ":0.063rem;", ":-0.75rem -0.625rem -0.75rem -0.5rem;", ":2.375rem;", ":-0.751rem -1.875rem auto auto;", ":-0.188rem -1.938rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.clearInputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.clearHelpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.clearLabelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight, _TextArea.textAreaTokens.indicatorSizeInner, _TextArea.textAreaTokens.indicatorSizeOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInner, _TextArea.textAreaTokens.indicatorLabelPlacementOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.indicatorLabelPlacementOuterRight, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInner, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.clearIndicatorHintInnerRight, _TextArea.textAreaTokens.scrollbarWidth, _TextArea.textAreaTokens.scrollbarBorderWidth, _TextArea.textAreaTokens.hintMargin, _TextArea.textAreaTokens.hintTargetSize, _TextArea.textAreaTokens.hintInnerLabelPlacementOffset, _TextArea.textAreaTokens.clearHintInnerLabelPlacementOffset, _TextArea.textAreaTokens.titleCaptionInnerLabelOffset, _TextArea.textAreaTokens.titleCaptionFontFamily, _TextArea.textAreaTokens.titleCaptionFontSize, _TextArea.textAreaTokens.titleCaptionFontStyle, _TextArea.textAreaTokens.titleCaptionFontWeight, _TextArea.textAreaTokens.titleCaptionLetterSpacing, _TextArea.textAreaTokens.titleCaptionLineHeight),
17
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7.187rem;", ":0.625rem;", ":0.625rem;", ":0.625rem 0.625rem 0 0;", ":0.688rem;", ":0.875rem;", ":3.125rem;", ":2rem;", ":0.75rem;", ":0.875rem;", ":0.75rem;", ":0.25rem;", ":0.875rem;", ":0.75rem;", ":0.875rem;", ":0rem;", ":0.688rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;", ":1.063rem -2.125rem auto auto;", ":0.188rem;", ":0.063rem;", ":-0.688rem -0.5rem;", ":2.375rem;", ":-0.751rem -2rem auto auto;", ":0.062rem -2.063rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.clearInputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.clearHelpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.clearLabelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight, _TextArea.textAreaTokens.indicatorSizeInner, _TextArea.textAreaTokens.indicatorSizeOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInner, _TextArea.textAreaTokens.indicatorLabelPlacementOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.indicatorLabelPlacementOuterRight, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInner, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.clearIndicatorHintInnerRight, _TextArea.textAreaTokens.scrollbarWidth, _TextArea.textAreaTokens.scrollbarBorderWidth, _TextArea.textAreaTokens.hintMargin, _TextArea.textAreaTokens.hintTargetSize, _TextArea.textAreaTokens.hintInnerLabelPlacementOffset, _TextArea.textAreaTokens.clearHintInnerLabelPlacementOffset, _TextArea.textAreaTokens.titleCaptionInnerLabelOffset, _TextArea.textAreaTokens.titleCaptionFontFamily, _TextArea.textAreaTokens.titleCaptionFontSize, _TextArea.textAreaTokens.titleCaptionFontStyle, _TextArea.textAreaTokens.titleCaptionFontWeight, _TextArea.textAreaTokens.titleCaptionLetterSpacing, _TextArea.textAreaTokens.titleCaptionLineHeight),
18
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7rem;", ":1.125rem;", ":0.75rem;", ":0.75rem 0.75rem 0 0;", ":0.875rem;", ":1rem;", ":3.375rem;", ":2.125rem;", ":0.75rem;", ":1rem;", ":0.75rem;", ":0.25rem;", ":1rem;", ":0.75rem;", ":1rem;", ":0rem;", ":0.875rem;", ":0.875rem;", ":1.25rem;", ":0.625rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.4375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.1875rem -0.625rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;", ":1.25rem -2.25rem auto auto;", ":0.188rem;", ":0.063rem;", ":-0.688rem -0.5rem;", ":2.375rem;", ":-0.751rem -2rem auto auto;", ":0.312rem -2.063rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.clearInputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.clearHelpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.clearLabelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight, _TextArea.textAreaTokens.indicatorSizeInner, _TextArea.textAreaTokens.indicatorSizeOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInner, _TextArea.textAreaTokens.indicatorLabelPlacementOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.indicatorLabelPlacementOuterRight, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInner, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.clearIndicatorHintInnerRight, _TextArea.textAreaTokens.scrollbarWidth, _TextArea.textAreaTokens.scrollbarBorderWidth, _TextArea.textAreaTokens.hintMargin, _TextArea.textAreaTokens.hintTargetSize, _TextArea.textAreaTokens.hintInnerLabelPlacementOffset, _TextArea.textAreaTokens.clearHintInnerLabelPlacementOffset, _TextArea.textAreaTokens.titleCaptionInnerLabelOffset, _TextArea.textAreaTokens.titleCaptionFontFamily, _TextArea.textAreaTokens.titleCaptionFontSize, _TextArea.textAreaTokens.titleCaptionFontStyle, _TextArea.textAreaTokens.titleCaptionFontWeight, _TextArea.textAreaTokens.titleCaptionLetterSpacing, _TextArea.textAreaTokens.titleCaptionLineHeight),
19
+ l: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":6.812rem;", ":1.625rem;", ":0.875rem;", ":0.875rem 0.875rem 0 0;", ":1.063rem;", ":1.125rem;", ":3.625rem;", ":2.25rem;", ":0.75rem;", ":1.125rem;", ":0.75rem;", ":0.25rem;", ":1.125rem;", ":0.75rem;", ":1.125rem;", ":0rem;", ":1.063rem;", ":1rem;", ":1.25rem;", ":0.75rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":1.5rem -2.25rem auto auto;", ":0.188rem;", ":0.063rem;", ":-0.688rem -0.5rem;", ":2.375rem;", ":-0.751rem -2rem auto auto;", ":0.562rem -2.063rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.clearInputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.clearHelpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.clearLabelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight, _TextArea.textAreaTokens.indicatorSizeInner, _TextArea.textAreaTokens.indicatorSizeOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInner, _TextArea.textAreaTokens.indicatorLabelPlacementOuter, _TextArea.textAreaTokens.indicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.indicatorLabelPlacementOuterRight, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInner, _TextArea.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _TextArea.textAreaTokens.clearIndicatorHintInnerRight, _TextArea.textAreaTokens.scrollbarWidth, _TextArea.textAreaTokens.scrollbarBorderWidth, _TextArea.textAreaTokens.hintMargin, _TextArea.textAreaTokens.hintTargetSize, _TextArea.textAreaTokens.hintInnerLabelPlacementOffset, _TextArea.textAreaTokens.clearHintInnerLabelPlacementOffset, _TextArea.textAreaTokens.titleCaptionInnerLabelOffset, _TextArea.textAreaTokens.titleCaptionFontFamily, _TextArea.textAreaTokens.titleCaptionFontSize, _TextArea.textAreaTokens.titleCaptionFontStyle, _TextArea.textAreaTokens.titleCaptionFontWeight, _TextArea.textAreaTokens.titleCaptionLetterSpacing, _TextArea.textAreaTokens.titleCaptionLineHeight)
20
20
  },
21
21
  view: {
22
- "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.clearInputColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.clearPlaceholderColor, _TextArea.textAreaTokens.clearPlaceholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor, _TextArea.textAreaTokens.indicatorColor, _TextArea.textAreaTokens.optionalColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorHover, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColor, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorHover, _TextArea.textAreaTokens.dividerColor, _TextArea.textAreaTokens.dividerColorHover, _TextArea.textAreaTokens.dividerColorFocus),
23
- positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.clearInputColor, _TextArea.textAreaTokens.clearPlaceholderColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.clearPlaceholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor, _TextArea.textAreaTokens.indicatorColor, _TextArea.textAreaTokens.optionalColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorHover, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColor, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorHover, _TextArea.textAreaTokens.dividerColor, _TextArea.textAreaTokens.dividerColorHover, _TextArea.textAreaTokens.dividerColorFocus),
24
- warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.clearInputColor, _TextArea.textAreaTokens.clearPlaceholderColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.clearPlaceholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor, _TextArea.textAreaTokens.indicatorColor, _TextArea.textAreaTokens.optionalColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorHover, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColor, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorHover, _TextArea.textAreaTokens.dividerColor, _TextArea.textAreaTokens.dividerColorHover, _TextArea.textAreaTokens.dividerColorFocus),
25
- negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.clearInputColor, _TextArea.textAreaTokens.clearPlaceholderColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.clearPlaceholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor, _TextArea.textAreaTokens.indicatorColor, _TextArea.textAreaTokens.optionalColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorHover, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColor, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorHover, _TextArea.textAreaTokens.dividerColor, _TextArea.textAreaTokens.dividerColorHover, _TextArea.textAreaTokens.dividerColorFocus)
22
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-secondary);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.clearInputColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.clearPlaceholderColor, _TextArea.textAreaTokens.clearPlaceholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor, _TextArea.textAreaTokens.indicatorColor, _TextArea.textAreaTokens.optionalColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorHover, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColor, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorHover, _TextArea.textAreaTokens.dividerColor, _TextArea.textAreaTokens.dividerColorHover, _TextArea.textAreaTokens.dividerColorFocus, _TextArea.textAreaTokens.titleCaptionColor, _TextArea.textAreaTokens.hintIconColor),
23
+ positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-secondary);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.clearInputColor, _TextArea.textAreaTokens.clearPlaceholderColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.clearPlaceholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor, _TextArea.textAreaTokens.indicatorColor, _TextArea.textAreaTokens.optionalColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorHover, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColor, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorHover, _TextArea.textAreaTokens.dividerColor, _TextArea.textAreaTokens.dividerColorHover, _TextArea.textAreaTokens.dividerColorFocus, _TextArea.textAreaTokens.titleCaptionColor, _TextArea.textAreaTokens.hintIconColor),
24
+ warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-secondary);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.clearInputColor, _TextArea.textAreaTokens.clearPlaceholderColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.clearPlaceholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor, _TextArea.textAreaTokens.indicatorColor, _TextArea.textAreaTokens.optionalColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorHover, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColor, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorHover, _TextArea.textAreaTokens.dividerColor, _TextArea.textAreaTokens.dividerColorHover, _TextArea.textAreaTokens.dividerColorFocus, _TextArea.textAreaTokens.titleCaptionColor, _TextArea.textAreaTokens.hintIconColor),
25
+ negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-secondary);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.clearInputColor, _TextArea.textAreaTokens.clearPlaceholderColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.clearPlaceholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor, _TextArea.textAreaTokens.indicatorColor, _TextArea.textAreaTokens.optionalColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColor, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorHover, _TextArea.textAreaTokens.scrollbarThumbBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColor, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorActive, _TextArea.textAreaTokens.scrollbarTrackBackgroundColorHover, _TextArea.textAreaTokens.dividerColor, _TextArea.textAreaTokens.dividerColorHover, _TextArea.textAreaTokens.dividerColorFocus, _TextArea.textAreaTokens.titleCaptionColor, _TextArea.textAreaTokens.hintIconColor)
26
+ },
27
+ hintView: {
28
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-card);", ":var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));", ":var(--text-primary);"], _TextArea.textAreaTokens.tooltipBackgroundColor, _TextArea.textAreaTokens.tooltipBoxShadow, _TextArea.textAreaTokens.tooltipColor),
29
+ onDark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-surface-solid-card);", ":var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));", ":var(--on-dark-text-primary);"], _TextArea.textAreaTokens.tooltipBackgroundColor, _TextArea.textAreaTokens.tooltipBoxShadow, _TextArea.textAreaTokens.tooltipColor),
30
+ onLight: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-surface-solid-card);", ":var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));", ":var(--on-light-text-primary);"], _TextArea.textAreaTokens.tooltipBackgroundColor, _TextArea.textAreaTokens.tooltipBoxShadow, _TextArea.textAreaTokens.tooltipColor)
31
+ },
32
+ hintSize: {
33
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.6875rem;", ":0.875rem;", ":0.6875rem;", ":0.875rem;", ":2.5rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.375rem;", ":1.25rem;", ":1.25rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");", ":0.5rem;", ":0.625rem;", ":var(--surface-solid-card);"], _TextArea.textAreaTokens.tooltipPaddingTop, _TextArea.textAreaTokens.tooltipPaddingRight, _TextArea.textAreaTokens.tooltipPaddingBottom, _TextArea.textAreaTokens.tooltipPaddingLeft, _TextArea.textAreaTokens.tooltipMinHeight, _TextArea.textAreaTokens.tooltipBorderRadius, _TextArea.textAreaTokens.tooltipTextFontFamily, _TextArea.textAreaTokens.tooltipTextFontSize, _TextArea.textAreaTokens.tooltipTextFontStyle, _TextArea.textAreaTokens.tooltipTextFontWeight, _TextArea.textAreaTokens.tooltipTextFontLetterSpacing, _TextArea.textAreaTokens.tooltipTextFontLineHeight, _TextArea.textAreaTokens.tooltipContentLeftMargin, _TextArea.textAreaTokens.tooltipArrowMaskWidth, _TextArea.textAreaTokens.tooltipArrowMaskHeight, _TextArea.textAreaTokens.tooltipArrowMaskImage, _TextArea.textAreaTokens.tooltipArrowHeight, _TextArea.textAreaTokens.tooltipArrowEdgeMargin, _TextArea.textAreaTokens.tooltipArrowBackground),
34
+ s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":0.75rem;", ":0.5rem;", ":0.75rem;", ":2rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--surface-solid-card);"], _TextArea.textAreaTokens.tooltipPaddingTop, _TextArea.textAreaTokens.tooltipPaddingRight, _TextArea.textAreaTokens.tooltipPaddingBottom, _TextArea.textAreaTokens.tooltipPaddingLeft, _TextArea.textAreaTokens.tooltipMinHeight, _TextArea.textAreaTokens.tooltipBorderRadius, _TextArea.textAreaTokens.tooltipTextFontFamily, _TextArea.textAreaTokens.tooltipTextFontSize, _TextArea.textAreaTokens.tooltipTextFontStyle, _TextArea.textAreaTokens.tooltipTextFontWeight, _TextArea.textAreaTokens.tooltipTextFontLetterSpacing, _TextArea.textAreaTokens.tooltipTextFontLineHeight, _TextArea.textAreaTokens.tooltipContentLeftMargin, _TextArea.textAreaTokens.tooltipArrowMaskWidth, _TextArea.textAreaTokens.tooltipArrowMaskHeight, _TextArea.textAreaTokens.tooltipArrowMaskImage, _TextArea.textAreaTokens.tooltipArrowHeight, _TextArea.textAreaTokens.tooltipArrowEdgeMargin, _TextArea.textAreaTokens.tooltipArrowBackground)
26
35
  },
27
36
  clear: {
28
37
  "true": /*#__PURE__*/(0, _styledComponents.css)([""])
29
38
  },
30
39
  disabled: {
31
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--text-secondary);", ":var(--surface-transparent-primary);"], _TextArea.textAreaTokens.disabledOpacity, _TextArea.textAreaTokens.inputColorDisabled, _TextArea.textAreaTokens.dividerColorReadOnly)
40
+ "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);"], _TextArea.textAreaTokens.disabledOpacity, _TextArea.textAreaTokens.inputColorDisabled, _TextArea.textAreaTokens.dividerColorReadOnly, _TextArea.textAreaTokens.titleCaptionColorReadOnly)
32
41
  }
33
42
  }
34
43
  };
@@ -7,11 +7,34 @@ import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
7
7
  import { textAreaConfig } from '../../../../components/TextArea';
8
8
  import { mergeConfig } from '../../../../engines';
9
9
  import { WithTheme, argTypesFromConfig } from '../../../_helpers';
10
+ import type { PopoverPlacement } from '../Popover/Popover';
10
11
 
11
12
  import { config } from './TextArea.config';
12
13
  import { TextArea } from './TextArea';
13
14
 
14
15
  const labelPlacements = ['inner', 'outer'];
16
+ const hintViews = ['default', 'onDark', 'onLight'];
17
+ const hintSizes = ['m', 's'];
18
+ const hintTriggers = ['hover', 'click'];
19
+ const placements: Array<PopoverPlacement> = [
20
+ 'top',
21
+ 'top-start',
22
+ 'top-end',
23
+
24
+ 'bottom',
25
+ 'bottom-start',
26
+ 'bottom-end',
27
+
28
+ 'left',
29
+ 'left-start',
30
+ 'left-end',
31
+
32
+ 'right',
33
+ 'right-start',
34
+ 'right-end',
35
+
36
+ 'auto',
37
+ ];
15
38
 
16
39
  type StoryTextAreaPropsCustom = {
17
40
  enableContentRight?: boolean;
@@ -67,6 +90,46 @@ const meta: Meta<StoryTextAreaProps> = {
67
90
  },
68
91
  if: { arg: 'clear', truthy: true },
69
92
  },
93
+ hintText: {
94
+ control: { type: 'text' },
95
+ },
96
+ hintView: {
97
+ options: hintViews,
98
+ control: {
99
+ type: 'select',
100
+ },
101
+ if: { arg: 'hintText', neq: '' },
102
+ },
103
+ hintSize: {
104
+ options: hintSizes,
105
+ control: {
106
+ type: 'select',
107
+ },
108
+ if: { arg: 'hintText', neq: '' },
109
+ },
110
+ hintTrigger: {
111
+ options: hintTriggers,
112
+ control: {
113
+ type: 'inline-radio',
114
+ },
115
+ if: { arg: 'hintText', neq: '' },
116
+ },
117
+ hintPlacement: {
118
+ options: placements,
119
+ control: {
120
+ type: 'select',
121
+ },
122
+ if: { arg: 'hintText', neq: '' },
123
+ mappers: placements,
124
+ },
125
+ hintHasArrow: {
126
+ control: { type: 'boolean' },
127
+ if: { arg: 'hintText', neq: '' },
128
+ },
129
+ hintWidth: {
130
+ control: { type: 'text' },
131
+ if: { arg: 'hintText', neq: '' },
132
+ },
70
133
  },
71
134
  args: {
72
135
  id: 'example-textarea',
@@ -76,6 +139,7 @@ const meta: Meta<StoryTextAreaProps> = {
76
139
  label: 'Лейбл',
77
140
  labelPlacement: 'outer',
78
141
  placeholder: 'Заполните многострочное поле',
142
+ titleCaption: 'Подпись к полю',
79
143
  leftHelper: 'Подсказка к полю слева',
80
144
  rightHelper: 'Подсказка к полю справа',
81
145
  disabled: false,
@@ -88,6 +152,13 @@ const meta: Meta<StoryTextAreaProps> = {
88
152
  requiredPlacement: 'right',
89
153
  clear: false,
90
154
  hasDivider: false,
155
+ hintText: 'Текст подсказки',
156
+ hintTrigger: 'hover',
157
+ hintView: 'default',
158
+ hintSize: 'm',
159
+ hintPlacement: 'auto',
160
+ hintWidth: '10rem',
161
+ hintHasArrow: true,
91
162
  },
92
163
  };
93
164
 
@@ -112,6 +183,7 @@ const StoryDefault = (props: StoryTextAreaProps) => {
112
183
  }}
113
184
  onFocus={onFocus}
114
185
  onBlur={onBlur}
186
+ style={{ width: '70%', margin: '0 auto' }}
115
187
  {...props}
116
188
  />
117
189
  );