@salutejs/plasma-new-hope 0.157.0-canary.1421.11106899244.0 → 0.157.0-canary.1451.11107344443.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (297) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +15 -16
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +15 -16
  3. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -16
  4. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -16
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.css +16 -17
  6. package/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -67
  7. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  8. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +15 -16
  9. package/cjs/components/DatePicker/SingleDate/SingleDate.css +16 -17
  10. package/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -31
  11. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  12. package/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
  13. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  14. package/cjs/components/Range/Range.css +15 -16
  15. package/cjs/components/Slider/Slider.css +16 -17
  16. package/cjs/components/Slider/Slider.js +6 -19
  17. package/cjs/components/Slider/Slider.js.map +1 -1
  18. package/cjs/components/Slider/components/Double/Double.css +16 -17
  19. package/cjs/components/Slider/components/Double/Double.js +2 -40
  20. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  21. package/cjs/components/Slider/components/Single/Single.css +0 -17
  22. package/cjs/components/Slider/components/Single/Single.js +13 -49
  23. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  24. package/cjs/components/Slider/utils/index.js +0 -6
  25. package/cjs/components/Slider/utils/index.js.map +1 -1
  26. package/cjs/components/TextArea/TextArea.js +27 -37
  27. package/cjs/components/TextArea/TextArea.js.map +1 -1
  28. package/cjs/components/TextArea/TextArea.tokens.js +16 -2
  29. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  30. package/cjs/components/TextArea/variations/_clear/base.js +9 -0
  31. package/cjs/components/TextArea/variations/_clear/base.js.map +1 -0
  32. package/cjs/components/TextArea/variations/_clear/base_pdqqh8.css +1 -0
  33. package/cjs/components/TextArea/variations/_view/base.js +1 -1
  34. package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
  35. package/cjs/components/TextArea/variations/_view/base_d83rii.css +1 -0
  36. package/cjs/components/TextField/TextField.js +0 -14
  37. package/cjs/components/TextField/TextField.js.map +1 -1
  38. package/cjs/components/TextField/TextField.styles.js +1 -7
  39. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  40. package/{es/components/TextField/TextField.styles_b1zmrz.css → cjs/components/TextField/TextField.styles_uponva.css} +0 -1
  41. package/cjs/index.css +15 -14
  42. package/cjs/index.js +0 -5
  43. package/cjs/index.js.map +1 -1
  44. package/cjs/utils/index.js.map +1 -1
  45. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -67
  46. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -31
  47. package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
  48. package/emotion/cjs/components/Slider/Slider.js +6 -15
  49. package/emotion/cjs/components/Slider/components/Double/Double.js +2 -40
  50. package/emotion/cjs/components/Slider/components/Single/Single.js +8 -44
  51. package/emotion/cjs/components/Slider/components/index.js +0 -11
  52. package/emotion/cjs/components/Slider/utils/index.js +1 -6
  53. package/emotion/cjs/components/TextArea/TextArea.js +24 -33
  54. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
  55. package/emotion/cjs/components/TextArea/TextArea.tokens.js +16 -2
  56. package/emotion/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  57. package/emotion/cjs/components/TextArea/variations/_clear/base.js +10 -0
  58. package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -2
  59. package/emotion/cjs/components/TextField/TextField.js +1 -15
  60. package/emotion/cjs/components/TextField/TextField.styles.js +31 -43
  61. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  62. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  63. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
  64. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  65. package/emotion/cjs/hooks/index.js +1 -8
  66. package/emotion/cjs/utils/index.js +0 -15
  67. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +4 -67
  68. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +3 -31
  69. package/emotion/es/components/DatePicker/hooks/useDatePicker.js +1 -34
  70. package/emotion/es/components/Slider/Slider.js +6 -16
  71. package/emotion/es/components/Slider/components/Double/Double.js +3 -41
  72. package/emotion/es/components/Slider/components/Single/Single.js +9 -45
  73. package/emotion/es/components/Slider/components/index.js +0 -1
  74. package/emotion/es/components/Slider/utils/index.js +0 -5
  75. package/emotion/es/components/TextArea/TextArea.js +24 -33
  76. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -0
  77. package/emotion/es/components/TextArea/TextArea.tokens.js +16 -2
  78. package/emotion/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  79. package/emotion/es/components/TextArea/variations/_clear/base.js +4 -0
  80. package/emotion/es/components/TextArea/variations/_view/base.js +2 -2
  81. package/emotion/es/components/TextField/TextField.js +1 -15
  82. package/emotion/es/components/TextField/TextField.styles.js +30 -42
  83. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  84. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  85. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
  86. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  87. package/emotion/es/hooks/index.js +1 -2
  88. package/emotion/es/utils/index.js +0 -1
  89. package/es/components/Autocomplete/Autocomplete.css +15 -16
  90. package/es/components/Combobox/ComboboxNew/Combobox.css +15 -16
  91. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -16
  92. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -16
  93. package/es/components/DatePicker/RangeDate/RangeDate.css +16 -17
  94. package/es/components/DatePicker/RangeDate/RangeDate.js +4 -67
  95. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  96. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +15 -16
  97. package/es/components/DatePicker/SingleDate/SingleDate.css +16 -17
  98. package/es/components/DatePicker/SingleDate/SingleDate.js +3 -31
  99. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  100. package/es/components/DatePicker/hooks/useDatePicker.js +1 -34
  101. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  102. package/es/components/Range/Range.css +15 -16
  103. package/es/components/Slider/Slider.css +16 -17
  104. package/es/components/Slider/Slider.js +7 -20
  105. package/es/components/Slider/Slider.js.map +1 -1
  106. package/es/components/Slider/components/Double/Double.css +16 -17
  107. package/es/components/Slider/components/Double/Double.js +3 -41
  108. package/es/components/Slider/components/Double/Double.js.map +1 -1
  109. package/es/components/Slider/components/Single/Single.css +0 -17
  110. package/es/components/Slider/components/Single/Single.js +9 -45
  111. package/es/components/Slider/components/Single/Single.js.map +1 -1
  112. package/es/components/Slider/utils/index.js +1 -6
  113. package/es/components/Slider/utils/index.js.map +1 -1
  114. package/es/components/TextArea/TextArea.js +24 -34
  115. package/es/components/TextArea/TextArea.js.map +1 -1
  116. package/es/components/TextArea/TextArea.tokens.js +16 -2
  117. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  118. package/es/components/TextArea/variations/_clear/base.js +5 -0
  119. package/es/components/TextArea/variations/_clear/base.js.map +1 -0
  120. package/es/components/TextArea/variations/_clear/base_pdqqh8.css +1 -0
  121. package/es/components/TextArea/variations/_view/base.js +1 -1
  122. package/es/components/TextArea/variations/_view/base.js.map +1 -1
  123. package/es/components/TextArea/variations/_view/base_d83rii.css +1 -0
  124. package/es/components/TextField/TextField.js +0 -14
  125. package/es/components/TextField/TextField.js.map +1 -1
  126. package/es/components/TextField/TextField.styles.js +2 -7
  127. package/es/components/TextField/TextField.styles.js.map +1 -1
  128. package/{cjs/components/TextField/TextField.styles_b1zmrz.css → es/components/TextField/TextField.styles_uponva.css} +0 -1
  129. package/es/index.css +15 -14
  130. package/es/index.js +0 -2
  131. package/es/index.js.map +1 -1
  132. package/es/utils/index.js.map +1 -1
  133. package/package.json +2 -2
  134. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -67
  135. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -31
  136. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
  137. package/styled-components/cjs/components/Slider/Slider.js +6 -15
  138. package/styled-components/cjs/components/Slider/components/Double/Double.js +2 -40
  139. package/styled-components/cjs/components/Slider/components/Single/Single.js +8 -44
  140. package/styled-components/cjs/components/Slider/components/index.js +0 -11
  141. package/styled-components/cjs/components/Slider/utils/index.js +1 -6
  142. package/styled-components/cjs/components/TextArea/TextArea.js +23 -32
  143. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
  144. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +16 -2
  145. package/styled-components/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  146. package/styled-components/cjs/components/TextArea/variations/_clear/base.js +10 -0
  147. package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
  148. package/styled-components/cjs/components/TextField/TextField.js +0 -14
  149. package/styled-components/cjs/components/TextField/TextField.styles.js +2 -5
  150. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  151. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  152. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
  153. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  154. package/styled-components/cjs/hooks/index.js +1 -8
  155. package/styled-components/cjs/utils/index.js +0 -15
  156. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +4 -67
  157. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +3 -31
  158. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +1 -34
  159. package/styled-components/es/components/Slider/Slider.js +6 -16
  160. package/styled-components/es/components/Slider/components/Double/Double.js +3 -41
  161. package/styled-components/es/components/Slider/components/Single/Single.js +9 -45
  162. package/styled-components/es/components/Slider/components/index.js +0 -1
  163. package/styled-components/es/components/Slider/utils/index.js +0 -5
  164. package/styled-components/es/components/TextArea/TextArea.js +23 -32
  165. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -0
  166. package/styled-components/es/components/TextArea/TextArea.tokens.js +16 -2
  167. package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  168. package/styled-components/es/components/TextArea/variations/_clear/base.js +4 -0
  169. package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
  170. package/styled-components/es/components/TextField/TextField.js +0 -14
  171. package/styled-components/es/components/TextField/TextField.styles.js +1 -4
  172. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  173. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  174. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
  175. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  176. package/styled-components/es/hooks/index.js +1 -2
  177. package/styled-components/es/utils/index.js +0 -1
  178. package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -7
  179. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  180. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -14
  181. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  182. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +0 -10
  183. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
  184. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  185. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +0 -10
  186. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  187. package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
  188. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
  189. package/types/components/Slider/Slider.d.ts.map +1 -1
  190. package/types/components/Slider/Slider.types.d.ts +2 -2
  191. package/types/components/Slider/Slider.types.d.ts.map +1 -1
  192. package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
  193. package/types/components/Slider/components/Double/Double.types.d.ts +0 -2
  194. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  195. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  196. package/types/components/Slider/components/Single/Single.types.d.ts +5 -35
  197. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  198. package/types/components/Slider/components/index.d.ts +0 -2
  199. package/types/components/Slider/components/index.d.ts.map +1 -1
  200. package/types/components/Slider/utils/index.d.ts +0 -1
  201. package/types/components/Slider/utils/index.d.ts.map +1 -1
  202. package/types/components/TextArea/TextArea.d.ts +4 -0
  203. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  204. package/types/components/TextArea/TextArea.tokens.d.ts +14 -0
  205. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  206. package/types/components/TextArea/TextArea.types.d.ts +15 -3
  207. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  208. package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map +1 -1
  209. package/types/components/TextArea/variations/_clear/base.d.ts +2 -0
  210. package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -0
  211. package/types/components/TextField/TextField.d.ts.map +1 -1
  212. package/types/components/TextField/TextField.styles.d.ts +0 -1
  213. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  214. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +0 -7
  215. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
  216. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +1 -47
  217. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
  218. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
  219. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  220. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +81 -0
  221. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  222. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +0 -7
  223. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
  224. package/types/examples/plasma_web/components/Slider/Slider.d.ts +1 -47
  225. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
  226. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +3 -0
  227. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  228. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +81 -0
  229. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  230. package/types/hooks/index.d.ts +0 -1
  231. package/types/hooks/index.d.ts.map +1 -1
  232. package/types/utils/index.d.ts +0 -1
  233. package/types/utils/index.d.ts.map +1 -1
  234. package/cjs/components/DatePicker/utils/setInitialValue.js +0 -12
  235. package/cjs/components/DatePicker/utils/setInitialValue.js.map +0 -1
  236. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -100
  237. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
  238. package/cjs/components/TextArea/utils/index.js +0 -12
  239. package/cjs/components/TextArea/utils/index.js.map +0 -1
  240. package/cjs/components/TextArea/variations/_view/base_8npjyq.css +0 -1
  241. package/cjs/hooks/useForm.js +0 -134
  242. package/cjs/hooks/useForm.js.map +0 -1
  243. package/cjs/utils/setRefList.js +0 -29
  244. package/cjs/utils/setRefList.js.map +0 -1
  245. package/emotion/cjs/components/DatePicker/utils/setInitialValue.js +0 -11
  246. package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -104
  247. package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
  248. package/emotion/cjs/components/TextArea/utils/index.js +0 -11
  249. package/emotion/cjs/hooks/useForm.js +0 -140
  250. package/emotion/cjs/types/FormType.js +0 -5
  251. package/emotion/cjs/utils/setRefList.js +0 -28
  252. package/emotion/es/components/DatePicker/utils/setInitialValue.js +0 -5
  253. package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -95
  254. package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
  255. package/emotion/es/components/TextArea/utils/index.js +0 -5
  256. package/emotion/es/hooks/useForm.js +0 -131
  257. package/emotion/es/types/FormType.js +0 -1
  258. package/emotion/es/utils/setRefList.js +0 -21
  259. package/es/components/DatePicker/utils/setInitialValue.js +0 -8
  260. package/es/components/DatePicker/utils/setInitialValue.js.map +0 -1
  261. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -96
  262. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
  263. package/es/components/TextArea/utils/index.js +0 -8
  264. package/es/components/TextArea/utils/index.js.map +0 -1
  265. package/es/components/TextArea/variations/_view/base_8npjyq.css +0 -1
  266. package/es/hooks/useForm.js +0 -130
  267. package/es/hooks/useForm.js.map +0 -1
  268. package/es/utils/setRefList.js +0 -24
  269. package/es/utils/setRefList.js.map +0 -1
  270. package/styled-components/cjs/components/DatePicker/utils/setInitialValue.js +0 -11
  271. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -104
  272. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
  273. package/styled-components/cjs/components/TextArea/utils/index.js +0 -11
  274. package/styled-components/cjs/hooks/useForm.js +0 -140
  275. package/styled-components/cjs/types/FormType.js +0 -5
  276. package/styled-components/cjs/utils/setRefList.js +0 -28
  277. package/styled-components/es/components/DatePicker/utils/setInitialValue.js +0 -5
  278. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -95
  279. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
  280. package/styled-components/es/components/TextArea/utils/index.js +0 -5
  281. package/styled-components/es/hooks/useForm.js +0 -131
  282. package/styled-components/es/types/FormType.js +0 -1
  283. package/styled-components/es/utils/setRefList.js +0 -21
  284. package/types/components/DatePicker/utils/setInitialValue.d.ts +0 -2
  285. package/types/components/DatePicker/utils/setInitialValue.d.ts.map +0 -1
  286. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +0 -4
  287. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +0 -1
  288. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +0 -40
  289. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +0 -1
  290. package/types/components/TextArea/utils/index.d.ts +0 -2
  291. package/types/components/TextArea/utils/index.d.ts.map +0 -1
  292. package/types/hooks/useForm.d.ts +0 -10
  293. package/types/hooks/useForm.d.ts.map +0 -1
  294. package/types/types/FormType.d.ts +0 -13
  295. package/types/types/FormType.d.ts.map +0 -1
  296. package/types/utils/setRefList.d.ts +0 -6
  297. package/types/utils/setRefList.d.ts.map +0 -1
