@salutejs/plasma-new-hope 0.157.0-canary.1451.11123209424.0 → 0.157.0-canary.1459.11144116576.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (357) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +33 -18
  2. package/cjs/components/Autocomplete/Autocomplete.js +6 -2
  3. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.css +37 -17
  5. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +37 -17
  6. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +37 -17
  7. package/cjs/components/DatePicker/RangeDate/RangeDate.css +34 -19
  8. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +32 -17
  9. package/cjs/components/DatePicker/SingleDate/SingleDate.css +34 -19
  10. package/cjs/components/Range/Range.css +38 -18
  11. package/cjs/components/Slider/Slider.css +38 -18
  12. package/cjs/components/Slider/components/Double/Double.css +38 -18
  13. package/cjs/components/TextArea/TextArea.js +138 -37
  14. package/cjs/components/TextArea/TextArea.js.map +1 -1
  15. package/cjs/components/TextArea/TextArea.styles.js +116 -63
  16. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  17. package/cjs/components/TextArea/TextArea.styles_1phhc4q.css +17 -0
  18. package/cjs/components/TextArea/TextArea.tokens.js +36 -17
  19. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  20. package/cjs/components/TextArea/variations/{_clear → _hint-size}/base.js +2 -2
  21. package/cjs/components/TextArea/variations/_hint-size/base.js.map +1 -0
  22. package/cjs/components/TextArea/variations/_hint-size/base_1pzfoj7.css +1 -0
  23. package/cjs/components/TextArea/variations/_hint-view/base.js +9 -0
  24. package/cjs/components/TextArea/variations/_hint-view/base.js.map +1 -0
  25. package/cjs/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
  26. package/cjs/components/TextArea/variations/_view/base.js +1 -1
  27. package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
  28. package/cjs/components/TextArea/variations/_view/base_1ri7c88.css +1 -0
  29. package/cjs/components/TextField/TextField.js +114 -7
  30. package/cjs/components/TextField/TextField.js.map +1 -1
  31. package/cjs/components/TextField/TextField.styles.js +74 -20
  32. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  33. package/cjs/components/TextField/TextField.styles_1i9z45f.css +21 -0
  34. package/cjs/components/TextField/TextField.tokens.js +35 -0
  35. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  36. package/cjs/components/TextField/variations/_disabled/base.js +1 -1
  37. package/cjs/components/TextField/variations/_disabled/base_frtgf7.css +1 -0
  38. package/cjs/components/TextField/variations/_hint-size/base.js +9 -0
  39. package/cjs/components/TextField/variations/_hint-size/base.js.map +1 -0
  40. package/cjs/components/TextField/variations/_hint-size/base_1f8fx0a.css +1 -0
  41. package/cjs/components/TextField/variations/_hint-view/base.js +9 -0
  42. package/cjs/components/TextField/variations/_hint-view/base.js.map +1 -0
  43. package/cjs/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
  44. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  45. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  46. package/cjs/components/TextField/variations/_label-placement/base_oh623n.css +1 -0
  47. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  48. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  49. package/cjs/components/TextField/variations/_read-only/base_dwfq44.css +1 -0
  50. package/cjs/components/TextField/variations/_size/base.js +1 -1
  51. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  52. package/cjs/components/TextField/variations/_size/base_n9k1fc.css +1 -0
  53. package/cjs/components/TextField/variations/_view/base.js +1 -1
  54. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  55. package/cjs/components/TextField/variations/_view/base_tmr4o7.css +1 -0
  56. package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
  57. package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
  58. package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  59. package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +23 -0
  60. package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
  61. package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +23 -0
  62. package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
  63. package/cjs/index.css +51 -33
  64. package/emotion/cjs/components/Autocomplete/Autocomplete.js +6 -2
  65. package/emotion/cjs/components/TextArea/TextArea.js +140 -41
  66. package/emotion/cjs/components/TextArea/TextArea.styles.js +81 -41
  67. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +6 -30
  68. package/emotion/cjs/components/TextArea/TextArea.tokens.js +36 -17
  69. package/emotion/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  70. package/emotion/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
  71. package/emotion/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
  72. package/emotion/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
  73. package/emotion/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
  74. package/emotion/cjs/components/TextArea/variations/_view/base.js +3 -2
  75. package/emotion/cjs/components/TextField/TextField.js +116 -10
  76. package/emotion/cjs/components/TextField/TextField.styles.js +81 -34
  77. package/emotion/cjs/components/TextField/TextField.template-doc.mdx +7 -1
  78. package/emotion/cjs/components/TextField/TextField.tokens.js +35 -0
  79. package/emotion/cjs/components/TextField/variations/_hint-size/base.js +11 -0
  80. package/emotion/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
  81. package/emotion/cjs/components/TextField/variations/_hint-view/base.js +11 -0
  82. package/emotion/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
  83. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  84. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  85. package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
  86. package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
  87. package/emotion/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
  88. package/emotion/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
  89. package/emotion/cjs/components/_Icon/index.js +8 -1
  90. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +17 -11
  91. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +77 -15
  92. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +21 -12
  93. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +70 -1
  94. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +17 -11
  95. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +77 -15
  96. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +21 -12
  97. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +79 -10
  98. package/emotion/es/components/Autocomplete/Autocomplete.js +6 -2
  99. package/emotion/es/components/TextArea/TextArea.js +140 -41
  100. package/emotion/es/components/TextArea/TextArea.styles.js +80 -40
  101. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +6 -30
  102. package/emotion/es/components/TextArea/TextArea.tokens.js +36 -17
  103. package/emotion/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  104. package/emotion/es/components/TextArea/variations/_hint-size/base.js +5 -0
  105. package/emotion/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
  106. package/emotion/es/components/TextArea/variations/_hint-view/base.js +5 -0
  107. package/emotion/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
  108. package/emotion/es/components/TextArea/variations/_view/base.js +3 -2
  109. package/emotion/es/components/TextField/TextField.js +115 -9
  110. package/emotion/es/components/TextField/TextField.styles.js +80 -33
  111. package/emotion/es/components/TextField/TextField.template-doc.mdx +7 -1
  112. package/emotion/es/components/TextField/TextField.tokens.js +35 -0
  113. package/emotion/es/components/TextField/variations/_hint-size/base.js +5 -0
  114. package/emotion/es/components/TextField/variations/_hint-size/tokens.json +21 -0
  115. package/emotion/es/components/TextField/variations/_hint-view/base.js +5 -0
  116. package/emotion/es/components/TextField/variations/_hint-view/tokens.json +5 -0
  117. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  118. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  119. package/emotion/es/components/TextField/variations/_size/base.js +2 -2
  120. package/emotion/es/components/TextField/variations/_view/base.js +2 -2
  121. package/emotion/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
  122. package/emotion/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
  123. package/emotion/es/components/_Icon/index.js +2 -1
  124. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +17 -11
  125. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +77 -15
  126. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +21 -12
  127. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +70 -1
  128. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +17 -11
  129. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +77 -15
  130. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +21 -12
  131. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +79 -10
  132. package/es/components/Autocomplete/Autocomplete.css +33 -18
  133. package/es/components/Autocomplete/Autocomplete.js +6 -2
  134. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  135. package/es/components/Combobox/ComboboxNew/Combobox.css +37 -17
  136. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +37 -17
  137. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +37 -17
  138. package/es/components/DatePicker/RangeDate/RangeDate.css +34 -19
  139. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +32 -17
  140. package/es/components/DatePicker/SingleDate/SingleDate.css +34 -19
  141. package/es/components/Range/Range.css +38 -18
  142. package/es/components/Slider/Slider.css +38 -18
  143. package/es/components/Slider/components/Double/Double.css +38 -18
  144. package/es/components/TextArea/TextArea.js +142 -41
  145. package/es/components/TextArea/TextArea.js.map +1 -1
  146. package/es/components/TextArea/TextArea.styles.js +111 -64
  147. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  148. package/es/components/TextArea/TextArea.styles_1phhc4q.css +17 -0
  149. package/es/components/TextArea/TextArea.tokens.js +36 -17
  150. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  151. package/es/components/TextArea/variations/{_clear → _hint-size}/base.js +2 -2
  152. package/es/components/TextArea/variations/_hint-size/base.js.map +1 -0
  153. package/es/components/TextArea/variations/_hint-size/base_1pzfoj7.css +1 -0
  154. package/es/components/TextArea/variations/_hint-view/base.js +5 -0
  155. package/es/components/TextArea/variations/_hint-view/base.js.map +1 -0
  156. package/es/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
  157. package/es/components/TextArea/variations/_view/base.js +1 -1
  158. package/es/components/TextArea/variations/_view/base.js.map +1 -1
  159. package/es/components/TextArea/variations/_view/base_1ri7c88.css +1 -0
  160. package/es/components/TextField/TextField.js +115 -8
  161. package/es/components/TextField/TextField.js.map +1 -1
  162. package/es/components/TextField/TextField.styles.js +69 -21
  163. package/es/components/TextField/TextField.styles.js.map +1 -1
  164. package/es/components/TextField/TextField.styles_1i9z45f.css +21 -0
  165. package/es/components/TextField/TextField.tokens.js +35 -0
  166. package/es/components/TextField/TextField.tokens.js.map +1 -1
  167. package/es/components/TextField/variations/_disabled/base.js +1 -1
  168. package/es/components/TextField/variations/_disabled/base_frtgf7.css +1 -0
  169. package/es/components/TextField/variations/_hint-size/base.js +5 -0
  170. package/es/components/TextField/variations/_hint-size/base.js.map +1 -0
  171. package/es/components/TextField/variations/_hint-size/base_1f8fx0a.css +1 -0
  172. package/es/components/TextField/variations/_hint-view/base.js +5 -0
  173. package/es/components/TextField/variations/_hint-view/base.js.map +1 -0
  174. package/es/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
  175. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  176. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  177. package/es/components/TextField/variations/_label-placement/base_oh623n.css +1 -0
  178. package/es/components/TextField/variations/_read-only/base.js +1 -1
  179. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  180. package/es/components/TextField/variations/_read-only/base_dwfq44.css +1 -0
  181. package/es/components/TextField/variations/_size/base.js +1 -1
  182. package/es/components/TextField/variations/_size/base.js.map +1 -1
  183. package/es/components/TextField/variations/_size/base_n9k1fc.css +1 -0
  184. package/es/components/TextField/variations/_view/base.js +1 -1
  185. package/es/components/TextField/variations/_view/base.js.map +1 -1
  186. package/es/components/TextField/variations/_view/base_tmr4o7.css +1 -0
  187. package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
  188. package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
  189. package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
  190. package/es/components/_Icon/Icon.assets/InfoCircleOutline.js +19 -0
  191. package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
  192. package/es/components/_Icon/Icons/IconInfoCircleOutline.js +19 -0
  193. package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
  194. package/es/index.css +51 -33
  195. package/package.json +2 -2
  196. package/styled-components/cjs/components/Autocomplete/Autocomplete.js +6 -2
  197. package/styled-components/cjs/components/TextArea/TextArea.js +139 -40
  198. package/styled-components/cjs/components/TextArea/TextArea.styles.js +64 -39
  199. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +6 -30
  200. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +36 -17
  201. package/styled-components/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  202. package/styled-components/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
  203. package/styled-components/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
  204. package/styled-components/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
  205. package/styled-components/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
  206. package/styled-components/cjs/components/TextArea/variations/_view/base.js +3 -2
  207. package/styled-components/cjs/components/TextField/TextField.js +115 -9
  208. package/styled-components/cjs/components/TextField/TextField.styles.js +42 -17
  209. package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +7 -1
  210. package/styled-components/cjs/components/TextField/TextField.tokens.js +35 -0
  211. package/styled-components/cjs/components/TextField/variations/_hint-size/base.js +11 -0
  212. package/styled-components/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
  213. package/styled-components/cjs/components/TextField/variations/_hint-view/base.js +11 -0
  214. package/styled-components/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
  215. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  216. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  217. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  218. package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
  219. package/styled-components/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
  220. package/styled-components/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
  221. package/styled-components/cjs/components/_Icon/index.js +8 -1
  222. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +17 -11
  223. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +77 -15
  224. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
  225. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +70 -1
  226. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +17 -11
  227. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +77 -15
  228. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +18 -9
  229. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +79 -10
  230. package/styled-components/es/components/Autocomplete/Autocomplete.js +6 -2
  231. package/styled-components/es/components/TextArea/TextArea.js +139 -40
  232. package/styled-components/es/components/TextArea/TextArea.styles.js +63 -38
  233. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +6 -30
  234. package/styled-components/es/components/TextArea/TextArea.tokens.js +36 -17
  235. package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  236. package/styled-components/es/components/TextArea/variations/_hint-size/base.js +5 -0
  237. package/styled-components/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
  238. package/styled-components/es/components/TextArea/variations/_hint-view/base.js +5 -0
  239. package/styled-components/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
  240. package/styled-components/es/components/TextArea/variations/_view/base.js +3 -2
  241. package/styled-components/es/components/TextField/TextField.js +114 -8
  242. package/styled-components/es/components/TextField/TextField.styles.js +41 -16
  243. package/styled-components/es/components/TextField/TextField.template-doc.mdx +7 -1
  244. package/styled-components/es/components/TextField/TextField.tokens.js +35 -0
  245. package/styled-components/es/components/TextField/variations/_hint-size/base.js +5 -0
  246. package/styled-components/es/components/TextField/variations/_hint-size/tokens.json +21 -0
  247. package/styled-components/es/components/TextField/variations/_hint-view/base.js +5 -0
  248. package/styled-components/es/components/TextField/variations/_hint-view/tokens.json +5 -0
  249. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  250. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  251. package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
  252. package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
  253. package/styled-components/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
  254. package/styled-components/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
  255. package/styled-components/es/components/_Icon/index.js +2 -1
  256. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +17 -11
  257. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +77 -15
  258. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
  259. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +70 -1
  260. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +17 -11
  261. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +77 -15
  262. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +18 -9
  263. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +79 -10
  264. package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  265. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +208 -0
  266. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  267. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +208 -0
  268. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  269. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +208 -0
  270. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  271. package/types/components/Range/Range.styles.d.ts +208 -0
  272. package/types/components/Range/Range.styles.d.ts.map +1 -1
  273. package/types/components/Slider/components/Double/Double.styles.d.ts +208 -0
  274. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  275. package/types/components/TextArea/TextArea.d.ts +9 -7
  276. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  277. package/types/components/TextArea/TextArea.styles.d.ts +8 -0
  278. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  279. package/types/components/TextArea/TextArea.tokens.d.ts +35 -16
  280. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  281. package/types/components/TextArea/TextArea.types.d.ts +90 -18
  282. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  283. package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map +1 -1
  284. package/types/components/TextArea/variations/_hint-size/base.d.ts.map +1 -0
  285. package/types/components/TextArea/variations/_hint-view/base.d.ts +2 -0
  286. package/types/components/TextArea/variations/_hint-view/base.d.ts.map +1 -0
  287. package/types/components/TextArea/variations/_view/base.d.ts.map +1 -1
  288. package/types/components/TextField/TextField.d.ts +9 -3
  289. package/types/components/TextField/TextField.d.ts.map +1 -1
  290. package/types/components/TextField/TextField.styles.d.ts +8 -0
  291. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  292. package/types/components/TextField/TextField.tokens.d.ts +35 -0
  293. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  294. package/types/components/TextField/TextField.types.d.ts +82 -2
  295. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  296. package/types/components/TextField/variations/_hint-size/base.d.ts +2 -0
  297. package/types/components/TextField/variations/_hint-size/base.d.ts.map +1 -0
  298. package/types/components/TextField/variations/_hint-view/base.d.ts +2 -0
  299. package/types/components/TextField/variations/_hint-view/base.d.ts.map +1 -0
  300. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  301. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  302. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  303. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  304. package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts +4 -0
  305. package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts.map +1 -0
  306. package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts +4 -0
  307. package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts.map +1 -0
  308. package/types/components/_Icon/index.d.ts +1 -0
  309. package/types/components/_Icon/index.d.ts.map +1 -1
  310. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +372 -0
  311. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  312. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +8 -2
  313. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  314. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +292 -22
  315. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  316. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +9 -0
  317. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  318. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +217 -0
  319. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  320. package/types/examples/plasma_web/components/Mask/Mask.d.ts +372 -0
  321. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  322. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +8 -2
  323. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  324. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +292 -22
  325. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  326. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +9 -0
  327. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  328. package/types/examples/plasma_web/components/TextField/TextField.d.ts +217 -0
  329. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  330. package/cjs/components/TextArea/TextArea.styles_1kzzs11.css +0 -11
  331. package/cjs/components/TextArea/variations/_clear/base.js.map +0 -1
  332. package/cjs/components/TextArea/variations/_clear/base_vidplj.css +0 -1
  333. package/cjs/components/TextArea/variations/_view/base_d1s4o7.css +0 -1
  334. package/cjs/components/TextField/TextField.styles_uponva.css +0 -15
  335. package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  336. package/cjs/components/TextField/variations/_label-placement/base_6k17xp.css +0 -1
  337. package/cjs/components/TextField/variations/_read-only/base_8onybn.css +0 -1
  338. package/cjs/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
  339. package/cjs/components/TextField/variations/_view/base_1ph5cr0.css +0 -1
  340. package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
  341. package/emotion/cjs/components/TextArea/variations/_clear/base.js +0 -10
  342. package/emotion/es/components/TextArea/variations/_clear/base.js +0 -4
  343. package/es/components/TextArea/TextArea.styles_1kzzs11.css +0 -11
  344. package/es/components/TextArea/variations/_clear/base.js.map +0 -1
  345. package/es/components/TextArea/variations/_clear/base_vidplj.css +0 -1
  346. package/es/components/TextArea/variations/_view/base_d1s4o7.css +0 -1
  347. package/es/components/TextField/TextField.styles_uponva.css +0 -15
  348. package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
  349. package/es/components/TextField/variations/_label-placement/base_6k17xp.css +0 -1
  350. package/es/components/TextField/variations/_read-only/base_8onybn.css +0 -1
  351. package/es/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
  352. package/es/components/TextField/variations/_view/base_1ph5cr0.css +0 -1
  353. package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
  354. package/styled-components/cjs/components/TextArea/variations/_clear/base.js +0 -10
  355. package/styled-components/es/components/TextArea/variations/_clear/base.js +0 -4
  356. package/types/components/TextArea/variations/_clear/base.d.ts.map +0 -1
  357. /package/types/components/TextArea/variations/{_clear → _hint-size}/base.d.ts +0 -0
