@salutejs/plasma-new-hope 0.193.0-canary.1558.11807380775.0 → 0.193.0-canary.1559.11816419999.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (746) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +21 -22
  2. package/cjs/components/Cell/Cell.js +3 -1
  3. package/cjs/components/Cell/Cell.js.map +1 -1
  4. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  5. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  6. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  7. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  8. package/cjs/components/Chip/Chip.js +3 -1
  9. package/cjs/components/Chip/Chip.js.map +1 -1
  10. package/cjs/components/Combobox/ComboboxNew/Combobox.css +21 -22
  11. package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  12. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  13. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  14. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  15. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  16. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  17. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  18. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  19. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  20. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  21. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  22. package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -22
  23. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  24. package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
  25. package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
  26. package/cjs/components/Modal/Modal.css +0 -6
  27. package/cjs/components/Modal/Modal.js +13 -25
  28. package/cjs/components/Modal/Modal.js.map +1 -1
  29. package/cjs/components/Modal/Modal.tokens.js +1 -5
  30. package/cjs/components/Modal/Modal.tokens.js.map +1 -1
  31. package/cjs/components/Pagination/Pagination.css +86 -37
  32. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  33. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  34. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  35. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  36. package/cjs/components/Range/Range.css +21 -22
  37. package/cjs/components/Select/FloatingPopover.js +87 -0
  38. package/cjs/components/Select/FloatingPopover.js.map +1 -0
  39. package/cjs/components/Select/Select.css +83 -34
  40. package/cjs/components/Select/Select.js +179 -139
  41. package/cjs/components/Select/Select.js.map +1 -1
  42. package/cjs/components/Select/Select.styles.js +17 -50
  43. package/cjs/components/Select/Select.styles.js.map +1 -1
  44. package/cjs/components/Select/Select.styles_1p5c9p3.css +2 -0
  45. package/cjs/components/Select/Select.tokens.js +122 -78
  46. package/cjs/components/Select/Select.tokens.js.map +1 -1
  47. package/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -72
  48. package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  49. package/cjs/components/Select/hooks/usePathMaps.js +4 -1
  50. package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
  51. package/cjs/components/Select/ui/Inner/Inner.css +83 -34
  52. package/cjs/components/Select/ui/Inner/Inner.js +9 -9
  53. package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
  54. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  55. package/cjs/components/Select/ui/Inner/ui/Item/Item.js +20 -12
  56. package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  57. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +34 -51
  58. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  59. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
  60. package/cjs/components/Select/ui/Target/Target.css +58 -17
  61. package/cjs/components/Select/ui/Target/Target.js +41 -16
  62. package/cjs/components/Select/ui/Target/Target.js.map +1 -1
  63. package/cjs/components/Select/ui/Target/ui/Button/Button.css +5 -5
  64. package/cjs/components/Select/ui/Target/ui/Button/Button.js +11 -17
  65. package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  66. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  67. package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  68. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  69. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  70. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +84 -97
  71. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  72. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +38 -103
  73. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  74. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +3 -0
  75. package/cjs/components/Select/utils/getButtonLabel.js +1 -1
  76. package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
  77. package/cjs/components/Select/utils/getFallbackPlacements.js +15 -0
  78. package/cjs/components/Select/utils/getFallbackPlacements.js.map +1 -0
  79. package/cjs/components/Select/utils/getItemId.js +10 -0
  80. package/cjs/components/Select/utils/getItemId.js.map +1 -0
  81. package/cjs/components/Select/utils/getPlacement.js +13 -0
  82. package/cjs/components/Select/utils/getPlacement.js.map +1 -0
  83. package/cjs/components/Select/utils/getView.js +2 -2
  84. package/cjs/components/Select/utils/getView.js.map +1 -1
  85. package/cjs/components/Slider/Slider.css +21 -22
  86. package/cjs/components/Slider/components/Double/Double.css +21 -22
  87. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  88. package/cjs/components/Steps/Steps.css +10 -10
  89. package/cjs/components/Steps/Steps.js +21 -14
  90. package/cjs/components/Steps/Steps.js.map +1 -1
  91. package/cjs/components/Steps/Steps.styles.js +1 -1
  92. package/cjs/components/Steps/Steps.styles.js.map +1 -1
  93. package/cjs/components/Steps/{Steps.styles_1xmqxqu.css → Steps.styles_wa45kj.css} +1 -1
  94. package/cjs/components/Steps/Steps.tokens.js +1 -0
  95. package/cjs/components/Steps/Steps.tokens.js.map +1 -1
  96. package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
  97. package/cjs/components/Steps/ui/StepItem/StepItem.js +32 -8
  98. package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  99. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  100. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  101. package/cjs/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +9 -0
  102. package/cjs/components/TextField/TextField.js +11 -2
  103. package/cjs/components/TextField/TextField.js.map +1 -1
  104. package/cjs/components/TextField/TextField.styles.js +14 -22
  105. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  106. package/{es/components/TextField/TextField.styles_grgg7q.css → cjs/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  107. package/cjs/components/TextField/TextField.tokens.js +2 -1
  108. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  109. package/cjs/components/TextField/ui/Hint/Hint.css +20 -21
  110. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  111. package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  112. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  113. package/cjs/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  114. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  115. package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  116. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  117. package/cjs/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  118. package/cjs/components/TextField/variations/_size/base.js +1 -1
  119. package/cjs/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  120. package/cjs/components/TextField/variations/_view/base.js +1 -1
  121. package/cjs/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  122. package/cjs/index.css +57 -76
  123. package/cjs/index.js +2 -0
  124. package/cjs/index.js.map +1 -1
  125. package/cjs/utils/fixedForwardRef.js +12 -0
  126. package/cjs/utils/fixedForwardRef.js.map +1 -0
  127. package/cjs/utils/index.js.map +1 -1
  128. package/emotion/cjs/components/Cell/Cell.js +3 -1
  129. package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  130. package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  131. package/emotion/cjs/components/Chip/Chip.js +3 -1
  132. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  133. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  134. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  135. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  136. package/emotion/cjs/components/Modal/Modal.js +12 -24
  137. package/emotion/cjs/components/Modal/Modal.template-doc.mdx +0 -47
  138. package/emotion/cjs/components/Modal/Modal.tokens.js +1 -5
  139. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  140. package/emotion/cjs/components/Select/FloatingPopover.js +91 -0
  141. package/emotion/cjs/components/Select/Select.js +177 -136
  142. package/emotion/cjs/components/Select/Select.styles.js +13 -31
  143. package/emotion/cjs/components/Select/Select.tokens.js +125 -60
  144. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  145. package/emotion/cjs/components/Select/hooks/usePathMaps.js +4 -1
  146. package/emotion/cjs/components/Select/reducers/index.js +0 -11
  147. package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
  148. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
  149. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +27 -50
  150. package/emotion/cjs/components/Select/ui/Target/Target.js +45 -18
  151. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +14 -19
  152. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  153. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  154. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
  155. package/emotion/cjs/components/Select/utils/getButtonLabel.js +1 -1
  156. package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  157. package/emotion/cjs/components/Select/utils/getItemId.js +9 -0
  158. package/emotion/cjs/components/Select/utils/getPlacement.js +12 -0
  159. package/emotion/cjs/components/Select/utils/getView.js +2 -2
  160. package/emotion/cjs/components/Select/utils/index.js +22 -1
  161. package/emotion/cjs/components/Steps/Steps.js +23 -14
  162. package/emotion/cjs/components/Steps/Steps.styles.js +1 -1
  163. package/emotion/cjs/components/Steps/Steps.tokens.js +1 -0
  164. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +32 -8
  165. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +22 -11
  166. package/emotion/cjs/components/TextField/TextField.js +12 -3
  167. package/emotion/cjs/components/TextField/TextField.styles.js +36 -40
  168. package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
  169. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  170. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  171. package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.config.js +1 -1
  172. package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -90
  173. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  174. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  175. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  176. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  177. package/emotion/cjs/examples/plasma_web/components/Modal/Modal.config.js +1 -1
  178. package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -90
  179. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  180. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  181. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  182. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  183. package/emotion/cjs/index.js +11 -0
  184. package/emotion/cjs/types/DistributiveOmit.js +5 -0
  185. package/emotion/cjs/types/DistributivePick.js +5 -0
  186. package/emotion/cjs/utils/fixedForwardRef.js +11 -0
  187. package/emotion/cjs/utils/index.js +9 -1
  188. package/emotion/es/components/Cell/Cell.js +3 -1
  189. package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  190. package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  191. package/emotion/es/components/Chip/Chip.js +3 -1
  192. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  193. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  194. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  195. package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  196. package/emotion/es/components/Modal/Modal.js +12 -24
  197. package/emotion/es/components/Modal/Modal.template-doc.mdx +0 -47
  198. package/emotion/es/components/Modal/Modal.tokens.js +1 -5
  199. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  200. package/emotion/es/components/Select/FloatingPopover.js +84 -0
  201. package/emotion/es/components/Select/Select.js +182 -141
  202. package/emotion/es/components/Select/Select.styles.js +12 -30
  203. package/emotion/es/components/Select/Select.tokens.js +125 -60
  204. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  205. package/emotion/es/components/Select/hooks/usePathMaps.js +4 -1
  206. package/emotion/es/components/Select/reducers/index.js +1 -2
  207. package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
  208. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
  209. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -49
  210. package/emotion/es/components/Select/ui/Target/Target.js +42 -17
  211. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +12 -19
  212. package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  213. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  214. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
  215. package/emotion/es/components/Select/utils/getButtonLabel.js +1 -1
  216. package/emotion/es/components/Select/utils/getFallbackPlacements.js +8 -0
  217. package/emotion/es/components/Select/utils/getItemId.js +3 -0
  218. package/emotion/es/components/Select/utils/getPlacement.js +6 -0
  219. package/emotion/es/components/Select/utils/getView.js +2 -2
  220. package/emotion/es/components/Select/utils/index.js +4 -1
  221. package/emotion/es/components/Steps/Steps.js +24 -15
  222. package/emotion/es/components/Steps/Steps.styles.js +1 -1
  223. package/emotion/es/components/Steps/Steps.tokens.js +1 -0
  224. package/emotion/es/components/Steps/ui/StepItem/StepItem.js +32 -8
  225. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +22 -11
  226. package/emotion/es/components/TextField/TextField.js +12 -3
  227. package/emotion/es/components/TextField/TextField.styles.js +36 -40
  228. package/emotion/es/components/TextField/TextField.tokens.js +2 -1
  229. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  230. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  231. package/emotion/es/examples/plasma_b2c/components/Modal/Modal.config.js +1 -1
  232. package/emotion/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -90
  233. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  234. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  235. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  236. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  237. package/emotion/es/examples/plasma_web/components/Modal/Modal.config.js +1 -1
  238. package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -90
  239. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  240. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  241. package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  242. package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  243. package/emotion/es/index.js +1 -0
  244. package/emotion/es/types/DistributiveOmit.js +1 -0
  245. package/emotion/es/types/DistributivePick.js +1 -0
  246. package/emotion/es/utils/fixedForwardRef.js +4 -0
  247. package/emotion/es/utils/index.js +2 -1
  248. package/es/components/Autocomplete/Autocomplete.css +21 -22
  249. package/es/components/Cell/Cell.js +3 -1
  250. package/es/components/Cell/Cell.js.map +1 -1
  251. package/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  252. package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  253. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  254. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  255. package/es/components/Chip/Chip.js +3 -1
  256. package/es/components/Chip/Chip.js.map +1 -1
  257. package/es/components/Combobox/ComboboxNew/Combobox.css +21 -22
  258. package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  259. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  260. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  261. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  262. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  263. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  264. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  265. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  266. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  267. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  268. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  269. package/es/components/DatePicker/RangeDate/RangeDate.css +21 -22
  270. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  271. package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
  272. package/es/components/Dropdown/FloatingPopover.js.map +1 -1
  273. package/es/components/Modal/Modal.css +0 -6
  274. package/es/components/Modal/Modal.js +13 -25
  275. package/es/components/Modal/Modal.js.map +1 -1
  276. package/es/components/Modal/Modal.tokens.js +1 -5
  277. package/es/components/Modal/Modal.tokens.js.map +1 -1
  278. package/es/components/Pagination/Pagination.css +86 -37
  279. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  280. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  281. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  282. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  283. package/es/components/Range/Range.css +21 -22
  284. package/es/components/Select/FloatingPopover.js +83 -0
  285. package/es/components/Select/FloatingPopover.js.map +1 -0
  286. package/es/components/Select/Select.css +83 -34
  287. package/es/components/Select/Select.js +182 -142
  288. package/es/components/Select/Select.js.map +1 -1
  289. package/es/components/Select/Select.styles.js +18 -48
  290. package/es/components/Select/Select.styles.js.map +1 -1
  291. package/es/components/Select/Select.styles_1p5c9p3.css +2 -0
  292. package/es/components/Select/Select.tokens.js +123 -78
  293. package/es/components/Select/Select.tokens.js.map +1 -1
  294. package/es/components/Select/hooks/useKeyboardNavigation.js +19 -73
  295. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  296. package/es/components/Select/hooks/usePathMaps.js +4 -1
  297. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  298. package/es/components/Select/ui/Inner/Inner.css +83 -34
  299. package/es/components/Select/ui/Inner/Inner.js +10 -10
  300. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  301. package/es/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  302. package/es/components/Select/ui/Inner/ui/Item/Item.js +22 -14
  303. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  304. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +33 -50
  305. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  306. package/es/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
  307. package/es/components/Select/ui/Target/Target.css +58 -17
  308. package/es/components/Select/ui/Target/Target.js +42 -17
  309. package/es/components/Select/ui/Target/Target.js.map +1 -1
  310. package/es/components/Select/ui/Target/ui/Button/Button.css +5 -5
  311. package/es/components/Select/ui/Target/ui/Button/Button.js +12 -18
  312. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  313. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  314. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  315. package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  316. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  317. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  318. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  319. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +39 -95
  320. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  321. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +3 -0
  322. package/es/components/Select/utils/getButtonLabel.js +1 -1
  323. package/es/components/Select/utils/getButtonLabel.js.map +1 -1
  324. package/es/components/Select/utils/getFallbackPlacements.js +11 -0
  325. package/es/components/Select/utils/getFallbackPlacements.js.map +1 -0
  326. package/es/components/Select/utils/getItemId.js +6 -0
  327. package/es/components/Select/utils/getItemId.js.map +1 -0
  328. package/es/components/Select/utils/getPlacement.js +9 -0
  329. package/es/components/Select/utils/getPlacement.js.map +1 -0
  330. package/es/components/Select/utils/getView.js +2 -2
  331. package/es/components/Select/utils/getView.js.map +1 -1
  332. package/es/components/Slider/Slider.css +21 -22
  333. package/es/components/Slider/components/Double/Double.css +21 -22
  334. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  335. package/es/components/Steps/Steps.css +10 -10
  336. package/es/components/Steps/Steps.js +23 -16
  337. package/es/components/Steps/Steps.js.map +1 -1
  338. package/es/components/Steps/Steps.styles.js +1 -1
  339. package/es/components/Steps/Steps.styles.js.map +1 -1
  340. package/es/components/Steps/{Steps.styles_1xmqxqu.css → Steps.styles_wa45kj.css} +1 -1
  341. package/es/components/Steps/Steps.tokens.js +1 -0
  342. package/es/components/Steps/Steps.tokens.js.map +1 -1
  343. package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
  344. package/es/components/Steps/ui/StepItem/StepItem.js +33 -9
  345. package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  346. package/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  347. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  348. package/es/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +9 -0
  349. package/es/components/TextField/TextField.js +11 -2
  350. package/es/components/TextField/TextField.js.map +1 -1
  351. package/es/components/TextField/TextField.styles.js +14 -22
  352. package/es/components/TextField/TextField.styles.js.map +1 -1
  353. package/{cjs/components/TextField/TextField.styles_grgg7q.css → es/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  354. package/es/components/TextField/TextField.tokens.js +2 -1
  355. package/es/components/TextField/TextField.tokens.js.map +1 -1
  356. package/es/components/TextField/ui/Hint/Hint.css +20 -21
  357. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  358. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  359. package/es/components/TextField/variations/_clear/base.js +1 -1
  360. package/es/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  361. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  362. package/es/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  363. package/es/components/TextField/variations/_read-only/base.js +1 -1
  364. package/es/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  365. package/es/components/TextField/variations/_size/base.js +1 -1
  366. package/es/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  367. package/es/components/TextField/variations/_view/base.js +1 -1
  368. package/es/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  369. package/es/index.css +57 -76
  370. package/es/index.js +1 -0
  371. package/es/index.js.map +1 -1
  372. package/es/utils/fixedForwardRef.js +8 -0
  373. package/es/utils/fixedForwardRef.js.map +1 -0
  374. package/es/utils/index.js.map +1 -1
  375. package/package.json +5 -5
  376. package/styled-components/cjs/components/Cell/Cell.js +3 -1
  377. package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  378. package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  379. package/styled-components/cjs/components/Chip/Chip.js +3 -1
  380. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  381. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  382. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  383. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  384. package/styled-components/cjs/components/Modal/Modal.js +12 -24
  385. package/styled-components/cjs/components/Modal/Modal.template-doc.mdx +0 -47
  386. package/styled-components/cjs/components/Modal/Modal.tokens.js +1 -5
  387. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  388. package/styled-components/cjs/components/Select/FloatingPopover.js +91 -0
  389. package/styled-components/cjs/components/Select/Select.js +177 -136
  390. package/styled-components/cjs/components/Select/Select.styles.js +12 -27
  391. package/styled-components/cjs/components/Select/Select.tokens.js +125 -60
  392. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  393. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +4 -1
  394. package/styled-components/cjs/components/Select/reducers/index.js +0 -11
  395. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
  396. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
  397. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +20 -26
  398. package/styled-components/cjs/components/Select/ui/Target/Target.js +45 -18
  399. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +14 -19
  400. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  401. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  402. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
  403. package/styled-components/cjs/components/Select/utils/getButtonLabel.js +1 -1
  404. package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  405. package/styled-components/cjs/components/Select/utils/getItemId.js +9 -0
  406. package/styled-components/cjs/components/Select/utils/getPlacement.js +12 -0
  407. package/styled-components/cjs/components/Select/utils/getView.js +2 -2
  408. package/styled-components/cjs/components/Select/utils/index.js +22 -1
  409. package/styled-components/cjs/components/Steps/Steps.js +23 -14
  410. package/styled-components/cjs/components/Steps/Steps.styles.js +1 -1
  411. package/styled-components/cjs/components/Steps/Steps.tokens.js +1 -0
  412. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +32 -8
  413. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +17 -6
  414. package/styled-components/cjs/components/TextField/TextField.js +11 -2
  415. package/styled-components/cjs/components/TextField/TextField.styles.js +12 -15
  416. package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
  417. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  418. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  419. package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.config.js +1 -1
  420. package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -90
  421. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  422. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  423. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  424. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  425. package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.config.js +1 -1
  426. package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -90
  427. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  428. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  429. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  430. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  431. package/styled-components/cjs/index.js +11 -0
  432. package/styled-components/cjs/types/DistributiveOmit.js +5 -0
  433. package/styled-components/cjs/types/DistributivePick.js +5 -0
  434. package/styled-components/cjs/utils/fixedForwardRef.js +11 -0
  435. package/styled-components/cjs/utils/index.js +9 -1
  436. package/styled-components/es/components/Cell/Cell.js +3 -1
  437. package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  438. package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  439. package/styled-components/es/components/Chip/Chip.js +3 -1
  440. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  441. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  442. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  443. package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  444. package/styled-components/es/components/Modal/Modal.js +12 -24
  445. package/styled-components/es/components/Modal/Modal.template-doc.mdx +0 -47
  446. package/styled-components/es/components/Modal/Modal.tokens.js +1 -5
  447. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  448. package/styled-components/es/components/Select/FloatingPopover.js +84 -0
  449. package/styled-components/es/components/Select/Select.js +182 -141
  450. package/styled-components/es/components/Select/Select.styles.js +11 -26
  451. package/styled-components/es/components/Select/Select.tokens.js +125 -60
  452. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  453. package/styled-components/es/components/Select/hooks/usePathMaps.js +4 -1
  454. package/styled-components/es/components/Select/reducers/index.js +1 -2
  455. package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
  456. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
  457. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +19 -25
  458. package/styled-components/es/components/Select/ui/Target/Target.js +42 -17
  459. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +12 -19
  460. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  461. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  462. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
  463. package/styled-components/es/components/Select/utils/getButtonLabel.js +1 -1
  464. package/styled-components/es/components/Select/utils/getFallbackPlacements.js +8 -0
  465. package/styled-components/es/components/Select/utils/getItemId.js +3 -0
  466. package/styled-components/es/components/Select/utils/getPlacement.js +6 -0
  467. package/styled-components/es/components/Select/utils/getView.js +2 -2
  468. package/styled-components/es/components/Select/utils/index.js +4 -1
  469. package/styled-components/es/components/Steps/Steps.js +24 -15
  470. package/styled-components/es/components/Steps/Steps.styles.js +1 -1
  471. package/styled-components/es/components/Steps/Steps.tokens.js +1 -0
  472. package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +32 -8
  473. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +17 -6
  474. package/styled-components/es/components/TextField/TextField.js +11 -2
  475. package/styled-components/es/components/TextField/TextField.styles.js +12 -15
  476. package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
  477. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  478. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  479. package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.config.js +1 -1
  480. package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -90
  481. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  482. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  483. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  484. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  485. package/styled-components/es/examples/plasma_web/components/Modal/Modal.config.js +1 -1
  486. package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -90
  487. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  488. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  489. package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  490. package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  491. package/styled-components/es/index.js +1 -0
  492. package/styled-components/es/types/DistributiveOmit.js +1 -0
  493. package/styled-components/es/types/DistributivePick.js +1 -0
  494. package/styled-components/es/utils/fixedForwardRef.js +4 -0
  495. package/styled-components/es/utils/index.js +2 -1
  496. package/types/components/Attach/ui/Button/Button.styles.d.ts +2 -2
  497. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +4 -4
  498. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -16
  499. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  500. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +2 -2
  501. package/types/components/Cell/Cell.d.ts.map +1 -1
  502. package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts.map +1 -1
  503. package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -1
  504. package/types/components/Chip/Chip.d.ts.map +1 -1
  505. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  506. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -1
  507. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  508. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +4 -3
  509. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  510. package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
  511. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +1 -3
  512. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
  513. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -16
  514. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  515. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -16
  516. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  517. package/types/components/EmptyState/EmptyState.styles.d.ts +2 -2
  518. package/types/components/Modal/Modal.d.ts.map +1 -1
  519. package/types/components/Modal/Modal.tokens.d.ts +0 -4
  520. package/types/components/Modal/Modal.tokens.d.ts.map +1 -1
  521. package/types/components/Modal/Modal.types.d.ts +1 -21
  522. package/types/components/Modal/Modal.types.d.ts.map +1 -1
  523. package/types/components/Modal/index.d.ts +1 -1
  524. package/types/components/Modal/index.d.ts.map +1 -1
  525. package/types/components/Notification/Notification.styles.d.ts +2 -2
  526. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +2 -2
  527. package/types/components/Pagination/Pagination.styles.d.ts +4 -4
  528. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +42 -42
  529. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +2 -2
  530. package/types/components/Range/Range.styles.d.ts +16 -16
  531. package/types/components/Range/Range.styles.d.ts.map +1 -1
  532. package/types/components/Select/FloatingPopover.d.ts +5 -0
  533. package/types/components/Select/FloatingPopover.d.ts.map +1 -0
  534. package/types/components/Select/Select.d.ts +5 -11
  535. package/types/components/Select/Select.d.ts.map +1 -1
  536. package/types/components/Select/Select.styles.d.ts +0 -9
  537. package/types/components/Select/Select.styles.d.ts.map +1 -1
  538. package/types/components/Select/Select.tokens.d.ts +121 -58
  539. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  540. package/types/components/Select/Select.types.d.ts +42 -21
  541. package/types/components/Select/Select.types.d.ts.map +1 -1
  542. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +5 -11
  543. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  544. package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
  545. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  546. package/types/components/Select/index.d.ts +1 -1
  547. package/types/components/Select/index.d.ts.map +1 -1
  548. package/types/components/Select/reducers/index.d.ts +0 -1
  549. package/types/components/Select/reducers/index.d.ts.map +1 -1
  550. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
  551. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  552. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +32 -2
  553. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  554. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +9 -0
  555. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  556. package/types/components/Select/ui/Target/Target.d.ts +14 -2
  557. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  558. package/types/components/Select/ui/Target/Target.types.d.ts +10 -9
  559. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  560. package/types/components/Select/ui/Target/ui/Button/Button.d.ts +1 -1
  561. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  562. package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -2
  563. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
  564. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
  565. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +1 -1
  566. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  567. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +628 -60
  568. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  569. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -4
  570. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  571. package/types/components/Select/utils/getFallbackPlacements.d.ts +4 -0
  572. package/types/components/Select/utils/getFallbackPlacements.d.ts.map +1 -0
  573. package/types/components/Select/utils/getItemId.d.ts +2 -0
  574. package/types/components/Select/utils/getItemId.d.ts.map +1 -0
  575. package/types/components/Select/utils/getPlacement.d.ts +4 -0
  576. package/types/components/Select/utils/getPlacement.d.ts.map +1 -0
  577. package/types/components/Select/utils/getView.d.ts +1 -1
  578. package/types/components/Select/utils/getView.d.ts.map +1 -1
  579. package/types/components/Select/utils/index.d.ts +3 -0
  580. package/types/components/Select/utils/index.d.ts.map +1 -1
  581. package/types/components/Slider/components/Double/Double.styles.d.ts +16 -16
  582. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  583. package/types/components/Steps/Steps.d.ts.map +1 -1
  584. package/types/components/Steps/Steps.styles.d.ts.map +1 -1
  585. package/types/components/Steps/Steps.tokens.d.ts +1 -0
  586. package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
  587. package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +1 -1
  588. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +2 -2
  589. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
  590. package/types/components/TextField/TextField.d.ts.map +1 -1
  591. package/types/components/TextField/TextField.styles.d.ts +1 -3
  592. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  593. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  594. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  595. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +3 -1
  596. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  597. package/types/components/Toast/Toast.styles.d.ts +2 -2
  598. package/types/components/Toast/utils.d.ts +2 -2
  599. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +8 -8
  600. package/types/examples/plasma_b2c/components/Button/Button.d.ts +2 -2
  601. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
  602. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +2 -2
  603. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -16
  604. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  605. package/types/examples/plasma_b2c/components/Modal/Modal.config.d.ts.map +1 -1
  606. package/types/examples/plasma_b2c/components/Modal/Modal.d.ts +1 -7
  607. package/types/examples/plasma_b2c/components/Modal/Modal.d.ts.map +1 -1
  608. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
  609. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts.map +1 -1
  610. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +15 -7
  611. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
  612. package/types/examples/plasma_b2c/components/Select/Select.d.ts +55 -48
  613. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  614. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +1 -1
  615. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +16 -16
  616. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -16
  617. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  618. package/types/examples/plasma_web/components/Attach/Attach.d.ts +8 -8
  619. package/types/examples/plasma_web/components/Button/Button.d.ts +2 -2
  620. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
  621. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +2 -2
  622. package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -16
  623. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  624. package/types/examples/plasma_web/components/Modal/Modal.config.d.ts.map +1 -1
  625. package/types/examples/plasma_web/components/Modal/Modal.d.ts +1 -7
  626. package/types/examples/plasma_web/components/Modal/Modal.d.ts.map +1 -1
  627. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
  628. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts.map +1 -1
  629. package/types/examples/plasma_web/components/Select/Select.config.d.ts +15 -7
  630. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
  631. package/types/examples/plasma_web/components/Select/Select.d.ts +55 -48
  632. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  633. package/types/examples/plasma_web/components/Steps/Steps.config.d.ts.map +1 -1
  634. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +16 -16
  635. package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -16
  636. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  637. package/types/index.d.ts +1 -0
  638. package/types/index.d.ts.map +1 -1
  639. package/types/types/DistributiveOmit.d.ts +2 -0
  640. package/types/types/DistributiveOmit.d.ts.map +1 -0
  641. package/types/types/DistributivePick.d.ts +2 -0
  642. package/types/types/DistributivePick.d.ts.map +1 -0
  643. package/types/types/index.d.ts +2 -0
  644. package/types/types/index.d.ts.map +1 -1
  645. package/types/utils/fixedForwardRef.d.ts +3 -0
  646. package/types/utils/fixedForwardRef.d.ts.map +1 -0
  647. package/types/utils/index.d.ts +1 -0
  648. package/types/utils/index.d.ts.map +1 -1
  649. package/cjs/components/Modal/Modal.styles.js +0 -27
  650. package/cjs/components/Modal/Modal.styles.js.map +0 -1
  651. package/cjs/components/Modal/Modal.styles_1fjhyqd.css +0 -3
  652. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  653. package/cjs/components/Select/Select.styles_768h42.css +0 -5
  654. package/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -39
  655. package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  656. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  657. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  658. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  659. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  660. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -36
  661. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  662. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  663. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  664. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  665. package/cjs/components/Select/variations/_size/base.js +0 -9
  666. package/cjs/components/Select/variations/_size/base.js.map +0 -1
  667. package/cjs/components/Select/variations/_size/base_x642ct.css +0 -1
  668. package/cjs/components/Select/variations/_view/base.js +0 -9
  669. package/cjs/components/Select/variations/_view/base.js.map +0 -1
  670. package/cjs/components/Select/variations/_view/base_x642ct.css +0 -1
  671. package/cjs/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +0 -9
  672. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  673. package/emotion/cjs/components/Modal/Modal.styles.js +0 -30
  674. package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  675. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  676. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  677. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  678. package/emotion/cjs/components/Select/variations/_size/base.js +0 -8
  679. package/emotion/cjs/components/Select/variations/_size/tokens.json +0 -9
  680. package/emotion/cjs/components/Select/variations/_view/base.js +0 -8
  681. package/emotion/cjs/components/Select/variations/_view/tokens.json +0 -1
  682. package/emotion/es/components/Modal/Modal.styles.js +0 -23
  683. package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  684. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  685. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -15
  686. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  687. package/emotion/es/components/Select/variations/_size/base.js +0 -2
  688. package/emotion/es/components/Select/variations/_size/tokens.json +0 -9
  689. package/emotion/es/components/Select/variations/_view/base.js +0 -2
  690. package/emotion/es/components/Select/variations/_view/tokens.json +0 -1
  691. package/es/components/Modal/Modal.styles.js +0 -21
  692. package/es/components/Modal/Modal.styles.js.map +0 -1
  693. package/es/components/Modal/Modal.styles_1fjhyqd.css +0 -3
  694. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  695. package/es/components/Select/Select.styles_768h42.css +0 -5
  696. package/es/components/Select/reducers/focusedChipIndexReducer.js +0 -35
  697. package/es/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  698. package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  699. package/es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  700. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  701. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  702. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -32
  703. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  704. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -18
  705. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  706. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  707. package/es/components/Select/variations/_size/base.js +0 -5
  708. package/es/components/Select/variations/_size/base.js.map +0 -1
  709. package/es/components/Select/variations/_size/base_x642ct.css +0 -1
  710. package/es/components/Select/variations/_view/base.js +0 -5
  711. package/es/components/Select/variations/_view/base.js.map +0 -1
  712. package/es/components/Select/variations/_view/base_x642ct.css +0 -1
  713. package/es/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +0 -9
  714. package/es/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  715. package/styled-components/cjs/components/Modal/Modal.styles.js +0 -18
  716. package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  717. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  718. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -21
  719. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  720. package/styled-components/cjs/components/Select/variations/_size/base.js +0 -8
  721. package/styled-components/cjs/components/Select/variations/_size/tokens.json +0 -9
  722. package/styled-components/cjs/components/Select/variations/_view/base.js +0 -8
  723. package/styled-components/cjs/components/Select/variations/_view/tokens.json +0 -1
  724. package/styled-components/es/components/Modal/Modal.styles.js +0 -11
  725. package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  726. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  727. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -14
  728. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  729. package/styled-components/es/components/Select/variations/_size/base.js +0 -2
  730. package/styled-components/es/components/Select/variations/_size/tokens.json +0 -9
  731. package/styled-components/es/components/Select/variations/_view/base.js +0 -2
  732. package/styled-components/es/components/Select/variations/_view/tokens.json +0 -1
  733. package/types/components/Modal/Modal.styles.d.ts +0 -5
  734. package/types/components/Modal/Modal.styles.d.ts.map +0 -1
  735. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +0 -11
  736. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +0 -1
  737. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +0 -9
  738. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +0 -1
  739. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +0 -3
  740. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +0 -1
  741. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +0 -2
  742. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts.map +0 -1
  743. package/types/components/Select/variations/_size/base.d.ts +0 -2
  744. package/types/components/Select/variations/_size/base.d.ts.map +0 -1
  745. package/types/components/Select/variations/_view/base.d.ts +0 -2
  746. package/types/components/Select/variations/_view/base.d.ts.map +0 -1
@@ -6,17 +6,17 @@
6
6
 
7
7
  .base_tzdxy8_b1l9fpln__8f6a3445[readonly]{cursor:default;}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_czi0aji__8f6a3445{background:var(--plasma-range-background-readonly);}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_s14q3826__8f6a3445{display:block;color:var(--plasma-range__label-color-readonly);}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_l1fwucr5__8f6a3445{color:var(--plasma-range__left-helper-color-readonly);}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_s1e6rwfy__8f6a3445{color:var(--plasma-range__divider-color-readonly);}.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_sfxtxl2__8f6a3445,.base_tzdxy8_b1l9fpln__8f6a3445[readonly] .base_tzdxy8_s1hiyoiq__8f6a3445{color:var(--plasma-range-textfield-color-readonly);}
8
8
 
9
- .base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i13qvwoy__5f4dd9b9{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i19ry60d__5f4dd9b9{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasChips__5f4dd9b9{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentLeft__5f4dd9b9{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentRight__5f4dd9b9{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l1gjsnfi__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9:not(.base_1xdmaqh_labelPlacementInner__5f4dd9b9) .base_1xdmaqh_s16itze4__5f4dd9b9{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s1skqnhr__5f4dd9b9{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_hgy0im1__5f4dd9b9{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_t600610__5f4dd9b9{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l7hnwwb__5f4dd9b9{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9{margin:var(--plasma-textfield__before-text-margin);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{margin:var(--plasma-textfield__after-text-margin);}
9
+ .base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i13qvwoy__79b65751{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i19ry60d__79b65751{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasChips__79b65751{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasEmptyContentLeft__79b65751{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasEmptyContentRight__79b65751{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_l1gjsnfi__79b65751,.base_1tei47x_b13ve66i__79b65751:not(.base_1tei47x_labelPlacementInner__79b65751) .base_1tei47x_s14qvple__79b65751{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s16itze4__79b65751{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_h1skqnhr__79b65751{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_t600610__79b65751{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_lb3k3v1__79b65751{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s7hnwwb__79b65751,.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_smqgwd8__79b65751{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s7hnwwb__79b65751{margin:var(--plasma-textfield__before-text-margin);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_smqgwd8__79b65751{margin:var(--plasma-textfield__after-text-margin);}
10
10
 
11
- .base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i13qvwoy__55992f65{color:var(--plasma-textfield-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:focus-within .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color-focus);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_t600610__55992f65{color:var(--plasma-textfield__title-caption-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_l7hnwwb__55992f65{color:var(--plasma-textfield__left-helper-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_smqgwd8__55992f65{color:var(--plasma-textfield__before-text-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_s14qvple__55992f65{color:var(--plasma-textfield__after-text-color);}
11
+ .base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i13qvwoy__e950e715{color:var(--plasma-textfield-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_ibt1ohz__e950e715{color:var(--plasma-textfield__placeholder-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715:focus-within .base_8ogww5_ibt1ohz__e950e715{color:var(--plasma-textfield__placeholder-color-focus);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_t600610__e950e715{color:var(--plasma-textfield__title-caption-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_lb3k3v1__e950e715{color:var(--plasma-textfield__left-helper-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_s7hnwwb__e950e715{color:var(--plasma-textfield__before-text-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_smqgwd8__e950e715{color:var(--plasma-textfield__after-text-color);}
12
12
 
13
- .base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b[readonly] .base_1i91sjp_i1j28rg8__7642e26b,.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i1j28rg8__7642e26b{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b[readonly] .base_1i91sjp_i1j28rg8__7642e26b:hover,.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i1j28rg8__7642e26b:hover{background-color:unset;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_s190z894__7642e26b{margin-left:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_sb3k3v1__7642e26b{margin-right:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_labelPlacementOuter__7642e26b .base_1i91sjp_olv9av6__7642e26b{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i13qvwoy__7642e26b{color:var(--plasma-textfield-clear-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_ibt1ohz__7642e26b{color:var(--plasma-textfield__clear-placeholder-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b.base_1i91sjp_requiredAlignRight__7642e26b{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasHint__7642e26b .base_1i91sjp_s1skqnhr__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasHint__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b.base_1i91sjp_requiredAlignRight__7642e26b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b .base_1i91sjp_i1j28rg8__7642e26b{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b .base_1i91sjp_i1j28rg8__7642e26b:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:focus-within .base_1i91sjp_ibt1ohz__7642e26b{color:var(--plasma-textfield__clear-placeholder-color-focus);}
13
+ .base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7[readonly] .base_1396md2_i1j28rg8__eb9300f7,.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7[readonly] .base_1396md2_i1j28rg8__eb9300f7:hover,.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7:hover{background-color:unset;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_ssv2kwg__eb9300f7{margin-left:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s190z894__eb9300f7{margin-right:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_labelPlacementOuter__eb9300f7 .base_1396md2_olv9av6__eb9300f7{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i13qvwoy__eb9300f7{color:var(--plasma-textfield-clear-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_ibt1ohz__eb9300f7{color:var(--plasma-textfield__clear-placeholder-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7.base_1396md2_requiredAlignRight__eb9300f7{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasHint__eb9300f7 .base_1396md2_s16itze4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasHint__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7.base_1396md2_requiredAlignRight__eb9300f7{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:focus-within .base_1396md2_ibt1ohz__eb9300f7{color:var(--plasma-textfield__clear-placeholder-color-focus);}
14
14
 
15
15
  .base_4d3opa_b15zsg4z__d935790a[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_4d3opa_b15zsg4z__d935790a[disabled] .base_4d3opa_i13qvwoy__d935790a{cursor:not-allowed;min-width:unset;}
16
16
 
17
- .base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_textfieldHasDivider__5cf81a55 .base_17ypmu7_i1j28rg8__5cf81a55:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:focus-within .base_17ypmu7_ibt1ohz__5cf81a55,.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_ibt1ohz__5cf81a55{color:var(--plasma-textfield__placeholder-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i13qvwoy__5cf81a55{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_t600610__5cf81a55{color:var(--plasma-textfield__title-caption-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_l7hnwwb__5cf81a55{color:var(--plasma-textfield__left-helper-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_labelPlacementOuter__5cf81a55 .base_17ypmu7_l1gjsnfi__5cf81a55{color:var(--plasma-textfield__label-color-readonly);}
17
+ .base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_textfieldHasDivider__78f0baf3 .base_1jvcf9a_i1j28rg8__78f0baf3:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:focus-within .base_1jvcf9a_ibt1ohz__78f0baf3,.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_ibt1ohz__78f0baf3{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i13qvwoy__78f0baf3{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_t600610__78f0baf3{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_lb3k3v1__78f0baf3{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_labelPlacementOuter__78f0baf3 .base_1jvcf9a_l1gjsnfi__78f0baf3{color:var(--plasma-textfield__label-color-readonly);}
18
18
 
19
- .base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementOuter__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i19ry60d__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_s14qvple__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_smqgwd8__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1:focus ~ .base_3domm_l1gjsnfi__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1.base_3domm_hasValue__caf0c2d1 ~ .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{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);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1.base_3domm_textfieldClear__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__clear-placeholder-color);}
19
+ .base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementOuter__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i19ry60d__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_smqgwd8__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_s7hnwwb__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79:focus ~ .base_gttvto_l1gjsnfi__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79.base_gttvto_hasValue__3b8edf79 ~ .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{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);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79.base_gttvto_textfieldClear__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__clear-placeholder-color);}
20
20
 
21
21
  .base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
22
22
 
@@ -28,27 +28,26 @@
28
28
  .Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
29
29
 
30
30
 
31
- .TextField_styles_grgg7q_i1j28rg8__04d4fe84{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;}
32
- .TextField_styles_grgg7q_i13zudoe__04d4fe84{-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_grgg7q_i13zudoe__04d4fe84::-webkit-scrollbar{display:none;}.TextField_styles_grgg7q_i13zudoe__04d4fe84.TextField_styles_grgg7q_hasChips__04d4fe84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
33
- .TextField_styles_grgg7q_so4bpie__04d4fe84{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;}
34
- .TextField_styles_grgg7q_i13qvwoy__04d4fe84{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_grgg7q_i13qvwoy__04d4fe84::-webkit-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::-moz-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84:-ms-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::placeholder{opacity:0;}
35
- .TextField_styles_grgg7q_i19ry60d__04d4fe84{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
36
- .TextField_styles_grgg7q_ibt1ohz__04d4fe84{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);}
37
- .TextField_styles_grgg7q_olv9av6__04d4fe84{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;margin-bottom:var(--olv9av6-0);}
38
- .TextField_styles_grgg7q_t600610__04d4fe84{display:inline-block;margin-left:auto;}
39
- .TextField_styles_grgg7q_suk2zst__04d4fe84{position:relative;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;}
40
- .TextField_styles_grgg7q_l1gjsnfi__04d4fe84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
41
- .TextField_styles_grgg7q_ssv2kwg__04d4fe84{color:var(--ssv2kwg-0);line-height:0;}
42
- .TextField_styles_grgg7q_s190z894__04d4fe84.TextField_styles_grgg7q_ssv2kwg__04d4fe84{margin:var(--plasma-textfield__left-content-margin);}
43
- .TextField_styles_grgg7q_sb3k3v1__04d4fe84{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_grgg7q_sb3k3v1__04d4fe84: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_grgg7q_sb3k3v1__04d4fe84:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
31
+ .TextField_styles_j7dqpn_i1j28rg8__f79fd7d8{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;}
32
+ .TextField_styles_j7dqpn_i13zudoe__f79fd7d8{-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_j7dqpn_i13zudoe__f79fd7d8::-webkit-scrollbar{display:none;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8.TextField_styles_j7dqpn_hasChips__f79fd7d8{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
33
+ .TextField_styles_j7dqpn_so4bpie__f79fd7d8{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;}
34
+ .TextField_styles_j7dqpn_i13qvwoy__f79fd7d8{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_j7dqpn_i13qvwoy__f79fd7d8::-webkit-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-moz-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8:-ms-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::placeholder{opacity:0;}
35
+ .TextField_styles_j7dqpn_i19ry60d__f79fd7d8{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
36
+ .TextField_styles_j7dqpn_ibt1ohz__f79fd7d8{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);}
37
+ .TextField_styles_j7dqpn_olv9av6__f79fd7d8{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;margin-bottom:var(--olv9av6-0);}
38
+ .TextField_styles_j7dqpn_t600610__f79fd7d8{display:inline-block;margin-left:auto;}
39
+ .TextField_styles_j7dqpn_suk2zst__f79fd7d8{position:relative;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;}
40
+ .TextField_styles_j7dqpn_l1gjsnfi__f79fd7d8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
41
+ .TextField_styles_j7dqpn_ssv2kwg__f79fd7d8{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
42
+ .TextField_styles_j7dqpn_s190z894__f79fd7d8{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_j7dqpn_s190z894__f79fd7d8:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_j7dqpn_s190z894__f79fd7d8:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
44
43
 
45
44
 
46
45
 
47
- .TextField_styles_grgg7q_s16itze4__04d4fe84{color:var(--plasma-textfield__optional-color);}
48
- .TextField_styles_grgg7q_s1skqnhr__04d4fe84{display:inline-block;line-height:0;}.TextField_styles_grgg7q_s1skqnhr__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
49
- .TextField_styles_grgg7q_hgy0im1__04d4fe84{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
46
+ .TextField_styles_j7dqpn_s14qvple__f79fd7d8{color:var(--plasma-textfield__optional-color);}
47
+ .TextField_styles_j7dqpn_s16itze4__f79fd7d8{display:inline-block;line-height:0;}.TextField_styles_j7dqpn_s16itze4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
48
+ .TextField_styles_j7dqpn_h1skqnhr__f79fd7d8{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
50
49
 
51
- .TextField_styles_grgg7q_szsveq4__04d4fe84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84.TextField_styles_grgg7q_textfieldHasHint__04d4fe84{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-inner-right);}
50
+ .TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-inner-right);}
52
51
 
53
52
  .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);}
54
53
 
@@ -76,17 +76,17 @@
76
76
 
77
77
  .base_1jucwp_b160pc19__2f1aa288[readonly]{cursor:default;}.base_1jucwp_b160pc19__2f1aa288[readonly] .base_1jucwp_svfqi8__2f1aa288{display:block;color:var(--plasma-date-picker__label-color-readonly);}.base_1jucwp_b160pc19__2f1aa288[readonly] .base_1jucwp_l5dd1qs__2f1aa288{color:var(--plasma-date-picker__left-helper-color-readonly);}
78
78
 
79
- .base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i13qvwoy__5f4dd9b9{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i19ry60d__5f4dd9b9{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasChips__5f4dd9b9{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentLeft__5f4dd9b9{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentRight__5f4dd9b9{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l1gjsnfi__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9:not(.base_1xdmaqh_labelPlacementInner__5f4dd9b9) .base_1xdmaqh_s16itze4__5f4dd9b9{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s1skqnhr__5f4dd9b9{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_hgy0im1__5f4dd9b9{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_t600610__5f4dd9b9{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l7hnwwb__5f4dd9b9{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9{margin:var(--plasma-textfield__before-text-margin);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{margin:var(--plasma-textfield__after-text-margin);}
79
+ .base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i13qvwoy__79b65751{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i19ry60d__79b65751{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasChips__79b65751{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasEmptyContentLeft__79b65751{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasEmptyContentRight__79b65751{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_l1gjsnfi__79b65751,.base_1tei47x_b13ve66i__79b65751:not(.base_1tei47x_labelPlacementInner__79b65751) .base_1tei47x_s14qvple__79b65751{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s16itze4__79b65751{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_h1skqnhr__79b65751{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_t600610__79b65751{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_lb3k3v1__79b65751{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s7hnwwb__79b65751,.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_smqgwd8__79b65751{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s7hnwwb__79b65751{margin:var(--plasma-textfield__before-text-margin);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_smqgwd8__79b65751{margin:var(--plasma-textfield__after-text-margin);}
80
80
 
81
- .base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i13qvwoy__55992f65{color:var(--plasma-textfield-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:focus-within .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color-focus);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_t600610__55992f65{color:var(--plasma-textfield__title-caption-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_l7hnwwb__55992f65{color:var(--plasma-textfield__left-helper-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_smqgwd8__55992f65{color:var(--plasma-textfield__before-text-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_s14qvple__55992f65{color:var(--plasma-textfield__after-text-color);}
81
+ .base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i13qvwoy__e950e715{color:var(--plasma-textfield-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_ibt1ohz__e950e715{color:var(--plasma-textfield__placeholder-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715:focus-within .base_8ogww5_ibt1ohz__e950e715{color:var(--plasma-textfield__placeholder-color-focus);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_t600610__e950e715{color:var(--plasma-textfield__title-caption-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_lb3k3v1__e950e715{color:var(--plasma-textfield__left-helper-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_s7hnwwb__e950e715{color:var(--plasma-textfield__before-text-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_smqgwd8__e950e715{color:var(--plasma-textfield__after-text-color);}
82
82
 
83
- .base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b[readonly] .base_1i91sjp_i1j28rg8__7642e26b,.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i1j28rg8__7642e26b{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b[readonly] .base_1i91sjp_i1j28rg8__7642e26b:hover,.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i1j28rg8__7642e26b:hover{background-color:unset;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_s190z894__7642e26b{margin-left:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_sb3k3v1__7642e26b{margin-right:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_labelPlacementOuter__7642e26b .base_1i91sjp_olv9av6__7642e26b{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i13qvwoy__7642e26b{color:var(--plasma-textfield-clear-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_ibt1ohz__7642e26b{color:var(--plasma-textfield__clear-placeholder-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b.base_1i91sjp_requiredAlignRight__7642e26b{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasHint__7642e26b .base_1i91sjp_s1skqnhr__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasHint__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b.base_1i91sjp_requiredAlignRight__7642e26b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b .base_1i91sjp_i1j28rg8__7642e26b{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b .base_1i91sjp_i1j28rg8__7642e26b:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:focus-within .base_1i91sjp_ibt1ohz__7642e26b{color:var(--plasma-textfield__clear-placeholder-color-focus);}
83
+ .base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7[readonly] .base_1396md2_i1j28rg8__eb9300f7,.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7[readonly] .base_1396md2_i1j28rg8__eb9300f7:hover,.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7:hover{background-color:unset;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_ssv2kwg__eb9300f7{margin-left:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s190z894__eb9300f7{margin-right:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_labelPlacementOuter__eb9300f7 .base_1396md2_olv9av6__eb9300f7{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i13qvwoy__eb9300f7{color:var(--plasma-textfield-clear-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_ibt1ohz__eb9300f7{color:var(--plasma-textfield__clear-placeholder-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7.base_1396md2_requiredAlignRight__eb9300f7{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasHint__eb9300f7 .base_1396md2_s16itze4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasHint__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7.base_1396md2_requiredAlignRight__eb9300f7{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:focus-within .base_1396md2_ibt1ohz__eb9300f7{color:var(--plasma-textfield__clear-placeholder-color-focus);}
84
84
 
85
85
  .base_4d3opa_b15zsg4z__d935790a[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_4d3opa_b15zsg4z__d935790a[disabled] .base_4d3opa_i13qvwoy__d935790a{cursor:not-allowed;min-width:unset;}
86
86
 
87
- .base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_textfieldHasDivider__5cf81a55 .base_17ypmu7_i1j28rg8__5cf81a55:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:focus-within .base_17ypmu7_ibt1ohz__5cf81a55,.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_ibt1ohz__5cf81a55{color:var(--plasma-textfield__placeholder-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i13qvwoy__5cf81a55{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_t600610__5cf81a55{color:var(--plasma-textfield__title-caption-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_l7hnwwb__5cf81a55{color:var(--plasma-textfield__left-helper-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_labelPlacementOuter__5cf81a55 .base_17ypmu7_l1gjsnfi__5cf81a55{color:var(--plasma-textfield__label-color-readonly);}
87
+ .base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_textfieldHasDivider__78f0baf3 .base_1jvcf9a_i1j28rg8__78f0baf3:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:focus-within .base_1jvcf9a_ibt1ohz__78f0baf3,.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_ibt1ohz__78f0baf3{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i13qvwoy__78f0baf3{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_t600610__78f0baf3{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_lb3k3v1__78f0baf3{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_labelPlacementOuter__78f0baf3 .base_1jvcf9a_l1gjsnfi__78f0baf3{color:var(--plasma-textfield__label-color-readonly);}
88
88
 
89
- .base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementOuter__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i19ry60d__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_s14qvple__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_smqgwd8__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1:focus ~ .base_3domm_l1gjsnfi__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1.base_3domm_hasValue__caf0c2d1 ~ .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{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);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1.base_3domm_textfieldClear__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__clear-placeholder-color);}
89
+ .base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementOuter__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i19ry60d__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_smqgwd8__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_s7hnwwb__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79:focus ~ .base_gttvto_l1gjsnfi__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79.base_gttvto_hasValue__3b8edf79 ~ .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{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);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79.base_gttvto_textfieldClear__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__clear-placeholder-color);}
90
90
 
91
91
  .base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
92
92
 
@@ -98,27 +98,26 @@
98
98
  .Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
99
99
 
100
100
 
101
- .TextField_styles_grgg7q_i1j28rg8__04d4fe84{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;}
102
- .TextField_styles_grgg7q_i13zudoe__04d4fe84{-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_grgg7q_i13zudoe__04d4fe84::-webkit-scrollbar{display:none;}.TextField_styles_grgg7q_i13zudoe__04d4fe84.TextField_styles_grgg7q_hasChips__04d4fe84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
103
- .TextField_styles_grgg7q_so4bpie__04d4fe84{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;}
104
- .TextField_styles_grgg7q_i13qvwoy__04d4fe84{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_grgg7q_i13qvwoy__04d4fe84::-webkit-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::-moz-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84:-ms-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::placeholder{opacity:0;}
105
- .TextField_styles_grgg7q_i19ry60d__04d4fe84{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
106
- .TextField_styles_grgg7q_ibt1ohz__04d4fe84{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);}
107
- .TextField_styles_grgg7q_olv9av6__04d4fe84{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;margin-bottom:var(--olv9av6-0);}
108
- .TextField_styles_grgg7q_t600610__04d4fe84{display:inline-block;margin-left:auto;}
109
- .TextField_styles_grgg7q_suk2zst__04d4fe84{position:relative;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;}
110
- .TextField_styles_grgg7q_l1gjsnfi__04d4fe84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
111
- .TextField_styles_grgg7q_ssv2kwg__04d4fe84{color:var(--ssv2kwg-0);line-height:0;}
112
- .TextField_styles_grgg7q_s190z894__04d4fe84.TextField_styles_grgg7q_ssv2kwg__04d4fe84{margin:var(--plasma-textfield__left-content-margin);}
113
- .TextField_styles_grgg7q_sb3k3v1__04d4fe84{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_grgg7q_sb3k3v1__04d4fe84: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_grgg7q_sb3k3v1__04d4fe84:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
101
+ .TextField_styles_j7dqpn_i1j28rg8__f79fd7d8{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;}
102
+ .TextField_styles_j7dqpn_i13zudoe__f79fd7d8{-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_j7dqpn_i13zudoe__f79fd7d8::-webkit-scrollbar{display:none;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8.TextField_styles_j7dqpn_hasChips__f79fd7d8{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
103
+ .TextField_styles_j7dqpn_so4bpie__f79fd7d8{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;}
104
+ .TextField_styles_j7dqpn_i13qvwoy__f79fd7d8{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_j7dqpn_i13qvwoy__f79fd7d8::-webkit-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-moz-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8:-ms-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::placeholder{opacity:0;}
105
+ .TextField_styles_j7dqpn_i19ry60d__f79fd7d8{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
106
+ .TextField_styles_j7dqpn_ibt1ohz__f79fd7d8{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);}
107
+ .TextField_styles_j7dqpn_olv9av6__f79fd7d8{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;margin-bottom:var(--olv9av6-0);}
108
+ .TextField_styles_j7dqpn_t600610__f79fd7d8{display:inline-block;margin-left:auto;}
109
+ .TextField_styles_j7dqpn_suk2zst__f79fd7d8{position:relative;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;}
110
+ .TextField_styles_j7dqpn_l1gjsnfi__f79fd7d8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
111
+ .TextField_styles_j7dqpn_ssv2kwg__f79fd7d8{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
112
+ .TextField_styles_j7dqpn_s190z894__f79fd7d8{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_j7dqpn_s190z894__f79fd7d8:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_j7dqpn_s190z894__f79fd7d8:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
114
113
 
115
114
 
116
115
 
117
- .TextField_styles_grgg7q_s16itze4__04d4fe84{color:var(--plasma-textfield__optional-color);}
118
- .TextField_styles_grgg7q_s1skqnhr__04d4fe84{display:inline-block;line-height:0;}.TextField_styles_grgg7q_s1skqnhr__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
119
- .TextField_styles_grgg7q_hgy0im1__04d4fe84{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
116
+ .TextField_styles_j7dqpn_s14qvple__f79fd7d8{color:var(--plasma-textfield__optional-color);}
117
+ .TextField_styles_j7dqpn_s16itze4__f79fd7d8{display:inline-block;line-height:0;}.TextField_styles_j7dqpn_s16itze4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
118
+ .TextField_styles_j7dqpn_h1skqnhr__f79fd7d8{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
120
119
 
121
- .TextField_styles_grgg7q_szsveq4__04d4fe84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84.TextField_styles_grgg7q_textfieldHasHint__04d4fe84{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-inner-right);}
120
+ .TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-inner-right);}
122
121
 
123
122
  .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);}
124
123
 
@@ -1 +1 @@
1
- {"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Dropdown/FloatingPopover.tsx"],"sourcesContent":["import {\n flip,\n shift,\n useFloating,\n FloatingPortal,\n offset as offsetMiddleware,\n autoPlacement,\n} from '@floating-ui/react';\nimport React, { forwardRef, MouseEvent } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { FloatingPopoverProps } from './Dropdown.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, offset = [0, 0], isInner, trigger }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement: placement === 'auto' ? undefined : placement,\n open: opened,\n middleware: [\n placement === 'auto' && autoPlacement(),\n offsetMiddleware({ mainAxis: offset[1], crossAxis: offset[0] }),\n flip({ fallbackAxisSideDirection: 'end' }),\n shift(),\n ],\n });\n const wrappedId = safeUseId();\n\n const handleTargetClick = (event: MouseEvent<HTMLDivElement>) => {\n if (trigger === 'hover') {\n return;\n }\n\n if (onToggle) {\n onToggle(!opened, event);\n }\n };\n\n const handleTargetMouseEnter = (event: MouseEvent<HTMLDivElement>) => {\n if (trigger === 'click' || opened) {\n return;\n }\n\n onToggle(true, event);\n };\n\n const handleTargetMouseLeave = (event: MouseEvent<HTMLDivElement>) => {\n if (event.relatedTarget instanceof HTMLElement && refs.floating.current instanceof HTMLElement) {\n if (\n trigger === 'click' ||\n !opened ||\n (event.relatedTarget && refs.floating && refs.floating.current?.contains(event.relatedTarget))\n ) {\n return;\n }\n\n onToggle(false, event);\n }\n };\n\n const handleFloatingMouseLeave = (event: MouseEvent) => {\n if (event.relatedTarget instanceof HTMLElement && refs.reference.current instanceof HTMLElement) {\n if (\n trigger === 'click' ||\n !opened ||\n (event.relatedTarget && refs.reference && refs.reference.current?.contains(event.relatedTarget))\n ) {\n return;\n }\n\n onToggle(false, event);\n }\n };\n\n return (\n <div\n id={wrappedId}\n style={{\n display: isInner ? 'block' : 'inline-block',\n }}\n ref={ref}\n >\n <div\n ref={refs.setReference}\n onClick={handleTargetClick}\n onMouseEnter={handleTargetMouseEnter}\n onMouseLeave={handleTargetMouseLeave}\n >\n {target}\n </div>\n\n {opened && (\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div\n ref={refs.setFloating}\n onMouseLeave={handleFloatingMouseLeave}\n style={{\n ...floatingStyles,\n zIndex: 1,\n }}\n >\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: HTMLElement | null | React.MutableRefObject<HTMLElement | null>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","_ref$offset","offset","isInner","trigger","_useFloating","useFloating","undefined","open","middleware","autoPlacement","offsetMiddleware","mainAxis","crossAxis","flip","fallbackAxisSideDirection","shift","refs","floatingStyles","wrappedId","safeUseId","handleTargetClick","event","handleTargetMouseEnter","handleTargetMouseLeave","relatedTarget","HTMLElement","floating","current","_refs$floating$curren","contains","handleFloatingMouseLeave","reference","_refs$reference$curre","React","createElement","id","style","display","setReference","onClick","onMouseEnter","onMouseLeave","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":"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"}
1
+ {"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Dropdown/FloatingPopover.tsx"],"sourcesContent":["import {\n flip,\n shift,\n useFloating,\n FloatingPortal,\n offset as offsetMiddleware,\n autoPlacement,\n} from '@floating-ui/react';\nimport React, { forwardRef, MouseEvent } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { FloatingPopoverProps } from './Dropdown.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, offset = [0, 0], isInner, trigger }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement: placement === 'auto' ? undefined : placement,\n open: opened,\n middleware: [\n placement === 'auto' && autoPlacement(),\n offsetMiddleware({ mainAxis: offset[1], crossAxis: offset[0] }),\n flip({ fallbackAxisSideDirection: 'end' }),\n shift(),\n ],\n });\n const wrappedId = safeUseId();\n\n const handleTargetClick = (event: MouseEvent<HTMLDivElement>) => {\n if (trigger === 'hover') {\n return;\n }\n\n if (onToggle) {\n onToggle(!opened, event);\n }\n };\n\n const handleTargetMouseEnter = (event: MouseEvent<HTMLDivElement>) => {\n if (trigger === 'click' || opened) {\n return;\n }\n\n onToggle(true, event);\n };\n\n const handleTargetMouseLeave = (event: MouseEvent<HTMLDivElement>) => {\n if (event.relatedTarget instanceof HTMLElement && refs.floating.current instanceof HTMLElement) {\n if (\n trigger === 'click' ||\n !opened ||\n (event.relatedTarget && refs.floating && refs.floating.current?.contains(event.relatedTarget))\n ) {\n return;\n }\n\n onToggle(false, event);\n }\n };\n\n const handleFloatingMouseLeave = (event: MouseEvent) => {\n if (event.relatedTarget instanceof HTMLElement && refs.reference.current instanceof HTMLElement) {\n if (\n trigger === 'click' ||\n !opened ||\n (event.relatedTarget && refs.reference && refs.reference.current?.contains(event.relatedTarget))\n ) {\n return;\n }\n\n onToggle(false, event);\n }\n };\n\n return (\n <div\n id={wrappedId}\n style={{\n display: isInner ? 'block' : 'inline-block',\n }}\n ref={ref}\n >\n <div\n ref={refs.setReference}\n onClick={handleTargetClick}\n onMouseEnter={handleTargetMouseEnter}\n onMouseLeave={handleTargetMouseLeave}\n >\n {target}\n </div>\n\n {opened && (\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div\n ref={refs.setFloating}\n onMouseLeave={handleFloatingMouseLeave}\n style={{\n ...floatingStyles,\n zIndex: 1,\n }}\n >\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","_ref$offset","offset","isInner","trigger","_useFloating","useFloating","undefined","open","middleware","autoPlacement","offsetMiddleware","mainAxis","crossAxis","flip","fallbackAxisSideDirection","shift","refs","floatingStyles","wrappedId","safeUseId","handleTargetClick","event","handleTargetMouseEnter","handleTargetMouseLeave","relatedTarget","HTMLElement","floating","current","_refs$floating$curren","contains","handleFloatingMouseLeave","reference","_refs$reference$curre","React","createElement","id","style","display","setReference","onClick","onMouseEnter","onMouseLeave","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":"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"}
@@ -4,9 +4,3 @@
4
4
  .Popup_styles_gq4luz_p1f40oul__bb610b96{position:var(--p1f40oul-0);z-index:var(--p1f40oul-1);left:var(--p1f40oul-2);right:var(--p1f40oul-3);top:var(--p1f40oul-4);bottom:var(--p1f40oul-5);-webkit-transform:var(--p1f40oul-6);-ms-transform:var(--p1f40oul-6);transform:var(--p1f40oul-6);}
5
5
 
6
6
  .Overlay_styles_cxej3y_s1afr8la__70d4dd9a{position:fixed;inset:0;z-index:var(--s1afr8la-0);--plasma_private-overlay-background-color:var(--s1afr8la-1);--plasma_private-overlay-backdrop-filter:var(--s1afr8la-2);background:var(--s1afr8la-3);-webkit-backdrop-filter:var(--s1afr8la-4);backdrop-filter:var(--s1afr8la-4);cursor:var(--s1afr8la-5);}
7
-
8
- .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);}
9
-
10
- .Modal_styles_1fjhyqd_m7npn1w__6bca8e69{border-radius:var(--plasma-modal-body-border-radius);padding:var(--plasma-modal-body-padding);background:var(--plasma-modal-body-background);box-shadow:0px 60px 112px -8px #00000014;}
11
- .Modal_styles_1fjhyqd_m16phoaz__6bca8e69{position:relative;padding:var(--plasma-modal-content-padding);}
12
- .Modal_styles_1fjhyqd_c5bx5hr__6bca8e69{position:absolute;top:0;right:0;padding:0;margin:0;border:none;outline:none;cursor:pointer;background:transparent;}
@@ -6,20 +6,17 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
6
6
  var React = require('react');
7
7
  var plasmaCore = require('@salutejs/plasma-core');
8
8
  var index = require('../Popup/utils/index.js');
9
- var IconClose = require('../_Icon/Icons/IconClose.js');
10
9
  var Modal_tokens = require('./Modal.tokens.js');
11
10
  var base = require('./variations/_view/base.js');
12
11
  var ModalContext = require('./ModalContext.js');
13
- var Modal_styles = require('./Modal.styles.js');
14
12
  var useFocusTrap = require('../../hooks/useFocusTrap.js');
15
13
  var PopupContext = require('../Popup/PopupContext.js');
16
14
  var useModal = require('./hooks/useModal.js');
15
+ var Overlay = require('../Overlay/Overlay.js');
17
16
  var common = require('../../engines/common.js');
18
17
  var Popup$1 = require('../Popup/Popup.js');
19
- var Overlay = require('../Overlay/Overlay.js');
20
18
 
21
- var _IconClose;
22
- var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "opened", "isOpen", "hasBody", "hasClose"];
19
+ var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "opened", "isOpen"];
23
20
 
24
21
  // issue #823
25
22
  var Popup = /*#__PURE__*/common.component(Popup$1.popupConfig);
@@ -48,8 +45,6 @@ var modalRoot = function modalRoot(Root) {
48
45
  view = _ref.view,
49
46
  opened = _ref.opened,
50
47
  isOpen = _ref.isOpen,
51
- hasBody = _ref.hasBody,
52
- hasClose = _ref.hasClose,
53
48
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
54
49
  var innerIsOpen = Boolean(isOpen || opened);
55
50
  var trapRef = useFocusTrap.useFocusTrap(true, initialFocusRef, focusAfterRef, true);
@@ -79,15 +74,6 @@ var modalRoot = function modalRoot(Root) {
79
74
  onClose();
80
75
  }
81
76
  }, [closeOnOverlayClick, onOverlayClick, onClose]);
82
- var overlayNode = /*#__PURE__*/React.createElement(Overlay.Overlay, {
83
- className: Modal_tokens.classes.overlay,
84
- zIndex: zIndex || index.DEFAULT_Z_INDEX,
85
- backgroundColorProperty: overlayBackgroundToken,
86
- withBlur: withBlur,
87
- transparent: transparent,
88
- isClickable: closeOnOverlayClick,
89
- onOverlayClick: onModalOverlayKeyDown
90
- });
91
77
  return /*#__PURE__*/React.createElement(Popup, _rollupPluginBabelHelpers.extends({
92
78
  id: innerId,
93
79
  opened: innerIsOpen,
@@ -95,16 +81,18 @@ var modalRoot = function modalRoot(Root) {
95
81
  popupInfo: modalInfo,
96
82
  withAnimation: withAnimation,
97
83
  zIndex: zIndex,
98
- overlay: hasBody ? overlayNode : /*#__PURE__*/React.createElement(Root, {
84
+ overlay: /*#__PURE__*/React.createElement(Root, {
99
85
  view: view
100
- }, overlayNode)
101
- }, rest), hasBody ? /*#__PURE__*/React.createElement(Root, {
102
- view: view
103
- }, /*#__PURE__*/React.createElement(Modal_styles.ModalBody, null, /*#__PURE__*/React.createElement(Modal_styles.ModalContent, null, hasClose && /*#__PURE__*/React.createElement(Modal_styles.CloseButton, {
104
- onClick: onClose
105
- }, _IconClose || (_IconClose = /*#__PURE__*/React.createElement(IconClose.IconClose, {
106
- size: "s"
107
- }))), children))) : /*#__PURE__*/React.createElement(React.Fragment, null, children));
86
+ }, /*#__PURE__*/React.createElement(Overlay.Overlay, {
87
+ className: Modal_tokens.classes.overlay,
88
+ zIndex: zIndex || index.DEFAULT_Z_INDEX,
89
+ backgroundColorProperty: overlayBackgroundToken,
90
+ withBlur: withBlur,
91
+ transparent: transparent,
92
+ isClickable: closeOnOverlayClick,
93
+ onOverlayClick: onModalOverlayKeyDown
94
+ }))
95
+ }, rest), children);
108
96
  });
109
97
  };
110
98
  var modalConfig = {
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps, component } from '../../engines';\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { useFocusTrap } from '../../hooks';\nimport { IconClose } from '../_Icon/Icons/IconClose';\n\nimport { classes, tokens } from './Modal.tokens';\nimport { ModalProps } from './Modal.types';\nimport { useModal } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getIdLastModal } from './ModalContext';\nimport { CloseButton, ModalBody, ModalContent } from './Modal.styles';\n\n// issue #823\nconst Popup = component(popupConfig);\n\n/**\n * Modal.\n * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.\n */\nexport const modalRoot = (Root: RootProps<HTMLDivElement, ModalProps>) =>\n forwardRef<HTMLDivElement, ModalProps>(\n (\n {\n id,\n withAnimation,\n onClose,\n onOverlayClick,\n onEscKeyDown,\n closeOnEsc = true,\n closeOnOverlayClick = true,\n withBlur,\n initialFocusRef,\n focusAfterRef,\n zIndex,\n popupInfo,\n children,\n view,\n opened,\n isOpen,\n hasBody,\n hasClose,\n ...rest\n },\n outerRootRef,\n ) => {\n const innerIsOpen = Boolean(isOpen || opened);\n const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);\n const popupController = usePopupContext();\n\n const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRootRef);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.modalOverlayWithBlurColor})`\n : `var(${tokens.modalOverlayColor})`;\n\n const { modalInfo } = useModal({\n id: innerId,\n isOpen: innerIsOpen,\n closeOnEsc,\n onEscKeyDown,\n onClose,\n popupInfo,\n });\n\n const transparent = useMemo(() => getIdLastModal(popupController.items) !== innerId, [\n innerId,\n popupController.items,\n ]);\n\n const onModalOverlayKeyDown = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n if (onOverlayClick) {\n onOverlayClick(event);\n return;\n }\n\n if (onClose) {\n onClose();\n }\n },\n [closeOnOverlayClick, onOverlayClick, onClose],\n );\n\n const overlayNode = (\n <Overlay\n className={classes.overlay}\n zIndex={zIndex || DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n transparent={transparent}\n isClickable={closeOnOverlayClick}\n onOverlayClick={onModalOverlayKeyDown}\n />\n );\n\n return (\n <Popup\n id={innerId}\n opened={innerIsOpen}\n ref={innerRef}\n popupInfo={modalInfo}\n withAnimation={withAnimation}\n zIndex={zIndex}\n overlay={hasBody ? overlayNode : <Root view={view}>{overlayNode}</Root>}\n {...rest}\n >\n {hasBody ? (\n <Root view={view}>\n <ModalBody>\n <ModalContent>\n {hasClose && (\n <CloseButton onClick={onClose}>\n <IconClose size=\"s\" />\n </CloseButton>\n )}\n {children}\n </ModalContent>\n </ModalBody>\n </Root>\n ) : (\n <>{children}</>\n )}\n </Popup>\n );\n },\n );\n\nexport const modalConfig = {\n name: 'Modal',\n tag: 'div',\n layout: modalRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["Popup","component","popupConfig","modalRoot","Root","forwardRef","_ref","outerRootRef","id","withAnimation","onClose","onOverlayClick","onEscKeyDown","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","withBlur","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","hasBody","hasClose","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","modalOverlayWithBlurColor","modalOverlayColor","_useModal","useModal","modalInfo","transparent","useMemo","getIdLastModal","items","onModalOverlayKeyDown","useCallback","event","overlayNode","React","createElement","Overlay","className","classes","overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","_extends","ref","ModalBody","ModalContent","CloseButton","onClick","_IconClose","IconClose","size","Fragment","modalConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps, component } from '../../engines';\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { useFocusTrap } from '../../hooks';\n\nimport { classes, tokens } from './Modal.tokens';\nimport { ModalProps } from './Modal.types';\nimport { useModal } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getIdLastModal } from './ModalContext';\n\n// issue #823\nconst Popup = component(popupConfig);\n\n/**\n * Modal.\n * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.\n */\nexport const modalRoot = (Root: RootProps<HTMLDivElement, ModalProps>) =>\n forwardRef<HTMLDivElement, ModalProps>(\n (\n {\n id,\n withAnimation,\n onClose,\n onOverlayClick,\n onEscKeyDown,\n closeOnEsc = true,\n closeOnOverlayClick = true,\n withBlur,\n initialFocusRef,\n focusAfterRef,\n zIndex,\n popupInfo,\n children,\n view,\n opened,\n isOpen,\n ...rest\n },\n outerRootRef,\n ) => {\n const innerIsOpen = Boolean(isOpen || opened);\n const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);\n const popupController = usePopupContext();\n\n const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRootRef);\n\n const uniqId = safeUseId();\n const innerId = id || uniqId;\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.modalOverlayWithBlurColor})`\n : `var(${tokens.modalOverlayColor})`;\n\n const { modalInfo } = useModal({\n id: innerId,\n isOpen: innerIsOpen,\n closeOnEsc,\n onEscKeyDown,\n onClose,\n popupInfo,\n });\n\n const transparent = useMemo(() => getIdLastModal(popupController.items) !== innerId, [\n innerId,\n popupController.items,\n ]);\n\n const onModalOverlayKeyDown = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n if (onOverlayClick) {\n onOverlayClick(event);\n return;\n }\n\n if (onClose) {\n onClose();\n }\n },\n [closeOnOverlayClick, onOverlayClick, onClose],\n );\n\n return (\n <Popup\n id={innerId}\n opened={innerIsOpen}\n ref={innerRef}\n popupInfo={modalInfo}\n withAnimation={withAnimation}\n zIndex={zIndex}\n overlay={\n <Root view={view}>\n <Overlay\n className={classes.overlay}\n zIndex={zIndex || DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n transparent={transparent}\n isClickable={closeOnOverlayClick}\n onOverlayClick={onModalOverlayKeyDown}\n />\n </Root>\n }\n {...rest}\n >\n {children}\n </Popup>\n );\n },\n );\n\nexport const modalConfig = {\n name: 'Modal',\n tag: 'div',\n layout: modalRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["Popup","component","popupConfig","modalRoot","Root","forwardRef","_ref","outerRootRef","id","withAnimation","onClose","onOverlayClick","onEscKeyDown","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","withBlur","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","modalOverlayWithBlurColor","modalOverlayColor","_useModal","useModal","modalInfo","transparent","useMemo","getIdLastModal","items","onModalOverlayKeyDown","useCallback","event","React","createElement","_extends","ref","overlay","Overlay","className","classes","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","modalConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
@@ -10,11 +10,7 @@ var classes = {
10
10
  };
11
11
  var tokens = {
12
12
  modalOverlayWithBlurColor: '--plasma-modal-overlay-with-blur-color',
13
- modalOverlayColor: '--plasma-modal-overlay-color',
14
- modalBodyBackground: '--plasma-modal-body-background',
15
- modalBodyBorderRadius: '--plasma-modal-body-border-radius',
16
- modalBodyPadding: '--plasma-modal-body-padding',
17
- modalContentPadding: '--plasma-modal-content-padding'
13
+ modalOverlayColor: '--plasma-modal-overlay-color'
18
14
  };
19
15
 
20
16
  exports.classes = classes;
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.tokens.js","sources":["../../../src/components/Modal/Modal.tokens.ts"],"sourcesContent":["export const classes = {\n /*\n * Класс компонента ModalOverlay\n */\n overlay: 'modal-overlay',\n};\n\nexport const tokens = {\n modalOverlayWithBlurColor: '--plasma-modal-overlay-with-blur-color',\n modalOverlayColor: '--plasma-modal-overlay-color',\n modalBodyBackground: '--plasma-modal-body-background',\n modalBodyBorderRadius: '--plasma-modal-body-border-radius',\n modalBodyPadding: '--plasma-modal-body-padding',\n modalContentPadding: '--plasma-modal-content-padding',\n};\n"],"names":["classes","overlay","tokens","modalOverlayWithBlurColor","modalOverlayColor","modalBodyBackground","modalBodyBorderRadius","modalBodyPadding","modalContentPadding"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnB;AACJ;AACA;AACIC,EAAAA,OAAO,EAAE,eAAA;AACb,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,yBAAyB,EAAE,wCAAwC;AACnEC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAA;AACzB;;;;;"}
1
+ {"version":3,"file":"Modal.tokens.js","sources":["../../../src/components/Modal/Modal.tokens.ts"],"sourcesContent":["export const classes = {\n /*\n * Класс компонента ModalOverlay\n */\n overlay: 'modal-overlay',\n};\n\nexport const tokens = {\n modalOverlayWithBlurColor: '--plasma-modal-overlay-with-blur-color',\n modalOverlayColor: '--plasma-modal-overlay-color',\n};\n"],"names":["classes","overlay","tokens","modalOverlayWithBlurColor","modalOverlayColor"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnB;AACJ;AACA;AACIC,EAAAA,OAAO,EAAE,eAAA;AACb,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,yBAAyB,EAAE,wCAAwC;AACnEC,EAAAA,iBAAiB,EAAE,8BAAA;AACvB;;;;;"}