@@ -2,8 +2,7 @@ import React, { useState } from 'react';
2
2
  import type { ComponentProps } from 'react';
3
3
  import type { Meta, StoryObj } from '@storybook/react';
4
4
  import { action } from '@storybook/addon-actions';
5
- import { tertiary } from '@salutejs/plasma-core';
6
- import styled from '@emotion/styled';
5
+ import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
7
6
 
8
7
  import { textAreaConfig } from '../../../../components/TextArea';
9
8
  import { mergeConfig } from '../../../../engines';
@@ -48,11 +47,13 @@ const meta: Meta<StoryTextAreaProps> = {
48
47
  control: {
49
48
  type: 'number',
50
49
  },
50
+ if: { arg: 'clear', truthy: false },
51
51
  },
52
52
  cols: {
53
53
  control: {
54
54
  type: 'number',
55
55
  },
56
+ if: { arg: 'clear', truthy: false },
56
57
  },
57
58
  labelPlacement: {
58
59
  options: labelPlacements,
@@ -60,11 +61,20 @@ const meta: Meta<StoryTextAreaProps> = {
60
61
  type: 'select',
61
62
  },
62
63
  },
64
+ hasDivider: {
65
+ control: {
66
+ type: 'boolean',
67
+ },
68
+ if: { arg: 'clear', truthy: true },
69
+ },
63
70
  },