@@ -8,26 +8,35 @@ export var config = {
8
8
  },
9
9
  variations: {
10
10
  view: {
11
- "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
12
- positive: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
13
- warning: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
14
- negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
11
+ "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
12
+ positive: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
13
+ warning: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
14
+ negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.backgroundColor, tokens.caretColor, tokens.placeholderColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
15
15
  },
16
16
  size: {
17
- l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":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);", ":0.75rem;", ":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);", ":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 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":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);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
18
- m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":0.0625rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":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);", ":0.625rem;", ":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);", ":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 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":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);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.6875rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
19
- s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":0.0625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":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.5rem;", ":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.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.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":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;", ":0.375rem;", ":0 0 0 0;", ":0.3125rem auto auto -0.6875rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
20
- xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":0.0625rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":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;", ":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;", ":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.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":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.6875rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight)
17
+ l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":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);", ":0.75rem;", ":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);", ":0 0.25rem;", ":-1.375rem;", ":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.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 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":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);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
18
+ m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":0.0625rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":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);", ":0.625rem;", ":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);", ":0 0.25rem;", ":-1.375rem;", ":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.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 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":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);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.6875rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
19
+ s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":0.0625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":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.5rem;", ":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 0.25rem;", ":-1.375rem;", ":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.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.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":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;", ":0.375rem;", ":0 0 0 0;", ":0.3125rem auto auto -0.6875rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight),
20
+ xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":0.0625rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":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;", ":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 0.25rem;", ":-1.25rem;", ":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.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.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":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.6875rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight)
21
21
  },
22
22
  labelPlacement: {
23
23
  inner: /*#__PURE__*/css(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--text-secondary)));", ":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);"], tokens.placeholderColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight),
24
24
  outer: /*#__PURE__*/css([""])
25
25
  },
26
+ hintView: {
27
+ "default": /*#__PURE__*/css(["", ":var(--surface-solid-card);", ":var(--shadow-down-hard-m);", ":var(--text-primary);"], tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor),
28
+ onDark: /*#__PURE__*/css(["", ":var(--on-dark-surface-solid-card);", ":var(--shadow-down-hard-m);", ":var(--on-dark-text-primary);"], tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor),
29
+ onLight: /*#__PURE__*/css(["", ":var(--on-light-surface-solid-card);", ":var(--shadow-down-hard-m);", ":var(--on-light-text-primary);"], tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
30
+ },
31
+ hintSize: {
32
+ m: /*#__PURE__*/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);"], tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin, tokens.tooltipArrowBackground),
33
+ s: /*#__PURE__*/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);"], tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin, tokens.tooltipArrowBackground)
34
+ },
26
35
  disabled: {
27
36
  "true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
28
37
  },
29
38
  readOnly: {
30
- "true": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.labelColorReadOnly)
39
+ "true": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.borderColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly)
31
40
  }