64
71
  args: {
65
72
  id: 'example-textarea',
73
+ view: 'default',
74
+ size: 's',
66
75
  enableContentRight: true,
67
- label: 'Подсказка',
76
+ label: 'Лейбл',
77
+ labelPlacement: 'outer',
68
78
  placeholder: 'Заполните многострочное поле',
69
79
  leftHelper: 'Подсказка к полю слева',
70
80
  rightHelper: 'Подсказка к полю справа',
@@ -73,10 +83,11 @@ const meta: Meta<StoryTextAreaProps> = {
73
83
  autoResize: false,
74
84
  minAuto: 0,
75
85
  maxAuto: 0,
76
- size: 's',
77
86
  optional: false,
78
87
  required: false,
79
88
  requiredPlacement: 'right',
89
+ clear: false,
90
+ hasDivider: false,
80
91
  },
81
92
  };
82
93
 
@@ -86,20 +97,15 @@ const onChange = action('onChange');
86
97
  const onFocus = action('onFocus');
87
98
  const onBlur = action('onBlur');
88
99
 
89
- const IconPlaceholder = styled.div`
90
- width: 1.5rem;
91
- height: 1.5rem;
92
- border-radius: 50%;
93
- background: ${tertiary};
94
- `;
95
-
96
100
  const StoryDefault = (props: StoryTextAreaProps) => {
97
101
  const [value, setValue] = useState('Значение поля');
98
102
 
103
+ const iconSize = props.size === 'xs' ? 'xs' : 's';
104
+
99
105
  return (
100
106
  <TextArea
101
107
  value={value}
102
- contentRight={props.enableContentRight ? <IconPlaceholder /> : undefined}
108
+ contentRight={props.enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
103
109
  onChange={(e) => {
104
110
  setValue(e.target.value);
105
111
  onChange(e);
@@ -4,5 +4,4 @@ export { usePreviousValue } from './usePreviousValue';
4
4
  export { useForceUpdate } from './useForceUpdate';
5
5
  export { useDidMountEffect } from './useDidMountEffect';
6
6
  export { useOutsideClick } from './useOutsideClick';
7
- export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
8
- export { useForm } from './useForm';
7
+ export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
@@ -3,7 +3,6 @@ export { extractTextFrom } from './extractTextFrom';
3
3
  export { getSizeValueFromProp } from './getSizeValueFromProp';
4
4
  export { IS_REACT_18, safeUseId } from './react';
5
5
  export { isNumber } from './isNumber';
6
- export { mergeRefs, setRefList } from './setRefList';
7
6
  export { isEmpty } from './isEmpty';
8
7
  import * as _constants from './constants';
9
8
  export { _constants as constants };
@@ -8,22 +8,21 @@
8
8
 
9
9
  .base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
10
10
 
11
- .TextField_styles_b1zmrz_iq39zt5__d2ef7e59{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
12
- .TextField_styles_b1zmrz_i1j28rg8__d2ef7e59{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59::-webkit-scrollbar{display:none;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59.TextField_styles_b1zmrz_hasChips__d2ef7e59{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
13
- .TextField_styles_b1zmrz_s13zudoe__d2ef7e59{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
14
- .TextField_styles_b1zmrz_io4bpie__d2ef7e59{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-webkit-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-moz-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59:-ms-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::placeholder{opacity:0;}
15
- .TextField_styles_b1zmrz_i13qvwoy__d2ef7e59{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
16
- .TextField_styles_b1zmrz_i19ry60d__d2ef7e59{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
17
- .TextField_styles_b1zmrz_lbt1ohz__d2ef7e59{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
18
- .TextField_styles_b1zmrz_slv9av6__d2ef7e59{color:var(--plasma-textfield-content-slot-color);line-height:0;}
19
- .TextField_styles_b1zmrz_s600610__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__left-content-margin);}
20
- .TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
21
-
22
-
23
-
24
- .TextField_styles_b1zmrz_sb3k3v1__d2ef7e59{color:var(--plasma-textfield__optional-color);}
25
- .TextField_styles_b1zmrz_s7hnwwb__d2ef7e59{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-inner-right);}
26
- .TextField_styles_b1zmrz_imqgwd8__d2ef7e59{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
11
+ .TextField_styles_uponva_iq39zt5__bdbe6f89{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
12
+ .TextField_styles_uponva_i1j28rg8__bdbe6f89{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_uponva_i1j28rg8__bdbe6f89::-webkit-scrollbar{display:none;}.TextField_styles_uponva_i1j28rg8__bdbe6f89.TextField_styles_uponva_hasChips__bdbe6f89{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
13
+ .TextField_styles_uponva_s13zudoe__bdbe6f89{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
14
+ .TextField_styles_uponva_io4bpie__bdbe6f89{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_uponva_io4bpie__bdbe6f89::-webkit-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::-moz-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89:-ms-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::placeholder{opacity:0;}
15
+ .TextField_styles_uponva_i13qvwoy__bdbe6f89{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
16
+ .TextField_styles_uponva_i19ry60d__bdbe6f89{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
17
+ .TextField_styles_uponva_lbt1ohz__bdbe6f89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
18
+ .TextField_styles_uponva_slv9av6__bdbe6f89{color:var(--plasma-textfield-content-slot-color);line-height:0;}
19
+ .TextField_styles_uponva_s600610__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__left-content-margin);}
20
+ .TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
21
+
22
+
23
+
24
+ .TextField_styles_uponva_sb3k3v1__bdbe6f89{color:var(--plasma-textfield__optional-color);}
25
+ .TextField_styles_uponva_s7hnwwb__bdbe6f89{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-inner-right);}
27
26
 
28
27
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
29
28
 
@@ -44,22 +44,21 @@
44
44
 
45
45
  .base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
46
46
 
47
- .TextField_styles_b1zmrz_iq39zt5__d2ef7e59{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
48
- .TextField_styles_b1zmrz_i1j28rg8__d2ef7e59{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59::-webkit-scrollbar{display:none;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59.TextField_styles_b1zmrz_hasChips__d2ef7e59{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
49
- .TextField_styles_b1zmrz_s13zudoe__d2ef7e59{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
50
- .TextField_styles_b1zmrz_io4bpie__d2ef7e59{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-webkit-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-moz-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59:-ms-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::placeholder{opacity:0;}
51
- .TextField_styles_b1zmrz_i13qvwoy__d2ef7e59{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
52
- .TextField_styles_b1zmrz_i19ry60d__d2ef7e59{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
53
- .TextField_styles_b1zmrz_lbt1ohz__d2ef7e59{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
54
- .TextField_styles_b1zmrz_slv9av6__d2ef7e59{color:var(--plasma-textfield-content-slot-color);line-height:0;}
55
- .TextField_styles_b1zmrz_s600610__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__left-content-margin);}
56
- .TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
57
-
58
-
59
-
60
- .TextField_styles_b1zmrz_sb3k3v1__d2ef7e59{color:var(--plasma-textfield__optional-color);}
61
- .TextField_styles_b1zmrz_s7hnwwb__d2ef7e59{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-inner-right);}
62
- .TextField_styles_b1zmrz_imqgwd8__d2ef7e59{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
47
+ .TextField_styles_uponva_iq39zt5__bdbe6f89{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
48
+ .TextField_styles_uponva_i1j28rg8__bdbe6f89{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_uponva_i1j28rg8__bdbe6f89::-webkit-scrollbar{display:none;}.TextField_styles_uponva_i1j28rg8__bdbe6f89.TextField_styles_uponva_hasChips__bdbe6f89{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
49
+ .TextField_styles_uponva_s13zudoe__bdbe6f89{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
50
+ .TextField_styles_uponva_io4bpie__bdbe6f89{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_uponva_io4bpie__bdbe6f89::-webkit-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::-moz-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89:-ms-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::placeholder{opacity:0;}
51
+ .TextField_styles_uponva_i13qvwoy__bdbe6f89{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
52
+ .TextField_styles_uponva_i19ry60d__bdbe6f89{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
53
+ .TextField_styles_uponva_lbt1ohz__bdbe6f89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
54
+ .TextField_styles_uponva_slv9av6__bdbe6f89{color:var(--plasma-textfield-content-slot-color);line-height:0;}
55
+ .TextField_styles_uponva_s600610__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__left-content-margin);}
56
+ .TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
57
+
58
+
59
+
60
+ .TextField_styles_uponva_sb3k3v1__bdbe6f89{color:var(--plasma-textfield__optional-color);}
61
+ .TextField_styles_uponva_s7hnwwb__bdbe6f89{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-inner-right);}
63
62
 
64
63
  .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
65
64
 
@@ -47,22 +47,21 @@
47
47
 
48
48
  .base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
49
49
 
50
- .TextField_styles_b1zmrz_iq39zt5__d2ef7e59{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
51
- .TextField_styles_b1zmrz_i1j28rg8__d2ef7e59{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59::-webkit-scrollbar{display:none;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59.TextField_styles_b1zmrz_hasChips__d2ef7e59{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
52
- .TextField_styles_b1zmrz_s13zudoe__d2ef7e59{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
53
- .TextField_styles_b1zmrz_io4bpie__d2ef7e59{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-webkit-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-moz-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59:-ms-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::placeholder{opacity:0;}
54
- .TextField_styles_b1zmrz_i13qvwoy__d2ef7e59{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
55
- .TextField_styles_b1zmrz_i19ry60d__d2ef7e59{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
56
- .TextField_styles_b1zmrz_lbt1ohz__d2ef7e59{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
57
- .TextField_styles_b1zmrz_slv9av6__d2ef7e59{color:var(--plasma-textfield-content-slot-color);line-height:0;}
58
- .TextField_styles_b1zmrz_s600610__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__left-content-margin);}
59
- .TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
60
-
61
-
62
-
63
- .TextField_styles_b1zmrz_sb3k3v1__d2ef7e59{color:var(--plasma-textfield__optional-color);}
64
- .TextField_styles_b1zmrz_s7hnwwb__d2ef7e59{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-inner-right);}
65
- .TextField_styles_b1zmrz_imqgwd8__d2ef7e59{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
50
+ .TextField_styles_uponva_iq39zt5__bdbe6f89{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
51
+ .TextField_styles_uponva_i1j28rg8__bdbe6f89{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_uponva_i1j28rg8__bdbe6f89::-webkit-scrollbar{display:none;}.TextField_styles_uponva_i1j28rg8__bdbe6f89.TextField_styles_uponva_hasChips__bdbe6f89{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
52
+ .TextField_styles_uponva_s13zudoe__bdbe6f89{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
53
+ .TextField_styles_uponva_io4bpie__bdbe6f89{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_uponva_io4bpie__bdbe6f89::-webkit-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::-moz-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89:-ms-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::placeholder{opacity:0;}
54
+ .TextField_styles_uponva_i13qvwoy__bdbe6f89{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
55
+ .TextField_styles_uponva_i19ry60d__bdbe6f89{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
56
+ .TextField_styles_uponva_lbt1ohz__bdbe6f89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
57
+ .TextField_styles_uponva_slv9av6__bdbe6f89{color:var(--plasma-textfield-content-slot-color);line-height:0;}
58
+ .TextField_styles_uponva_s600610__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__left-content-margin);}
59
+ .TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
60
+
61
+
62
+
63
+ .TextField_styles_uponva_sb3k3v1__bdbe6f89{color:var(--plasma-textfield__optional-color);}
64
+ .TextField_styles_uponva_s7hnwwb__bdbe6f89{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-inner-right);}
66
65
 
67
66
  .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
68
67
 
@@ -10,22 +10,21 @@
10
10
 
11
11
  .base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
12
12
 
13
- .TextField_styles_b1zmrz_iq39zt5__d2ef7e59{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
14
- .TextField_styles_b1zmrz_i1j28rg8__d2ef7e59{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59::-webkit-scrollbar{display:none;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59.TextField_styles_b1zmrz_hasChips__d2ef7e59{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
15
- .TextField_styles_b1zmrz_s13zudoe__d2ef7e59{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
16
- .TextField_styles_b1zmrz_io4bpie__d2ef7e59{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-webkit-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-moz-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59:-ms-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::placeholder{opacity:0;}
17
- .TextField_styles_b1zmrz_i13qvwoy__d2ef7e59{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
18
- .TextField_styles_b1zmrz_i19ry60d__d2ef7e59{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
19
- .TextField_styles_b1zmrz_lbt1ohz__d2ef7e59{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
20
- .TextField_styles_b1zmrz_slv9av6__d2ef7e59{color:var(--plasma-textfield-content-slot-color);line-height:0;}
21
- .TextField_styles_b1zmrz_s600610__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__left-content-margin);}
22
- .TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
23
-
24
-
25
-
26
- .TextField_styles_b1zmrz_sb3k3v1__d2ef7e59{color:var(--plasma-textfield__optional-color);}
27
- .TextField_styles_b1zmrz_s7hnwwb__d2ef7e59{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-inner-right);}
28
- .TextField_styles_b1zmrz_imqgwd8__d2ef7e59{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
13
+ .TextField_styles_uponva_iq39zt5__bdbe6f89{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
14
+ .TextField_styles_uponva_i1j28rg8__bdbe6f89{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_uponva_i1j28rg8__bdbe6f89::-webkit-scrollbar{display:none;}.TextField_styles_uponva_i1j28rg8__bdbe6f89.TextField_styles_uponva_hasChips__bdbe6f89{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
15
+ .TextField_styles_uponva_s13zudoe__bdbe6f89{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
16
+ .TextField_styles_uponva_io4bpie__bdbe6f89{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_uponva_io4bpie__bdbe6f89::-webkit-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::-moz-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89:-ms-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::placeholder{opacity:0;}
17
+ .TextField_styles_uponva_i13qvwoy__bdbe6f89{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
18
+ .TextField_styles_uponva_i19ry60d__bdbe6f89{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
19
+ .TextField_styles_uponva_lbt1ohz__bdbe6f89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
20
+ .TextField_styles_uponva_slv9av6__bdbe6f89{color:var(--plasma-textfield-content-slot-color);line-height:0;}
21
+ .TextField_styles_uponva_s600610__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__left-content-margin);}
22
+ .TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
23
+
24
+
25
+
26
+ .TextField_styles_uponva_sb3k3v1__bdbe6f89{color:var(--plasma-textfield__optional-color);}
27
+ .TextField_styles_uponva_s7hnwwb__bdbe6f89{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-inner-right);}
29
28
 
30
29
  .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
31
30
 
@@ -1,20 +1,3 @@
1
- .TextField_styles_b1zmrz_iq39zt5__d2ef7e59{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
2
- .TextField_styles_b1zmrz_i1j28rg8__d2ef7e59{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59::-webkit-scrollbar{display:none;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59.TextField_styles_b1zmrz_hasChips__d2ef7e59{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
3
- .TextField_styles_b1zmrz_s13zudoe__d2ef7e59{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
4
- .TextField_styles_b1zmrz_io4bpie__d2ef7e59{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-webkit-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-moz-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59:-ms-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::placeholder{opacity:0;}
5
- .TextField_styles_b1zmrz_i13qvwoy__d2ef7e59{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
6
- .TextField_styles_b1zmrz_i19ry60d__d2ef7e59{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
7
- .TextField_styles_b1zmrz_lbt1ohz__d2ef7e59{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
8
- .TextField_styles_b1zmrz_slv9av6__d2ef7e59{color:var(--plasma-textfield-content-slot-color);line-height:0;}
9
- .TextField_styles_b1zmrz_s600610__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__left-content-margin);}
10
- .TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
11
-
12
-
13
-
14
- .TextField_styles_b1zmrz_sb3k3v1__d2ef7e59{color:var(--plasma-textfield__optional-color);}
15
- .TextField_styles_b1zmrz_s7hnwwb__d2ef7e59{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-inner-right);}
16
- .TextField_styles_b1zmrz_imqgwd8__d2ef7e59{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
17
-
18
1
  .base_1911nyw_bxpb4df__5db6cb4b{width:var(--plasma-date-picker-width);}.base_1911nyw_bxpb4df__5db6cb4b .base_1911nyw_ss94ai0__5db6cb4b{margin:var(--plasma-date-picker__label-offset);font-family:var(--plasma-date-picker__label-font-family);font-size:var(--plasma-date-picker__label-font-size);font-style:var(--plasma-date-picker__label-font-style);font-weight:var(--plasma-date-picker__label-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__label-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__label-letter-spacing);letter-spacing:var(--plasma-date-picker__label-letter-spacing);line-height:var(--plasma-date-picker__label-line-height);}.base_1911nyw_bxpb4df__5db6cb4b .base_1911nyw_l1b381ow__5db6cb4b{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}
19
2
 
20
3
  .base_11yn9y8_bcuyjma__ffe2947a .base_11yn9y8_ss94ai0__ffe2947a{display:block;color:var(--plasma-date-picker__label-color);}.base_11yn9y8_bcuyjma__ffe2947a .base_11yn9y8_l1b381ow__ffe2947a{color:var(--plasma-date-picker__left-helper-color);}
@@ -41,6 +24,22 @@
41
24
 
42
25
  .base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
43
26
 
27
+ .TextField_styles_uponva_iq39zt5__bdbe6f89{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
28
+ .TextField_styles_uponva_i1j28rg8__bdbe6f89{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_uponva_i1j28rg8__bdbe6f89::-webkit-scrollbar{display:none;}.TextField_styles_uponva_i1j28rg8__bdbe6f89.TextField_styles_uponva_hasChips__bdbe6f89{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
29
+ .TextField_styles_uponva_s13zudoe__bdbe6f89{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
30
+ .TextField_styles_uponva_io4bpie__bdbe6f89{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_uponva_io4bpie__bdbe6f89::-webkit-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::-moz-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89:-ms-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::placeholder{opacity:0;}
31
+ .TextField_styles_uponva_i13qvwoy__bdbe6f89{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
32
+ .TextField_styles_uponva_i19ry60d__bdbe6f89{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
33
+ .TextField_styles_uponva_lbt1ohz__bdbe6f89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
34
+ .TextField_styles_uponva_slv9av6__bdbe6f89{color:var(--plasma-textfield-content-slot-color);line-height:0;}
35
+ .TextField_styles_uponva_s600610__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__left-content-margin);}
36
+ .TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
37
+
38
+
39
+
40
+ .TextField_styles_uponva_sb3k3v1__bdbe6f89{color:var(--plasma-textfield__optional-color);}
41
+ .TextField_styles_uponva_s7hnwwb__bdbe6f89{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-inner-right);}
42
+
44
43
  .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
45
44
 
46
45
  .base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
@@ -5,8 +5,6 @@ import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '.
5
5
  import { useDatePicker } from '../hooks/useDatePicker.js';
6
6
  import { classes } from '../DatePicker.tokens.js';
7
7
  import { useKeyNavigation } from '../hooks/useKeyboardNavigation.js';
8
- import { setInitialValue } from '../utils/setInitialValue.js';
9
- import { InputHidden } from '../../TextField/TextField.styles.js';
10
8
  import { base as base$2 } from './variations/_size/base.js';
11
9
  import { base as base$1 } from './variations/_view/base.js';
12
10
  import { base as base$3 } from './variations/_disabled/base.js';
@@ -14,7 +12,7 @@ import { base as base$4 } from './variations/_readonly/base.js';
14
12
  import { StyledLabel, LeftHelper, base, StyledRange } from './RangeDate.styles.js';
15
13
  import { RangeDatePopover } from './RangeDatePopover/RangeDatePopover.js';
16
14
 
17
- var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
15
+ var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
18
16
  var datePickerRangeRoot = function datePickerRangeRoot(Root) {
19
17
  return /*#__PURE__*/forwardRef(function (_ref, ref) {
20
18
  var _rangeRef$current, _rangeRef$current2;
@@ -33,7 +31,6 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
33
31
  readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
34
32
  _ref$disabled = _ref.disabled,
35
33
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
36
- name = _ref.name,
37
34
  _ref$dividerVariant = _ref.dividerVariant,
38
35
  dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
39
36
  dividerIcon = _ref.dividerIcon,
@@ -82,7 +79,6 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
82
79
  closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
83
80
  offset = _ref.offset,
84
81
  onToggle = _ref.onToggle,
85
- onChange = _ref.onChange,
86
82
  onChangeFirstValue = _ref.onChangeFirstValue,
87
83
  onChangeSecondValue = _ref.onChangeSecondValue,
88
84
  onCommitFirstDate = _ref.onCommitFirstDate,
@@ -94,8 +90,6 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
94
90
  rest = _objectWithoutProperties(_ref, _excluded);
95
91
  var rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/createRef();
96
92
  var rootRef = useRef(null);
97
- var innerRefFirst = useRef(null);
98
- var innerRefSecond = useRef(null);
99
93
  var _useState = useState(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
100
94
  _useState2 = _slicedToArray(_useState, 2),
101
95
  firstInputRef = _useState2[0],
@@ -132,34 +126,12 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
132
126
  _useState14 = _slicedToArray(_useState13, 2),
133
127
  inputSecondValue = _useState14[0],
134
128
  setInputSecondValue = _useState14[1];
135
- var setFirstInputValue = function setFirstInputValue(value) {
136
- setInputFirstValue(value);
137
- if (onChange) {
138
- onChange({
139
- target: {
140
- value: "".concat(value, " - ").concat(inputSecondValue),
141
- name: name
142
- }
143
- });
144
- }
145
- };
146
- var setSecondInputValue = function setSecondInputValue(value) {
147
- setInputSecondValue(value);
148
- if (onChange) {
149
- onChange({
150
- target: {
151
- value: "".concat(inputFirstValue, " - ").concat(value),
152
- name: name
153
- }
154
- });
155
- }
156
- };
157
129
  var dateFormatDelimiter = useCallback(function () {
158
130
  return getDateFormatDelimiter(format);
159
131
  }, [format]);
160
132
  var _useDatePicker = useDatePicker({
161
133
  currentValue: inputFirstValue,
162
- setInputValue: setFirstInputValue,
134
+ setInputValue: setInputFirstValue,
163
135
  setCalendarValue: setCalendarFirstValue,
164
136
  setIsInnerOpen: setIsInnerOpen,
165
137
  dateFormatDelimiter: dateFormatDelimiter,
@@ -171,7 +143,6 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
171
143
  valueError: firstValueError,
172
144
  valueSuccess: firstValueSuccess,
173
145
  inputRef: firstInputRef,
174
- name: name,
175
146
  onChangeValue: onChangeFirstValue,
176
147
  onCommitDate: onCommitFirstDate
177
148
  }),
@@ -179,7 +150,7 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
179
150
  handleCommitFirstDate = _useDatePicker.handleCommitDate;
180
151
  var _useDatePicker2 = useDatePicker({
181
152
  currentValue: inputSecondValue,
182
- setInputValue: setSecondInputValue,
153
+ setInputValue: setInputSecondValue,
183
154
  setCalendarValue: setCalendarSecondValue,
184
155
  setIsInnerOpen: setIsInnerOpen,
185
156
  dateFormatDelimiter: dateFormatDelimiter,
@@ -212,23 +183,6 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
212
183
  onToggle: handleToggle
213
184
  }),
214
185
  onKeyDown = _useKeyNavigation.onKeyDown;
215
- var setValue = function setValue(e) {
216
- var firstElement = innerRefFirst.current;
217
- var firstValueInit = String(firstElement.getAttribute('defaultValue'));
218
- var secondValueInit = setInitialValue(e);
219
- handleCommitFirstDate(firstValueInit, true, false);
220
- handleCommitSecondDate(secondValueInit, true, false);
221
- };
222
- useEffect(function () {
223
- if (innerRefSecond.current) {
224
- innerRefSecond.current.addEventListener('setInitialValue', setValue);
225
- }
226
- return function () {
227
- if (innerRefSecond.current) {
228
- innerRefSecond.current.removeEventListener('setInitialValue', setValue);
229
- }
230
- };
231
- }, []);
232
186
  var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
233
187
  ref: rangeRef,
234
188
  dividerIcon: dividerIcon,
@@ -255,7 +209,6 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
255
209
  secondValueSuccess: secondValueSuccess,
256
210
  onChangeFirstValue: handleChangeFirstValue,
257
211
  onChangeSecondValue: handleChangeSecondValue,
258
- name: name,
259
212
  onSearchFirstValue: function onSearchFirstValue(_, date) {
260
213
  handleCommitFirstDate(String(date), true, false);
261
214
  if (!calendarSecondValue || secondValueError) {
@@ -360,23 +313,7 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
360
313
  setIsInnerOpen(false);
361
314
  }
362
315
  }
363
- }), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper), /*#__PURE__*/React.createElement(InputHidden, {
364
- name: name,
365
- type: "hidden",
366
- datatype: "datepicker-double",
367
- "data-datepicker": "from",
368
- value: inputFirstValue,
369
- ref: innerRefFirst,
370
- onChange: function onChange() {}
371
- }), /*#__PURE__*/React.createElement(InputHidden, {
372
- name: name,
373
- type: "hidden",
374
- datatype: "datepicker-double",
375
- "data-datepicker": "to",
376
- value: inputSecondValue,
377
- ref: innerRefSecond,
378
- onChange: function onChange() {}
379
- }));
316
+ }), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper));
380
317
  });
381
318
  };
382
319
  var datePickerRangeConfig = {