32
41
  }
33
42
  };
@@ -4,7 +4,8 @@ import { action } from '@storybook/addon-actions';
4
4
  import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
5
5
 
6
6
  import { WithTheme } from '../../../_helpers';
7
- import { IconChevronLeft } from '../../../../components/_Icon';
7
+ import { IconCross } from '../../../../components/_Icon';
8
+ import type { PopoverPlacement } from '../Popover/Popover';
8
9
 
9
10
  import { TextField } from './TextField';
10
11
 
@@ -16,7 +17,29 @@ const onChipsChange = action('onChipsChange');
16
17
 
17
18
  const sizes = ['l', 'm', 's', 'xs'];
18
19
  const views = ['default', 'positive', 'warning', 'negative'];
20
+ const hintViews = ['default', 'onDark', 'onLight'];
21
+ const hintSizes = ['m', 's'];
22
+ const hintTriggers = ['hover', 'click'];
19
23
  const labelPlacements = ['outer', 'inner'];
24
+ const placements: Array<PopoverPlacement> = [
25
+ 'top',
26
+ 'top-start',
27
+ 'top-end',
28
+
29
+ 'bottom',
30
+ 'bottom-start',
31
+ 'bottom-end',
32
+
33
+ 'left',
34
+ 'left-start',
35
+ 'left-end',
36
+
37
+ 'right',
38
+ 'right-start',
39
+ 'right-end',
40
+
41
+ 'auto',
42
+ ];
20
43
 
21
44
  const meta: Meta<typeof TextField> = {
22
45
  title: 'plasma_web/TextField',
@@ -64,6 +87,43 @@ const meta: Meta<typeof TextField> = {
64
87
  type: 'inline-radio',
65
88
  },
66
89
  },
90
+ hintView: {
91
+ options: hintViews,
92
+ control: {
93
+ type: 'select',
94
+ },
95
+ if: { arg: 'hasHint', truthy: true },
96
+ },
97
+ hintSize: {
98
+ options: hintSizes,
99
+ control: {
100
+ type: 'select',
101
+ },
102
+ if: { arg: 'hasHint', truthy: true },
103
+ },
104
+ hintTrigger: {
105
+ options: hintTriggers,
106
+ control: {
107
+ type: 'inline-radio',
108
+ },
109
+ if: { arg: 'hasHint', truthy: true },
110
+ },
111
+ hintText: {
112
+ control: { type: 'text' },
113
+ if: { arg: 'hasHint', truthy: true },
114
+ },
115
+ hintPlacement: {
116
+ options: placements,
117
+ control: {
118
+ type: 'select',
119
+ },
120
+ if: { arg: 'hasHint', truthy: true },
121
+ mappers: placements,
122
+ },
123
+ hintHasArrow: {
124
+ control: { type: 'boolean' },
125
+ if: { arg: 'hasHint', truthy: true },
126
+ },
67
127
  },
68
128
  };
69
129
 
@@ -99,13 +159,13 @@ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: Sto
99
159
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
100
160
 
101
161
  return (
102
- <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
162
+ <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem', width: '70%', margin: '0 auto' }}>
103
163
  <TextField
104
164
  {...rest}
105
165
  enumerationType="plain"
106
166
  value={text}
107
- contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
108
- contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
167
+ contentLeft={enableContentLeft ? <IconCross color="inherit" size={iconSize} /> : undefined}
168
+ contentRight={enableContentRight ? <IconCross color="inherit" size={iconSize} /> : undefined}
109
169
  view={view}
110
170
  onChange={(e) => {
111
171
  setText(e.target.value);
@@ -139,15 +199,25 @@ export const Default: StoryObj<StoryPropsDefault> = {
139
199
  view: 'default',
140
200
  label: 'Лейбл',
141
201
  labelPlacement: 'outer',
202
+ titleCaption: 'Подпись к полю',
203
+ textBefore: '',
204
+ textAfter: '',
142
205
  placeholder: 'Заполните поле',
143
206
  leftHelper: 'Подсказка к полю',
144
207
  disabled: false,
145
208
  readOnly: false,
146
- required: false,
147
- requiredPlacement: 'right',
148
- optional: false,
149
209
  enableContentLeft: true,
150
210
  enableContentRight: true,
211
+ optional: false,
212
+ required: false,
213
+ requiredPlacement: 'right',
214
+ hasHint: false,
215
+ hintTrigger: 'hover',
216
+ hintText: 'Текст подсказки',
217
+ hintView: 'default',
218
+ hintSize: 'm',
219
+ hintPlacement: 'auto',
220
+ hintHasArrow: true,
151
221
  },
152
222
  render: (args) => <StoryDemo {...args} />,
153
223
  };
@@ -168,8 +238,6 @@ type StoryPropsChips = Omit<
168
238
  | 'checked'
169
239
  | 'maxLength'
170
240
  | 'minLength'
171
- | 'required'
172
- | 'optional'
173
241
  | 'enumerationType'
174
242
  > & {
175
243
  enableContentLeft: boolean;
@@ -186,7 +254,7 @@ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: St
186
254
  {...rest}
187
255
  enumerationType="chip"
188
256
  value={text}
189
- contentLeft={enableContentLeft ? <IconChevronLeft color="inherit" size={iconSize} /> : undefined}
257
+ contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
190
258
  contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
191
259
  view={view}
192
260
  onChange={(e) => {
@@ -196,6 +264,7 @@ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: St
196
264
  onFocus={onFocus}
197
265
  onBlur={onBlur}
198
266
  onChangeChips={onChipsChange}
267
+ style={{ width: '70%', margin: '0 auto' }}
199
268
  />
200
269
  );
201
270
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,gBAAgB,EAAE,iBAAiB,CAAC,gWAmLhF,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBArLQ,UAAU,gBAAgB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;CAoMpF,CAAC"}
1
+ {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,gBAAgB,EAAE,iBAAiB,CAAC,gWAyLhF,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBA3LQ,UAAU,gBAAgB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;CA0MpF,CAAC"}
@@ -7,6 +7,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
7
7
  } & {
8
8
  label?: string | undefined;
9
9
  labelPlacement?: "inner" | "outer" | undefined;
10
+ titleCaption?: import("react").ReactNode;
10
11
  leftHelper?: string | undefined;
11
12
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
12
13
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -18,6 +19,95 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
18
19
  } & {
19
20
  required: true;
20
21
  optional?: false | undefined;
22
+ } & {
23
+ hasHint: boolean;
24
+ hintText: string;
25
+ hintTrigger?: "click" | "hover" | undefined;
26
+ hintView?: string | undefined;
27
+ hintSize?: string | undefined;
28
+ hintTarget?: import("react").ReactNode;
29
+ hintPlacement?: import("@popperjs/core").Placement | import("@popperjs/core").ComputedPlacement[] | undefined;
30
+ hintHasArrow?: boolean | undefined;
31
+ hintOffset?: [number, number] | undefined;
32
+ hintMinWidth?: string | undefined;
33
+ hintMaxWidth?: string | undefined;
34
+ hintContentLeft?: import("react").ReactNode;
35
+ } & {
36
+ chips?: undefined;
37
+ onChangeChips?: undefined;
38
+ enumerationType?: "plain" | undefined;
39
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
40
+ } & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
41
+ size?: string | undefined;
42
+ view?: string | undefined;
43
+ readOnly?: boolean | undefined;
44
+ disabled?: boolean | undefined;
45
+ } & {
46
+ label?: string | undefined;
47
+ labelPlacement?: "inner" | "outer" | undefined;
48
+ titleCaption?: import("react").ReactNode;
49
+ leftHelper?: string | undefined;
50
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
51
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
52
+ textBefore?: string | undefined;
53
+ textAfter?: string | undefined;
54
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
55
+ } & {
56
+ requiredPlacement?: "left" | "right" | undefined;
57
+ } & {
58
+ required: true;
59
+ optional?: false | undefined;
60
+ } & {
61
+ hasHint: boolean;
62
+ hintText: string;
63
+ hintTrigger?: "click" | "hover" | undefined;
64
+ hintView?: string | undefined;
65
+ hintSize?: string | undefined;
66
+ hintTarget?: import("react").ReactNode;
67
+ hintPlacement?: import("@popperjs/core").Placement | import("@popperjs/core").ComputedPlacement[] | undefined;
68
+ hintHasArrow?: boolean | undefined;
69
+ hintOffset?: [number, number] | undefined;
70
+ hintMinWidth?: string | undefined;
71
+ hintMaxWidth?: string | undefined;
72
+ hintContentLeft?: import("react").ReactNode;
73
+ } & {
74
+ enumerationType: "chip";
75
+ onSearch?: undefined;
76
+ chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
77
+ onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
78
+ } & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
79
+ size?: string | undefined;
80
+ view?: string | undefined;
81
+ readOnly?: boolean | undefined;
82
+ disabled?: boolean | undefined;
83
+ } & {
84
+ label?: string | undefined;
85
+ labelPlacement?: "inner" | "outer" | undefined;
86
+ titleCaption?: import("react").ReactNode;
87
+ leftHelper?: string | undefined;
88
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
89
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
90
+ textBefore?: string | undefined;
91
+ textAfter?: string | undefined;
92
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
93
+ } & {
94
+ requiredPlacement?: "left" | "right" | undefined;
95
+ } & {
96
+ required: true;
97
+ optional?: false | undefined;
98
+ } & {
99
+ hasHint?: false | undefined;
100
+ hintTrigger?: undefined;
101
+ hintText?: undefined;
102
+ hintView?: undefined;
103
+ hintSize?: undefined;
104
+ hintTarget?: undefined;
105
+ hintPlacement?: undefined;
106
+ hintHasArrow?: undefined;
107
+ hintOffset?: undefined;
108
+ hintMinWidth?: undefined;
109
+ hintMaxWidth?: undefined;
110
+ hintContentLeft?: undefined;
21
111
  } & {
22
112
  chips?: undefined;
23
113
  onChangeChips?: undefined;
@@ -31,6 +121,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
31
121
  } & {
32
122
  label?: string | undefined;
33
123
  labelPlacement?: "inner" | "outer" | undefined;
124
+ titleCaption?: import("react").ReactNode;
34
125
  leftHelper?: string | undefined;
35
126
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
36
127
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -42,6 +133,19 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
42
133
  } & {
43
134
  required: true;
44
135
  optional?: false | undefined;
136
+ } & {
137
+ hasHint?: false | undefined;
138
+ hintTrigger?: undefined;
139
+ hintText?: undefined;
140
+ hintView?: undefined;
141
+ hintSize?: undefined;
142
+ hintTarget?: undefined;
143
+ hintPlacement?: undefined;
144
+ hintHasArrow?: undefined;
145
+ hintOffset?: undefined;
146
+ hintMinWidth?: undefined;
147
+ hintMaxWidth?: undefined;
148
+ hintContentLeft?: undefined;
45
149
  } & {
46
150
  enumerationType: "chip";
47
151
  onSearch?: undefined;
@@ -55,6 +159,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
55
159
  } & {
56
160
  label?: string | undefined;
57
161
  labelPlacement?: "inner" | "outer" | undefined;
162
+ titleCaption?: import("react").ReactNode;
58
163
  leftHelper?: string | undefined;
59
164
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
60
165
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -66,6 +171,95 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
66
171
  } & {
67
172
  optional?: true | undefined;
68
173
  required?: false | undefined;
174
+ } & {
175
+ hasHint: boolean;
176
+ hintText: string;
177
+ hintTrigger?: "click" | "hover" | undefined;
178
+ hintView?: string | undefined;
179
+ hintSize?: string | undefined;
180
+ hintTarget?: import("react").ReactNode;
181
+ hintPlacement?: import("@popperjs/core").Placement | import("@popperjs/core").ComputedPlacement[] | undefined;
182
+ hintHasArrow?: boolean | undefined;
183
+ hintOffset?: [number, number] | undefined;
184
+ hintMinWidth?: string | undefined;
185
+ hintMaxWidth?: string | undefined;
186
+ hintContentLeft?: import("react").ReactNode;
187
+ } & {
188
+ chips?: undefined;
189
+ onChangeChips?: undefined;
190
+ enumerationType?: "plain" | undefined;
191
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
192
+ } & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
193
+ size?: string | undefined;
194
+ view?: string | undefined;
195
+ readOnly?: boolean | undefined;
196
+ disabled?: boolean | undefined;
197
+ } & {
198
+ label?: string | undefined;
199
+ labelPlacement?: "inner" | "outer" | undefined;
200
+ titleCaption?: import("react").ReactNode;
201
+ leftHelper?: string | undefined;
202
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
203
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
204
+ textBefore?: string | undefined;
205
+ textAfter?: string | undefined;
206
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
207
+ } & {
208
+ requiredPlacement?: "left" | "right" | undefined;
209
+ } & {
210
+ optional?: true | undefined;
211
+ required?: false | undefined;
212
+ } & {
213
+ hasHint: boolean;
214
+ hintText: string;
215
+ hintTrigger?: "click" | "hover" | undefined;
216
+ hintView?: string | undefined;
217
+ hintSize?: string | undefined;
218
+ hintTarget?: import("react").ReactNode;
219
+ hintPlacement?: import("@popperjs/core").Placement | import("@popperjs/core").ComputedPlacement[] | undefined;
220
+ hintHasArrow?: boolean | undefined;
221
+ hintOffset?: [number, number] | undefined;
222
+ hintMinWidth?: string | undefined;
223
+ hintMaxWidth?: string | undefined;
224
+ hintContentLeft?: import("react").ReactNode;
225
+ } & {
226
+ enumerationType: "chip";
227
+ onSearch?: undefined;
228
+ chips?: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
229
+ onChangeChips?: ((value: import("../../../TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
230
+ } & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>) | ({
231
+ size?: string | undefined;
232
+ view?: string | undefined;
233
+ readOnly?: boolean | undefined;
234
+ disabled?: boolean | undefined;
235
+ } & {
236
+ label?: string | undefined;
237
+ labelPlacement?: "inner" | "outer" | undefined;
238
+ titleCaption?: import("react").ReactNode;
239
+ leftHelper?: string | undefined;
240
+ contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
241
+ contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
242
+ textBefore?: string | undefined;
243
+ textAfter?: string | undefined;
244
+ onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
245
+ } & {
246
+ requiredPlacement?: "left" | "right" | undefined;
247
+ } & {
248
+ optional?: true | undefined;
249
+ required?: false | undefined;
250
+ } & {
251
+ hasHint?: false | undefined;
252
+ hintTrigger?: undefined;
253
+ hintText?: undefined;
254
+ hintView?: undefined;
255
+ hintSize?: undefined;
256
+ hintTarget?: undefined;
257
+ hintPlacement?: undefined;
258
+ hintHasArrow?: undefined;
259
+ hintOffset?: undefined;
260
+ hintMinWidth?: undefined;
261
+ hintMaxWidth?: undefined;
262
+ hintContentLeft?: undefined;
69
263
  } & {
70
264
  chips?: undefined;
71
265
  onChangeChips?: undefined;
@@ -79,6 +273,7 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
79
273
  } & {
80
274
  label?: string | undefined;
81
275
  labelPlacement?: "inner" | "outer" | undefined;
276
+ titleCaption?: import("react").ReactNode;
82
277
  leftHelper?: string | undefined;
83
278
  contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
84
279
  contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
@@ -90,6 +285,19 @@ export declare const StyledTextField: import("@linaria/react").StyledMeta & impo
90
285
  } & {
91
286
  optional?: true | undefined;
92
287
  required?: false | undefined;
288
+ } & {
289
+ hasHint?: false | undefined;
290
+ hintTrigger?: undefined;
291
+ hintText?: undefined;
292
+ hintView?: undefined;
293
+ hintSize?: undefined;
294
+ hintTarget?: undefined;
295
+ hintPlacement?: undefined;
296
+ hintHasArrow?: undefined;
297
+ hintOffset?: undefined;
298
+ hintMinWidth?: undefined;
299
+ hintMaxWidth?: undefined;
300
+ hintContentLeft?: undefined;
93
301
  } & {
94
302
  enumerationType: "chip";
95
303
  onSearch?: undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qJA2D3B,CAAC"}
1
+ {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/TextField/TextField.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qJA2D3B,CAAC"}