@salutejs/plasma-new-hope 0.191.2-canary.1557.11803291365.0 → 0.192.0-canary.1550.11799501370.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (731) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +21 -22
  2. package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
  3. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +14 -7
  4. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  5. package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_1icsgdr.css → Breadcrumbs.styles_19b6ey4.css} +1 -1
  6. package/cjs/components/Breadcrumbs/utils/index.css +3 -3
  7. package/cjs/components/Cell/Cell.js +3 -1
  8. package/cjs/components/Cell/Cell.js.map +1 -1
  9. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  10. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  11. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  12. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  13. package/cjs/components/Chip/Chip.js +3 -1
  14. package/cjs/components/Chip/Chip.js.map +1 -1
  15. package/cjs/components/Combobox/ComboboxNew/Combobox.css +21 -22
  16. package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  17. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  18. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  19. package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  20. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  21. package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  22. package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  23. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  24. package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  25. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  26. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  27. package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -22
  28. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  29. package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
  30. package/cjs/components/Dropdown/FloatingPopover.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 +34 -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 +10 -14
  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/getFallbackPlacements.js +15 -0
  76. package/cjs/components/Select/utils/getFallbackPlacements.js.map +1 -0
  77. package/cjs/components/Select/utils/getItemId.js +10 -0
  78. package/cjs/components/Select/utils/getItemId.js.map +1 -0
  79. package/cjs/components/Select/utils/getPlacement.js +13 -0
  80. package/cjs/components/Select/utils/getPlacement.js.map +1 -0
  81. package/cjs/components/Select/utils/getView.js +2 -2
  82. package/cjs/components/Select/utils/getView.js.map +1 -1
  83. package/cjs/components/Slider/Slider.css +21 -22
  84. package/cjs/components/Slider/components/Double/Double.css +21 -22
  85. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  86. package/cjs/components/Switch/Switch.css +7 -11
  87. package/cjs/components/Switch/Switch.js +7 -16
  88. package/cjs/components/Switch/Switch.js.map +1 -1
  89. package/cjs/components/Switch/Switch.styles.js +4 -16
  90. package/cjs/components/Switch/Switch.styles.js.map +1 -1
  91. package/cjs/components/Switch/Switch.styles_1kk0qzz.css +4 -0
  92. package/cjs/components/Switch/Switch.tokens.js +0 -11
  93. package/cjs/components/Switch/Switch.tokens.js.map +1 -1
  94. package/cjs/components/Switch/_focused/base.js +1 -1
  95. package/cjs/components/Switch/_focused/{base_sz3n0x.css → base_j4murk.css} +1 -1
  96. package/cjs/components/Switch/_size/base.js +1 -1
  97. package/cjs/components/Switch/_size/base.js.map +1 -1
  98. package/cjs/components/Switch/_size/base_1rjzpi4.css +1 -0
  99. package/cjs/components/Switch/_view/base.js +1 -1
  100. package/cjs/components/Switch/_view/base.js.map +1 -1
  101. package/cjs/components/Switch/_view/base_1mtyz12.css +1 -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 +56 -75
  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/Breadcrumbs/Breadcrumbs.styles.js +11 -8
  129. package/emotion/cjs/components/Cell/Cell.js +3 -1
  130. package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  131. package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  132. package/emotion/cjs/components/Chip/Chip.js +3 -1
  133. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  134. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  135. package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  136. package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  137. package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  138. package/emotion/cjs/components/Select/FloatingPopover.js +91 -0
  139. package/emotion/cjs/components/Select/Select.js +177 -136
  140. package/emotion/cjs/components/Select/Select.styles.js +13 -31
  141. package/emotion/cjs/components/Select/Select.tokens.js +125 -60
  142. package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  143. package/emotion/cjs/components/Select/hooks/usePathMaps.js +4 -1
  144. package/emotion/cjs/components/Select/reducers/index.js +0 -11
  145. package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
  146. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
  147. package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +27 -50
  148. package/emotion/cjs/components/Select/ui/Target/Target.js +38 -18
  149. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
  150. package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  151. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  152. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
  153. package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  154. package/emotion/cjs/components/Select/utils/getItemId.js +9 -0
  155. package/emotion/cjs/components/Select/utils/getPlacement.js +12 -0
  156. package/emotion/cjs/components/Select/utils/getView.js +2 -2
  157. package/emotion/cjs/components/Select/utils/index.js +22 -1
  158. package/emotion/cjs/components/Switch/Switch.js +8 -17
  159. package/emotion/cjs/components/Switch/Switch.styles.js +5 -21
  160. package/emotion/cjs/components/Switch/Switch.template-doc.mdx +1 -37
  161. package/emotion/cjs/components/Switch/Switch.tokens.js +0 -11
  162. package/emotion/cjs/components/Switch/_size/base.js +1 -1
  163. package/emotion/cjs/components/Switch/_view/base.js +1 -1
  164. package/emotion/cjs/components/TextField/TextField.js +12 -3
  165. package/emotion/cjs/components/TextField/TextField.styles.js +36 -40
  166. package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
  167. package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  168. package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  169. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  170. package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  171. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +4 -11
  172. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -7
  173. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
  174. package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  175. package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  176. package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +4 -11
  177. package/emotion/cjs/examples/plasma_web/components/Switch/Switch.stories.tsx +1 -14
  178. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
  179. package/emotion/cjs/index.js +11 -0
  180. package/emotion/cjs/types/DistributiveOmit.js +5 -0
  181. package/emotion/cjs/types/DistributivePick.js +5 -0
  182. package/emotion/cjs/utils/fixedForwardRef.js +11 -0
  183. package/emotion/cjs/utils/index.js +9 -1
  184. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +11 -8
  185. package/emotion/es/components/Cell/Cell.js +3 -1
  186. package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  187. package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  188. package/emotion/es/components/Chip/Chip.js +3 -1
  189. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  190. package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  191. package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  192. package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  193. package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
  194. package/emotion/es/components/Select/FloatingPopover.js +84 -0
  195. package/emotion/es/components/Select/Select.js +182 -141
  196. package/emotion/es/components/Select/Select.styles.js +12 -30
  197. package/emotion/es/components/Select/Select.tokens.js +125 -60
  198. package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  199. package/emotion/es/components/Select/hooks/usePathMaps.js +4 -1
  200. package/emotion/es/components/Select/reducers/index.js +1 -2
  201. package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
  202. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
  203. package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -49
  204. package/emotion/es/components/Select/ui/Target/Target.js +35 -17
  205. package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
  206. package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
  207. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  208. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
  209. package/emotion/es/components/Select/utils/getFallbackPlacements.js +8 -0
  210. package/emotion/es/components/Select/utils/getItemId.js +3 -0
  211. package/emotion/es/components/Select/utils/getPlacement.js +6 -0
  212. package/emotion/es/components/Select/utils/getView.js +2 -2
  213. package/emotion/es/components/Select/utils/index.js +4 -1
  214. package/emotion/es/components/Switch/Switch.js +4 -13
  215. package/emotion/es/components/Switch/Switch.styles.js +4 -20
  216. package/emotion/es/components/Switch/Switch.template-doc.mdx +1 -37
  217. package/emotion/es/components/Switch/Switch.tokens.js +0 -11
  218. package/emotion/es/components/Switch/_size/base.js +2 -2
  219. package/emotion/es/components/Switch/_view/base.js +2 -2
  220. package/emotion/es/components/TextField/TextField.js +12 -3
  221. package/emotion/es/components/TextField/TextField.styles.js +36 -40
  222. package/emotion/es/components/TextField/TextField.tokens.js +2 -1
  223. package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  224. package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
  225. package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  226. package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  227. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +4 -11
  228. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -7
  229. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
  230. package/emotion/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  231. package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  232. package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +4 -11
  233. package/emotion/es/examples/plasma_web/components/Switch/Switch.stories.tsx +1 -14
  234. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
  235. package/emotion/es/index.js +1 -0
  236. package/emotion/es/types/DistributiveOmit.js +1 -0
  237. package/emotion/es/types/DistributivePick.js +1 -0
  238. package/emotion/es/utils/fixedForwardRef.js +4 -0
  239. package/emotion/es/utils/index.js +2 -1
  240. package/es/components/Autocomplete/Autocomplete.css +21 -22
  241. package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
  242. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +14 -7
  243. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  244. package/es/components/Breadcrumbs/{Breadcrumbs.styles_1icsgdr.css → Breadcrumbs.styles_19b6ey4.css} +1 -1
  245. package/es/components/Breadcrumbs/utils/index.css +3 -3
  246. package/es/components/Cell/Cell.js +3 -1
  247. package/es/components/Cell/Cell.js.map +1 -1
  248. package/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  249. package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
  250. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  251. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
  252. package/es/components/Chip/Chip.js +3 -1
  253. package/es/components/Chip/Chip.js.map +1 -1
  254. package/es/components/Combobox/ComboboxNew/Combobox.css +21 -22
  255. package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  256. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  257. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  258. package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
  259. package/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  260. package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
  261. package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
  262. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  263. package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
  264. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
  265. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
  266. package/es/components/DatePicker/RangeDate/RangeDate.css +21 -22
  267. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
  268. package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
  269. package/es/components/Dropdown/FloatingPopover.js.map +1 -1
  270. package/es/components/Pagination/Pagination.css +86 -37
  271. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
  272. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  273. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
  274. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
  275. package/es/components/Range/Range.css +21 -22
  276. package/es/components/Select/FloatingPopover.js +83 -0
  277. package/es/components/Select/FloatingPopover.js.map +1 -0
  278. package/es/components/Select/Select.css +83 -34
  279. package/es/components/Select/Select.js +182 -142
  280. package/es/components/Select/Select.js.map +1 -1
  281. package/es/components/Select/Select.styles.js +18 -48
  282. package/es/components/Select/Select.styles.js.map +1 -1
  283. package/es/components/Select/Select.styles_1p5c9p3.css +2 -0
  284. package/es/components/Select/Select.tokens.js +123 -78
  285. package/es/components/Select/Select.tokens.js.map +1 -1
  286. package/es/components/Select/hooks/useKeyboardNavigation.js +19 -73
  287. package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
  288. package/es/components/Select/hooks/usePathMaps.js +4 -1
  289. package/es/components/Select/hooks/usePathMaps.js.map +1 -1
  290. package/es/components/Select/ui/Inner/Inner.css +83 -34
  291. package/es/components/Select/ui/Inner/Inner.js +10 -10
  292. package/es/components/Select/ui/Inner/Inner.js.map +1 -1
  293. package/es/components/Select/ui/Inner/ui/Item/Item.css +83 -34
  294. package/es/components/Select/ui/Inner/ui/Item/Item.js +22 -14
  295. package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
  296. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +33 -50
  297. package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
  298. package/es/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
  299. package/es/components/Select/ui/Target/Target.css +58 -17
  300. package/es/components/Select/ui/Target/Target.js +35 -17
  301. package/es/components/Select/ui/Target/Target.js.map +1 -1
  302. package/es/components/Select/ui/Target/ui/Button/Button.css +5 -5
  303. package/es/components/Select/ui/Target/ui/Button/Button.js +11 -15
  304. package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
  305. package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
  306. package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
  307. package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
  308. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
  309. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  310. package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
  311. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +39 -95
  312. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  313. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +3 -0
  314. package/es/components/Select/utils/getFallbackPlacements.js +11 -0
  315. package/es/components/Select/utils/getFallbackPlacements.js.map +1 -0
  316. package/es/components/Select/utils/getItemId.js +6 -0
  317. package/es/components/Select/utils/getItemId.js.map +1 -0
  318. package/es/components/Select/utils/getPlacement.js +9 -0
  319. package/es/components/Select/utils/getPlacement.js.map +1 -0
  320. package/es/components/Select/utils/getView.js +2 -2
  321. package/es/components/Select/utils/getView.js.map +1 -1
  322. package/es/components/Slider/Slider.css +21 -22
  323. package/es/components/Slider/components/Double/Double.css +21 -22
  324. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
  325. package/es/components/Switch/Switch.css +7 -11
  326. package/es/components/Switch/Switch.js +8 -17
  327. package/es/components/Switch/Switch.js.map +1 -1
  328. package/es/components/Switch/Switch.styles.js +5 -15
  329. package/es/components/Switch/Switch.styles.js.map +1 -1
  330. package/es/components/Switch/Switch.styles_1kk0qzz.css +4 -0
  331. package/es/components/Switch/Switch.tokens.js +0 -11
  332. package/es/components/Switch/Switch.tokens.js.map +1 -1
  333. package/es/components/Switch/_focused/base.js +1 -1
  334. package/es/components/Switch/_focused/{base_sz3n0x.css → base_j4murk.css} +1 -1
  335. package/es/components/Switch/_size/base.js +1 -1
  336. package/es/components/Switch/_size/base.js.map +1 -1
  337. package/es/components/Switch/_size/base_1rjzpi4.css +1 -0
  338. package/es/components/Switch/_view/base.js +1 -1
  339. package/es/components/Switch/_view/base.js.map +1 -1
  340. package/es/components/Switch/_view/base_1mtyz12.css +1 -0
  341. package/es/components/TextField/TextField.js +11 -2
  342. package/es/components/TextField/TextField.js.map +1 -1
  343. package/es/components/TextField/TextField.styles.js +14 -22
  344. package/es/components/TextField/TextField.styles.js.map +1 -1
  345. package/{cjs/components/TextField/TextField.styles_grgg7q.css → es/components/TextField/TextField.styles_j7dqpn.css} +6 -7
  346. package/es/components/TextField/TextField.tokens.js +2 -1
  347. package/es/components/TextField/TextField.tokens.js.map +1 -1
  348. package/es/components/TextField/ui/Hint/Hint.css +20 -21
  349. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  350. package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
  351. package/es/components/TextField/variations/_clear/base.js +1 -1
  352. package/es/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
  353. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  354. package/es/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
  355. package/es/components/TextField/variations/_read-only/base.js +1 -1
  356. package/es/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
  357. package/es/components/TextField/variations/_size/base.js +1 -1
  358. package/es/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
  359. package/es/components/TextField/variations/_view/base.js +1 -1
  360. package/es/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
  361. package/es/index.css +56 -75
  362. package/es/index.js +1 -0
  363. package/es/index.js.map +1 -1
  364. package/es/utils/fixedForwardRef.js +8 -0
  365. package/es/utils/fixedForwardRef.js.map +1 -0
  366. package/es/utils/index.js.map +1 -1
  367. package/package.json +2 -2
  368. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +8 -5
  369. package/styled-components/cjs/components/Cell/Cell.js +3 -1
  370. package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  371. package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  372. package/styled-components/cjs/components/Chip/Chip.js +3 -1
  373. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  374. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  375. package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
  376. package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  377. package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  378. package/styled-components/cjs/components/Select/FloatingPopover.js +91 -0
  379. package/styled-components/cjs/components/Select/Select.js +177 -136
  380. package/styled-components/cjs/components/Select/Select.styles.js +12 -27
  381. package/styled-components/cjs/components/Select/Select.tokens.js +125 -60
  382. package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
  383. package/styled-components/cjs/components/Select/hooks/usePathMaps.js +4 -1
  384. package/styled-components/cjs/components/Select/reducers/index.js +0 -11
  385. package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
  386. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
  387. package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +20 -26
  388. package/styled-components/cjs/components/Select/ui/Target/Target.js +38 -18
  389. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
  390. package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  391. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
  392. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
  393. package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
  394. package/styled-components/cjs/components/Select/utils/getItemId.js +9 -0
  395. package/styled-components/cjs/components/Select/utils/getPlacement.js +12 -0
  396. package/styled-components/cjs/components/Select/utils/getView.js +2 -2
  397. package/styled-components/cjs/components/Select/utils/index.js +22 -1
  398. package/styled-components/cjs/components/Switch/Switch.js +8 -17
  399. package/styled-components/cjs/components/Switch/Switch.styles.js +5 -11
  400. package/styled-components/cjs/components/Switch/Switch.template-doc.mdx +1 -37
  401. package/styled-components/cjs/components/Switch/Switch.tokens.js +0 -11
  402. package/styled-components/cjs/components/Switch/_size/base.js +1 -1
  403. package/styled-components/cjs/components/Switch/_view/base.js +1 -1
  404. package/styled-components/cjs/components/TextField/TextField.js +11 -2
  405. package/styled-components/cjs/components/TextField/TextField.styles.js +12 -15
  406. package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
  407. package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  408. package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  409. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
  410. package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  411. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +2 -9
  412. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -7
  413. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
  414. package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
  415. package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  416. package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +2 -9
  417. package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.stories.tsx +1 -14
  418. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
  419. package/styled-components/cjs/index.js +11 -0
  420. package/styled-components/cjs/types/DistributiveOmit.js +5 -0
  421. package/styled-components/cjs/types/DistributivePick.js +5 -0
  422. package/styled-components/cjs/utils/fixedForwardRef.js +11 -0
  423. package/styled-components/cjs/utils/index.js +9 -1
  424. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +8 -5
  425. package/styled-components/es/components/Cell/Cell.js +3 -1
  426. package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
  427. package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
  428. package/styled-components/es/components/Chip/Chip.js +3 -1
  429. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  430. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
  431. package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
  432. package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
  433. package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
  434. package/styled-components/es/components/Select/FloatingPopover.js +84 -0
  435. package/styled-components/es/components/Select/Select.js +182 -141
  436. package/styled-components/es/components/Select/Select.styles.js +11 -26
  437. package/styled-components/es/components/Select/Select.tokens.js +125 -60
  438. package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
  439. package/styled-components/es/components/Select/hooks/usePathMaps.js +4 -1
  440. package/styled-components/es/components/Select/reducers/index.js +1 -2
  441. package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
  442. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
  443. package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +19 -25
  444. package/styled-components/es/components/Select/ui/Target/Target.js +35 -17
  445. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
  446. package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
  447. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
  448. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
  449. package/styled-components/es/components/Select/utils/getFallbackPlacements.js +8 -0
  450. package/styled-components/es/components/Select/utils/getItemId.js +3 -0
  451. package/styled-components/es/components/Select/utils/getPlacement.js +6 -0
  452. package/styled-components/es/components/Select/utils/getView.js +2 -2
  453. package/styled-components/es/components/Select/utils/index.js +4 -1
  454. package/styled-components/es/components/Switch/Switch.js +4 -13
  455. package/styled-components/es/components/Switch/Switch.styles.js +4 -10
  456. package/styled-components/es/components/Switch/Switch.template-doc.mdx +1 -37
  457. package/styled-components/es/components/Switch/Switch.tokens.js +0 -11
  458. package/styled-components/es/components/Switch/_size/base.js +2 -2
  459. package/styled-components/es/components/Switch/_view/base.js +2 -2
  460. package/styled-components/es/components/TextField/TextField.js +11 -2
  461. package/styled-components/es/components/TextField/TextField.styles.js +12 -15
  462. package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
  463. package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
  464. package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
  465. package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
  466. package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
  467. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +2 -9
  468. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +1 -7
  469. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +13 -15
  470. package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +29 -21
  471. package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
  472. package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +2 -9
  473. package/styled-components/es/examples/plasma_web/components/Switch/Switch.stories.tsx +1 -14
  474. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +12 -14
  475. package/styled-components/es/index.js +1 -0
  476. package/styled-components/es/types/DistributiveOmit.js +1 -0
  477. package/styled-components/es/types/DistributivePick.js +1 -0
  478. package/styled-components/es/utils/fixedForwardRef.js +4 -0
  479. package/styled-components/es/utils/index.js +2 -1
  480. package/types/components/Attach/ui/Button/Button.styles.d.ts +2 -2
  481. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +4 -4
  482. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -16
  483. package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
  484. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
  485. package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +2 -2
  486. package/types/components/Cell/Cell.d.ts.map +1 -1
  487. package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts.map +1 -1
  488. package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -1
  489. package/types/components/Chip/Chip.d.ts.map +1 -1
  490. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  491. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -1
  492. package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
  493. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
  494. package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
  495. package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
  496. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +1 -3
  497. package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
  498. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -16
  499. package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
  500. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -16
  501. package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
  502. package/types/components/EmptyState/EmptyState.styles.d.ts +2 -2
  503. package/types/components/Notification/Notification.styles.d.ts +2 -2
  504. package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +2 -2
  505. package/types/components/Pagination/Pagination.styles.d.ts +4 -4
  506. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +40 -40
  507. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +2 -2
  508. package/types/components/Range/Range.styles.d.ts +16 -16
  509. package/types/components/Range/Range.styles.d.ts.map +1 -1
  510. package/types/components/Select/FloatingPopover.d.ts +5 -0
  511. package/types/components/Select/FloatingPopover.d.ts.map +1 -0
  512. package/types/components/Select/Select.d.ts +5 -11
  513. package/types/components/Select/Select.d.ts.map +1 -1
  514. package/types/components/Select/Select.styles.d.ts +0 -9
  515. package/types/components/Select/Select.styles.d.ts.map +1 -1
  516. package/types/components/Select/Select.tokens.d.ts +121 -58
  517. package/types/components/Select/Select.tokens.d.ts.map +1 -1
  518. package/types/components/Select/Select.types.d.ts +41 -20
  519. package/types/components/Select/Select.types.d.ts.map +1 -1
  520. package/types/components/Select/hooks/useKeyboardNavigation.d.ts +5 -11
  521. package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
  522. package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
  523. package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
  524. package/types/components/Select/index.d.ts +1 -1
  525. package/types/components/Select/index.d.ts.map +1 -1
  526. package/types/components/Select/reducers/index.d.ts +0 -1
  527. package/types/components/Select/reducers/index.d.ts.map +1 -1
  528. package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
  529. package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
  530. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +32 -2
  531. package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
  532. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +9 -0
  533. package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
  534. package/types/components/Select/ui/Target/Target.d.ts +14 -2
  535. package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
  536. package/types/components/Select/ui/Target/Target.types.d.ts +10 -9
  537. package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
  538. package/types/components/Select/ui/Target/ui/Button/Button.d.ts +1 -1
  539. package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
  540. package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -2
  541. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
  542. package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
  543. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +1 -1
  544. package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
  545. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +628 -60
  546. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  547. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -4
  548. package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
  549. package/types/components/Select/utils/getFallbackPlacements.d.ts +4 -0
  550. package/types/components/Select/utils/getFallbackPlacements.d.ts.map +1 -0
  551. package/types/components/Select/utils/getItemId.d.ts +2 -0
  552. package/types/components/Select/utils/getItemId.d.ts.map +1 -0
  553. package/types/components/Select/utils/getPlacement.d.ts +4 -0
  554. package/types/components/Select/utils/getPlacement.d.ts.map +1 -0
  555. package/types/components/Select/utils/getView.d.ts +1 -1
  556. package/types/components/Select/utils/getView.d.ts.map +1 -1
  557. package/types/components/Select/utils/index.d.ts +3 -0
  558. package/types/components/Select/utils/index.d.ts.map +1 -1
  559. package/types/components/Slider/components/Double/Double.styles.d.ts +16 -16
  560. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  561. package/types/components/Switch/Switch.d.ts +0 -3
  562. package/types/components/Switch/Switch.d.ts.map +1 -1
  563. package/types/components/Switch/Switch.styles.d.ts +0 -2
  564. package/types/components/Switch/Switch.styles.d.ts.map +1 -1
  565. package/types/components/Switch/Switch.tokens.d.ts +0 -9
  566. package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
  567. package/types/components/Switch/Switch.types.d.ts +2 -10
  568. package/types/components/Switch/Switch.types.d.ts.map +1 -1
  569. package/types/components/Switch/_size/base.d.ts.map +1 -1
  570. package/types/components/Switch/_view/base.d.ts.map +1 -1
  571. package/types/components/TextField/TextField.d.ts.map +1 -1
  572. package/types/components/TextField/TextField.styles.d.ts +1 -3
  573. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  574. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  575. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  576. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +3 -1
  577. package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
  578. package/types/components/Toast/Toast.styles.d.ts +2 -2
  579. package/types/components/Toast/utils.d.ts +2 -2
  580. package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +8 -8
  581. package/types/examples/plasma_b2c/components/Button/Button.d.ts +2 -2
  582. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
  583. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +2 -2
  584. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -16
  585. package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
  586. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
  587. package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts.map +1 -1
  588. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +15 -7
  589. package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
  590. package/types/examples/plasma_b2c/components/Select/Select.d.ts +53 -46
  591. package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
  592. package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts +0 -7
  593. package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map +1 -1
  594. package/types/examples/plasma_b2c/components/Switch/Switch.d.ts +0 -6
  595. package/types/examples/plasma_b2c/components/Switch/Switch.d.ts.map +1 -1
  596. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +16 -16
  597. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -16
  598. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  599. package/types/examples/plasma_web/components/Attach/Attach.d.ts +8 -8
  600. package/types/examples/plasma_web/components/Button/Button.d.ts +2 -2
  601. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
  602. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +2 -2
  603. package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -16
  604. package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
  605. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
  606. package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts.map +1 -1
  607. package/types/examples/plasma_web/components/Select/Select.config.d.ts +15 -7
  608. package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
  609. package/types/examples/plasma_web/components/Select/Select.d.ts +53 -46
  610. package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
  611. package/types/examples/plasma_web/components/Switch/Switch.config.d.ts +0 -7
  612. package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map +1 -1
  613. package/types/examples/plasma_web/components/Switch/Switch.d.ts +0 -6
  614. package/types/examples/plasma_web/components/Switch/Switch.d.ts.map +1 -1
  615. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +16 -16
  616. package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -16
  617. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  618. package/types/index.d.ts +1 -0
  619. package/types/index.d.ts.map +1 -1
  620. package/types/types/DistributiveOmit.d.ts +2 -0
  621. package/types/types/DistributiveOmit.d.ts.map +1 -0
  622. package/types/types/DistributivePick.d.ts +2 -0
  623. package/types/types/DistributivePick.d.ts.map +1 -0
  624. package/types/types/index.d.ts +2 -0
  625. package/types/types/index.d.ts.map +1 -1
  626. package/types/utils/fixedForwardRef.d.ts +3 -0
  627. package/types/utils/fixedForwardRef.d.ts.map +1 -0
  628. package/types/utils/index.d.ts +1 -0
  629. package/types/utils/index.d.ts.map +1 -1
  630. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  631. package/cjs/components/Select/Select.styles_768h42.css +0 -5
  632. package/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -39
  633. package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  634. package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  635. package/cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  636. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  637. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  638. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -36
  639. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  640. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  641. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  642. package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  643. package/cjs/components/Select/variations/_size/base.js +0 -9
  644. package/cjs/components/Select/variations/_size/base.js.map +0 -1
  645. package/cjs/components/Select/variations/_size/base_x642ct.css +0 -1
  646. package/cjs/components/Select/variations/_view/base.js +0 -9
  647. package/cjs/components/Select/variations/_view/base.js.map +0 -1
  648. package/cjs/components/Select/variations/_view/base_x642ct.css +0 -1
  649. package/cjs/components/Switch/Switch.styles_bei7bh.css +0 -6
  650. package/cjs/components/Switch/_size/base_1tcl212.css +0 -1
  651. package/cjs/components/Switch/_toggleSize/base.js +0 -9
  652. package/cjs/components/Switch/_toggleSize/base.js.map +0 -1
  653. package/cjs/components/Switch/_toggleSize/base_6i0904.css +0 -1
  654. package/cjs/components/Switch/_view/base_yxkf3s.css +0 -1
  655. package/cjs/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  656. package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  657. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  658. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
  659. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  660. package/emotion/cjs/components/Select/variations/_size/base.js +0 -8
  661. package/emotion/cjs/components/Select/variations/_size/tokens.json +0 -9
  662. package/emotion/cjs/components/Select/variations/_view/base.js +0 -8
  663. package/emotion/cjs/components/Select/variations/_view/tokens.json +0 -1
  664. package/emotion/cjs/components/Switch/_toggleSize/base.js +0 -10
  665. package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  666. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  667. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -15
  668. package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  669. package/emotion/es/components/Select/variations/_size/base.js +0 -2
  670. package/emotion/es/components/Select/variations/_size/tokens.json +0 -9
  671. package/emotion/es/components/Select/variations/_view/base.js +0 -2
  672. package/emotion/es/components/Select/variations/_view/tokens.json +0 -1
  673. package/emotion/es/components/Switch/_toggleSize/base.js +0 -4
  674. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
  675. package/es/components/Select/Select.styles_768h42.css +0 -5
  676. package/es/components/Select/reducers/focusedChipIndexReducer.js +0 -35
  677. package/es/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
  678. package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
  679. package/es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
  680. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
  681. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
  682. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -32
  683. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
  684. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -18
  685. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
  686. package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
  687. package/es/components/Select/variations/_size/base.js +0 -5
  688. package/es/components/Select/variations/_size/base.js.map +0 -1
  689. package/es/components/Select/variations/_size/base_x642ct.css +0 -1
  690. package/es/components/Select/variations/_view/base.js +0 -5
  691. package/es/components/Select/variations/_view/base.js.map +0 -1
  692. package/es/components/Select/variations/_view/base_x642ct.css +0 -1
  693. package/es/components/Switch/Switch.styles_bei7bh.css +0 -6
  694. package/es/components/Switch/_size/base_1tcl212.css +0 -1
  695. package/es/components/Switch/_toggleSize/base.js +0 -5
  696. package/es/components/Switch/_toggleSize/base.js.map +0 -1
  697. package/es/components/Switch/_toggleSize/base_6i0904.css +0 -1
  698. package/es/components/Switch/_view/base_yxkf3s.css +0 -1
  699. package/es/components/TextField/variations/_label-placement/base_3domm.css +0 -1
  700. package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
  701. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
  702. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -21
  703. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
  704. package/styled-components/cjs/components/Select/variations/_size/base.js +0 -8
  705. package/styled-components/cjs/components/Select/variations/_size/tokens.json +0 -9
  706. package/styled-components/cjs/components/Select/variations/_view/base.js +0 -8
  707. package/styled-components/cjs/components/Select/variations/_view/tokens.json +0 -1
  708. package/styled-components/cjs/components/Switch/_toggleSize/base.js +0 -10
  709. package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
  710. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
  711. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -14
  712. package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
  713. package/styled-components/es/components/Select/variations/_size/base.js +0 -2
  714. package/styled-components/es/components/Select/variations/_size/tokens.json +0 -9
  715. package/styled-components/es/components/Select/variations/_view/base.js +0 -2
  716. package/styled-components/es/components/Select/variations/_view/tokens.json +0 -1
  717. package/styled-components/es/components/Switch/_toggleSize/base.js +0 -4
  718. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +0 -11
  719. package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +0 -1
  720. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +0 -9
  721. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +0 -1
  722. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +0 -3
  723. package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +0 -1
  724. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +0 -2
  725. package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts.map +0 -1
  726. package/types/components/Select/variations/_size/base.d.ts +0 -2
  727. package/types/components/Select/variations/_size/base.d.ts.map +0 -1
  728. package/types/components/Select/variations/_view/base.d.ts +0 -2
  729. package/types/components/Select/variations/_view/base.d.ts.map +0 -1
  730. package/types/components/Switch/_toggleSize/base.d.ts +0 -2
  731. package/types/components/Switch/_toggleSize/base.d.ts.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n display: inline-flex;\n`;\n\nexport const StyledContentRight = styled.div`\n margin-left: auto;\n display: inline-flex;\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n\n &:hover {\n color: var(${tokens.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n\n & .${classes.selectItemCheckbox} {\n --plasma-checkbox-trigger-size: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.checkboxTriggerSizeTight : tokens.checkboxTriggerSize})`};\n --plasma-checkbox-trigger-border-radius: ${({ variant }) =>\n `var(${\n variant === 'tight' ? tokens.checkboxTriggerBorderRadiusTight : tokens.checkboxTriggerBorderRadius\n })`};\n }\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n ${applyEllipsis()};\n flex: 1;\n color: ${({ color }) => color || 'inherit'};\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: var(${tokens.itemBorderRadius});\n user-select: none;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: ${constants.opacity};\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0.0625rem',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `var(${tokens.itemBorderRadius})`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","_exp","StyledCheckbox","styled","name","class","propsAsIs","mergedIndicatorConfig","indicatorConfig","Indicator","_exp12","StyledIndicator","StyledContentLeft","StyledContentRight","DisclosureIconWrapper","_exp20","_ref","variant","tokens","itemIconSizeTight","itemIconSize","_exp24","_ref2","checkboxTriggerSizeTight","checkboxTriggerSize","_exp25","_ref3","checkboxTriggerBorderRadiusTight","checkboxTriggerBorderRadius","IconWrapper","vars","_exp27","_ref4","color","StyledText","_exp29","_ref5","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
1
+ {"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { addFocus, applyEllipsis } from '../../../../../../mixins';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { cellConfig, cellTokens } from '../../../../../Cell';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = styled.div`\n ${cellTokens.cellTitleColor}: var(${constants.cellTitleColor});\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n\n // TODO: #1548\n & div.cell-content, & div.cell-textbox {\n flex: 1;\n }\n & div.cell-textbox-title {\n position: relative;\n }\n & div.cell-textbox-title:before {\n content: '&nbsp;';\n visibility: hidden;\n }\n & div.cell-textbox-title span {\n position: absolute;\n left: 0;\n right: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n\n &:hover {\n color: var(${tokens.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0 calc(0.125rem + var(${tokens.dropdownBorderWidth}, 0rem));\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background-color: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n user-select: none;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: ${constants.opacity};\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0.0625rem',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","mergedIndicatorConfig","indicatorConfig","Indicator","StyledWrapper","styled","name","class","propsAsIs","_exp29","StyledCell","_exp30","StyledCheckbox","_exp41","StyledIndicator","DisclosureIconWrapper","_exp49","_ref","variant","tokens","itemIconSizeTight","itemIconSize","IconWrapper","vars","StyledText","_exp55","_ref2","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ .s1vls8ri{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.s1vls8ri div.cell-content,.s1vls8ri div.cell-textbox{-webkit-flex:1;-ms-flex:1;flex:1;}.s1vls8ri div.cell-textbox-title{position:relative;}.s1vls8ri div.cell-textbox-title:before{content:'&nbsp;';visibility:hidden;}.s1vls8ri div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
2
+
3
+ .s17z4dei{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
4
+ .s1nd9idj{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
5
+ .dnb2nsj{line-height:0;color:var(--plasma-select-disclosure-icon-color);}.dnb2nsj:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
6
+ .i581hb1{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
7
+ .scgpql7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
8
+ .wzzpzvq{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;min-height:var(--plasma-select-item-height);margin:0 calc(0.125rem + var(--plasma-select-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.wzzpzvq:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.wzzpzvq.dropdown-item-is-active{background-color:var(--plasma-select-item-background-hover);}.wzzpzvq.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.wzzpzvq:focus{outline:none;}.wzzpzvq::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.wzzpzvq.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
9
+
@@ -26,11 +26,59 @@
26
26
  .Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
27
27
  .Button_styles_1sopr3d_b9ga1dj__8219590b{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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
28
28
 
29
- .Button_styles_lxxm4p_sfn0xs0__70a12c1a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
30
- .Button_styles_lxxm4p_i1akdel6__70a12c1a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_lxxm4p_i1akdel6__70a12c1a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_lxxm4p_i1akdel6__70a12c1a:active{color:var(--plasma-select-target-button-arrow-color-active);}
31
- .Button_styles_lxxm4p_sn98tws__70a12c1a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
32
- .Button_styles_lxxm4p_ba2820e__70a12c1a{display:inline;}.Button_styles_lxxm4p_ba2820e__70a12c1a .Button_styles_lxxm4p_selectWithoutBoxShadow__70a12c1a::before{box-shadow:none !important;}.Button_styles_lxxm4p_ba2820e__70a12c1a .Button_styles_lxxm4p_arrowInverse__70a12c1a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
33
- .Button_styles_lxxm4p_lpf11kx__70a12c1a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
29
+ .Button_styles_10g64me_sfn0xs0__eab937f0{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
30
+ .Button_styles_10g64me_i1akdel6__eab937f0{line-height:0;color:var(--plasma-select-button-arrow-color);}.Button_styles_10g64me_i1akdel6__eab937f0:hover{color:var(--plasma-select-button-arrow-color-hover);}.Button_styles_10g64me_i1akdel6__eab937f0:active{color:var(--plasma-select-button-arrow-color-active);}
31
+ .Button_styles_10g64me_sn98tws__eab937f0{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
32
+ .Button_styles_10g64me_ba2820e__eab937f0{display:inline;}.Button_styles_10g64me_ba2820e__eab937f0 .Button_styles_10g64me_selectWithoutBoxShadow__eab937f0::before{box-shadow:none !important;}.Button_styles_10g64me_ba2820e__eab937f0 .Button_styles_10g64me_arrowInverse__eab937f0{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
33
+ .Button_styles_10g64me_lpf11kx__eab937f0{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
34
+
35
+ .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);}
36
+
37
+ .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);}
38
+
39
+ .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);}
40
+
41
+ .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;}
42
+
43
+ .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);}
44
+
45
+ .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);}
46
+
47
+ .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);}
48
+
49
+ .base_1x99605_b10o15xy__faec7753 .base_1x99605_hq39zt5__faec7753{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
50
+
51
+ .Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
52
+ .Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
53
+ .Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
54
+ .Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
55
+
56
+ .Tooltip_styles_1jz4u92_teczcv4__3fe65388{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.Tooltip_styles_1jz4u92_teczcv4__3fe65388.Tooltip_styles_1jz4u92_hasContentLeft__3fe65388{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
57
+ .Tooltip_styles_1jz4u92_s1j361h1__3fe65388{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
58
+
59
+ .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;}
60
+
61
+
62
+ .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;}
63
+ .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);}
64
+ .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;}
65
+ .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;}
66
+ .TextField_styles_j7dqpn_i19ry60d__f79fd7d8{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
67
+ .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);}
68
+ .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);}
69
+ .TextField_styles_j7dqpn_t600610__f79fd7d8{display:inline-block;margin-left:auto;}
70
+ .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;}
71
+ .TextField_styles_j7dqpn_l1gjsnfi__f79fd7d8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
72
+ .TextField_styles_j7dqpn_ssv2kwg__f79fd7d8{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
73
+ .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));}
74
+
75
+
76
+
77
+ .TextField_styles_j7dqpn_s14qvple__f79fd7d8{color:var(--plasma-textfield__optional-color);}
78
+ .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);}
79
+ .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;}
80
+
81
+ .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);}
34
82
 
35
83
  .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);}
36
84
 
@@ -50,17 +98,10 @@
50
98
  .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
51
99
  .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
52
100
 
53
- .Chip_styles_1a752pa_scwjjdn__1a6784c0{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_1a752pa_scwjjdn__1a6784c0::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_1a752pa_scwjjdn__1a6784c0.Chip_styles_1a752pa_selectChipIsFocused__1a6784c0:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
101
+ .TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
102
+
103
+ .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
54
104
 
55
- .Textfield_styles_1damf5p_t1yhwv5r__64200346{display:inline;}.Textfield_styles_1damf5p_t1yhwv5r__64200346 .Textfield_styles_1damf5p_selectTextfieldTarget__64200346{-webkit-transition:100ms;transition:100ms;background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);border:var(--t1yhwv5r-2);}.Textfield_styles_1damf5p_t1yhwv5r__64200346 .Textfield_styles_1damf5p_selectTextfieldTarget__64200346:hover{-webkit-transition:100ms;transition:100ms;border:var(--t1yhwv5r-3);}.Textfield_styles_1damf5p_t1yhwv5r__64200346 .Textfield_styles_1damf5p_selectWithoutBoxShadow__64200346::before{box-shadow:none !important;}
56
- .Textfield_styles_1damf5p_s7x5udn__64200346{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-height:var(--s7x5udn-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);box-shadow:inset 0 0 0 --plasma-select-target-textfield-border-size var(--plasma-select-target-textfield-border-color);text-align:left;position:relative;}.Textfield_styles_1damf5p_s7x5udn__64200346::before{content:'';position:absolute;top:--plasma-select-target-textfield-border-size;left:--plasma-select-target-textfield-border-size;right:--plasma-select-target-textfield-border-size;bottom:--plasma-select-target-textfield-border-size;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - --plasma-select-target-textfield-border-size);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Textfield_styles_1damf5p_s7x5udn__64200346.Textfield_styles_1damf5p_focusVisible__64200346:focus::before,.Textfield_styles_1damf5p_s7x5udn__64200346[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
105
+ .Textfield_styles_q4kc1p_s1yhwv5r__70366a17{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_q4kc1p_s1yhwv5r__70366a17 div.Textfield_styles_q4kc1p_inputWrapper__70366a17:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
106
+ .Textfield_styles_q4kc1p_i7x5udn__70366a17{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_q4kc1p_i7x5udn__70366a17 .Textfield_styles_q4kc1p_arrowInverse__70366a17{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_q4kc1p_i7x5udn__70366a17:hover,.Textfield_styles_q4kc1p_i7x5udn__70366a17:active{color:var(--i7x5udn-1);}
57
107
 
58
- .Textfield_styles_1damf5p_i1kxyc50__64200346{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.Textfield_styles_1damf5p_i1kxyc50__64200346:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.Textfield_styles_1damf5p_i1kxyc50__64200346:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
59
- .Textfield_styles_1damf5p_wqzfsxn__64200346{width:100%;height:100%;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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Textfield_styles_1damf5p_wqzfsxn__64200346 .Textfield_styles_1damf5p_arrowInverse__64200346{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
60
- .Textfield_styles_1damf5p_c1cgo38i__64200346{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:var(--c1cgo38i-0);gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Textfield_styles_1damf5p_c1cgo38i__64200346::-webkit-scrollbar{display:none;}
61
- .Textfield_styles_1damf5p_l9ikjwc__64200346{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
62
- .Textfield_styles_1damf5p_p1jn3k4y__64200346{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
63
- .Textfield_styles_1damf5p_i8xlj9b__64200346{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
64
- .Textfield_styles_1damf5p_iu6fefp__64200346{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
65
- .Textfield_styles_1damf5p_c1ox0htq__64200346{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;color:var(--plasma-select-content-left-color,--text-secondary);}
66
- .Textfield_styles_1damf5p_v1kam5d__64200346{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@@ -1,26 +1,37 @@
1
- import React from 'react';
1
+ import React, { forwardRef } from 'react';
2
+ import { useForkRef } from '@salutejs/plasma-core';
2
3
  import { Button } from './ui/Button/Button.js';
3
4
  import { Textfield } from './ui/Textfield/Textfield.js';
4
5
 
5
- var Target = function Target(_ref) {
6
+ var Target = /*#__PURE__*/forwardRef(function (_ref, ref) {
6
7
  var value = _ref.value,
8
+ target = _ref.target,
7
9
  opened = _ref.opened,
8
10
  valueToItemMap = _ref.valueToItemMap,
9
- onChipClick = _ref.onChipClick,
10
11
  label = _ref.label,
11
12
  placeholder = _ref.placeholder,
12
13
  onKeyDown = _ref.onKeyDown,
13
- focusedChipIndex = _ref.focusedChipIndex,
14
14
  labelPlacement = _ref.labelPlacement,
15
15
  size = _ref.size,
16
16
  contentLeft = _ref.contentLeft,
17
17
  disabled = _ref.disabled,
18
18
  renderValue = _ref.renderValue,
19
- focusedPath = _ref.focusedPath,
20
- focusedToValueMap = _ref.focusedToValueMap,
21
19
  selectProps = _ref.selectProps,
20
+ inputWrapperRef = _ref.inputWrapperRef,
21
+ multiselect = _ref.multiselect,
22
+ view = _ref.view,
23
+ handleClickArrow = _ref.handleClickArrow,
24
+ helperText = _ref.helperText,
25
+ treeId = _ref.treeId,
26
+ activeDescendantItemValue = _ref.activeDescendantItemValue,
27
+ isTargetAmount = _ref.isTargetAmount,
28
+ onChange = _ref.onChange,
29
+ labelToItemMap = _ref.labelToItemMap,
30
+ chipView = _ref.chipView,
22
31
  separator = _ref.separator;
23
- return selectProps.target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
32
+ var buttonRef = useForkRef(ref, inputWrapperRef);
33
+ return target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
34
+ ref: buttonRef,
24
35
  opened: opened,
25
36
  value: value,
26
37
  valueToItemMap: valueToItemMap,
@@ -29,29 +40,36 @@ var Target = function Target(_ref) {
29
40
  size: size,
30
41
  disabled: disabled,
31
42
  renderValue: renderValue,
32
- focusedPath: focusedPath,
33
- focusedToValueMap: focusedToValueMap,
34
43
  selectProps: selectProps,
35
- separator: separator
44
+ separator: separator,
45
+ treeId: treeId,
46
+ activeDescendantItemValue: activeDescendantItemValue
36
47
  }) : /*#__PURE__*/React.createElement(Textfield, {
48
+ ref: ref,
49
+ inputWrapperRef: inputWrapperRef,
37
50
  opened: opened,
51
+ multiselect: multiselect,
38
52
  value: value,
39
- valueToItemMap: valueToItemMap,
40
- onChipClick: onChipClick,
41
53
  label: label,
42
54
  placeholder: placeholder,
43
55
  onKeyDown: onKeyDown,
44
- focusedChipIndex: focusedChipIndex,
45
56
  labelPlacement: labelPlacement,
46
57
  size: size,
58
+ view: view,
59
+ handleClickArrow: handleClickArrow,
47
60
  contentLeft: contentLeft,
61
+ helperText: helperText,
62
+ treeId: treeId,
63
+ activeDescendantItemValue: activeDescendantItemValue,
48
64
  disabled: disabled,
65
+ isTargetAmount: isTargetAmount,
66
+ valueToItemMap: valueToItemMap,
49
67
  renderValue: renderValue,
50
- focusedPath: focusedPath,
51
- focusedToValueMap: focusedToValueMap,
52
- selectProps: selectProps
68
+ onChange: onChange,
69
+ labelToItemMap: labelToItemMap,
70
+ chipView: chipView
53
71
  });
54
- };
72
+ });
55
73
 
56
74
  export { Target };
57
75
  //# sourceMappingURL=Target.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target: React.FC<TargetProps> = ({\n value,\n opened,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n onKeyDown,\n focusedChipIndex,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n separator,\n}) => {\n return selectProps.target === 'button-like' ? (\n <Button\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onKeyDown={onKeyDown}\n label={label}\n size={size}\n disabled={disabled}\n renderValue={renderValue}\n focusedPath={focusedPath}\n focusedToValueMap={focusedToValueMap}\n selectProps={selectProps}\n separator={separator}\n />\n ) : (\n <Textfield\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onChipClick={onChipClick}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n focusedChipIndex={focusedChipIndex}\n labelPlacement={labelPlacement}\n size={size}\n contentLeft={contentLeft}\n disabled={disabled}\n renderValue={renderValue}\n focusedPath={focusedPath}\n focusedToValueMap={focusedToValueMap}\n selectProps={selectProps}\n />\n );\n};\n"],"names":["Target","_ref","value","opened","valueToItemMap","onChipClick","label","placeholder","onKeyDown","focusedChipIndex","labelPlacement","size","contentLeft","disabled","renderValue","focusedPath","focusedToValueMap","selectProps","separator","target","React","createElement","Button","Textfield"],"mappings":";;;;IAKaA,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA,EAkBpC;AAAA,EAAA,IAjBFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,gBAAgB,GAAAR,IAAA,CAAhBQ,gBAAgB;IAChBC,cAAc,GAAAT,IAAA,CAAdS,cAAc;IACdC,IAAI,GAAAV,IAAA,CAAJU,IAAI;IACJC,WAAW,GAAAX,IAAA,CAAXW,WAAW;IACXC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,WAAW,GAAAd,IAAA,CAAXc,WAAW;IACXC,iBAAiB,GAAAf,IAAA,CAAjBe,iBAAiB;IACjBC,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;IACXC,SAAS,GAAAjB,IAAA,CAATiB,SAAS,CAAA;EAET,OAAOD,WAAW,CAACE,MAAM,KAAK,aAAa,gBACvCC,KAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;AACHnB,IAAAA,MAAM,EAAEA,MAAO;AACfD,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BI,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,KAAK,EAAEA,KAAM;AACbK,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GACxB,CAAC,gBAEFE,KAAA,CAAAC,aAAA,CAACE,SAAS,EAAA;AACNpB,IAAAA,MAAM,EAAEA,MAAO;AACfD,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,WAAW,EAAEA,WAAAA;AAAY,GAC5B,CACJ,CAAA;AACL;;;;"}
1
+ {"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/ui/Target/Target.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { TargetProps } from './Target.types';\nimport { Button, Textfield } from './ui';\n\nexport const Target = forwardRef<HTMLButtonElement, TargetProps>(\n (\n {\n value,\n target,\n opened,\n valueToItemMap,\n label,\n placeholder,\n onKeyDown,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n selectProps,\n inputWrapperRef,\n multiselect,\n view,\n handleClickArrow,\n helperText,\n treeId,\n activeDescendantItemValue,\n isTargetAmount,\n onChange,\n labelToItemMap,\n chipView,\n separator,\n },\n ref,\n ) => {\n const buttonRef = useForkRef(ref, inputWrapperRef as any);\n\n return target === 'button-like' ? (\n <Button\n ref={buttonRef}\n opened={opened}\n value={value}\n valueToItemMap={valueToItemMap}\n onKeyDown={onKeyDown}\n label={label}\n size={size}\n disabled={disabled}\n renderValue={renderValue}\n selectProps={selectProps}\n separator={separator}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n />\n ) : (\n <Textfield\n ref={ref as MutableRefObject<HTMLInputElement>}\n inputWrapperRef={inputWrapperRef}\n opened={opened}\n multiselect={multiselect}\n value={value}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n labelPlacement={labelPlacement}\n size={size}\n view={view}\n handleClickArrow={handleClickArrow}\n contentLeft={contentLeft}\n helperText={helperText}\n treeId={treeId}\n activeDescendantItemValue={activeDescendantItemValue}\n disabled={disabled}\n isTargetAmount={isTargetAmount}\n valueToItemMap={valueToItemMap}\n renderValue={renderValue}\n onChange={onChange}\n labelToItemMap={labelToItemMap}\n chipView={chipView}\n />\n );\n },\n);\n"],"names":["Target","forwardRef","_ref","ref","value","target","opened","valueToItemMap","label","placeholder","onKeyDown","labelPlacement","size","contentLeft","disabled","renderValue","selectProps","inputWrapperRef","multiselect","view","handleClickArrow","helperText","treeId","activeDescendantItemValue","isTargetAmount","onChange","labelToItemMap","chipView","separator","buttonRef","useForkRef","React","createElement","Button","Textfield"],"mappings":"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"}
@@ -26,8 +26,8 @@
26
26
  .Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
27
27
  .Button_styles_1sopr3d_b9ga1dj__8219590b{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;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
28
28
 
29
- .Button_styles_lxxm4p_sfn0xs0__70a12c1a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
30
- .Button_styles_lxxm4p_i1akdel6__70a12c1a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_lxxm4p_i1akdel6__70a12c1a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_lxxm4p_i1akdel6__70a12c1a:active{color:var(--plasma-select-target-button-arrow-color-active);}
31
- .Button_styles_lxxm4p_sn98tws__70a12c1a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
32
- .Button_styles_lxxm4p_ba2820e__70a12c1a{display:inline;}.Button_styles_lxxm4p_ba2820e__70a12c1a .Button_styles_lxxm4p_selectWithoutBoxShadow__70a12c1a::before{box-shadow:none !important;}.Button_styles_lxxm4p_ba2820e__70a12c1a .Button_styles_lxxm4p_arrowInverse__70a12c1a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
33
- .Button_styles_lxxm4p_lpf11kx__70a12c1a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
29
+ .Button_styles_10g64me_sfn0xs0__eab937f0{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
30
+ .Button_styles_10g64me_i1akdel6__eab937f0{line-height:0;color:var(--plasma-select-button-arrow-color);}.Button_styles_10g64me_i1akdel6__eab937f0:hover{color:var(--plasma-select-button-arrow-color-hover);}.Button_styles_10g64me_i1akdel6__eab937f0:active{color:var(--plasma-select-button-arrow-color-active);}
31
+ .Button_styles_10g64me_sn98tws__eab937f0{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
32
+ .Button_styles_10g64me_ba2820e__eab937f0{display:inline;}.Button_styles_10g64me_ba2820e__eab937f0 .Button_styles_10g64me_selectWithoutBoxShadow__eab937f0::before{box-shadow:none !important;}.Button_styles_10g64me_ba2820e__eab937f0 .Button_styles_10g64me_arrowInverse__eab937f0{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
33
+ .Button_styles_10g64me_lpf11kx__eab937f0{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@@ -1,11 +1,12 @@
1
- import React from 'react';
1
+ import React, { forwardRef } from 'react';
2
2
  import { cx } from '../../../../../../utils/index.js';
3
3
  import { classes } from '../../../../Select.tokens.js';
4
4
  import { ButtonWrapper, StyledButton, IconArrowWrapper, StyledArrow, Label } from './Button.styles.js';
5
5
  import { sizeToIconSize } from '../../../../utils/sizeToIconSize.js';
6
+ import { getItemId } from '../../../../utils/getItemId.js';
6
7
  import { getButtonLabel } from '../../../../utils/getButtonLabel.js';
7
8
 
8
- var Button = function Button(_ref) {
9
+ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
9
10
  var opened = _ref.opened,
10
11
  value = _ref.value,
11
12
  valueToItemMap = _ref.valueToItemMap,
@@ -14,18 +15,12 @@ var Button = function Button(_ref) {
14
15
  size = _ref.size,
15
16
  disabled = _ref.disabled,
16
17
  renderValue = _ref.renderValue,
17
- focusedPath = _ref.focusedPath,
18
- focusedToValueMap = _ref.focusedToValueMap,
19
- selectProps = _ref.selectProps;
18
+ selectProps = _ref.selectProps,
19
+ treeId = _ref.treeId,
20
+ activeDescendantItemValue = _ref.activeDescendantItemValue;
20
21
  var withArrowInverse = opened ? classes.arrowInverse : undefined;
21
- var getActiveDescendant = function getActiveDescendant() {
22
- var _focusedToValueMap$ge;
23
- var focusedPathAsString = focusedPath.reduce(function (acc, n) {
24
- return "".concat(acc, "/").concat(n);
25
- }, '').replace(/^(\/)/, '');
26
- return focusedToValueMap === null || focusedToValueMap === void 0 || (_focusedToValueMap$ge = focusedToValueMap.get(focusedPathAsString)) === null || _focusedToValueMap$ge === void 0 ? void 0 : _focusedToValueMap$ge.value.toString();
27
- };
28
22
  return /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(StyledButton, {
23
+ ref: ref,
29
24
  stretching: "filled",
30
25
  onKeyDown: onKeyDown,
31
26
  className: opened ? classes.selectWithoutBoxShadow : undefined,
@@ -36,9 +31,10 @@ var Button = function Button(_ref) {
36
31
  className: cx(classes.selectTargetArrow, withArrowInverse)
37
32
  })),
38
33
  role: "combobox",
39
- "aria-controls": "tree_level_1",
34
+ "aria-autocomplete": "list",
35
+ "aria-controls": "".concat(treeId, "_tree_level_1"),
40
36
  "aria-expanded": opened,
41
- "aria-activedescendant": getActiveDescendant(),
37
+ "aria-activedescendant": activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : '',
42
38
  "aria-label": label,
43
39
  renderTarget: Boolean(selectProps.renderTarget)
44
40
  }, selectProps.renderTarget ? selectProps.renderTarget(Array.isArray(value) ? value.map(function (value) {
@@ -50,7 +46,7 @@ var Button = function Button(_ref) {
50
46
  renderValue: renderValue,
51
47
  selectProps: selectProps
52
48
  }))));
53
- };
49
+ });
54
50
 
55
51
  export { Button };
56
52
  //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { getButtonLabel, sizeToIconSize } from '../../../../utils';\n\nimport { ButtonProps } from './Button.types';\nimport { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } from './Button.styles';\n\nexport const Button: React.FC<ButtonProps> = ({\n opened,\n value,\n valueToItemMap,\n onKeyDown,\n label,\n size,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n selectProps,\n}) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <ButtonWrapper>\n <StyledButton\n stretching=\"filled\"\n onKeyDown={onKeyDown}\n className={opened ? classes.selectWithoutBoxShadow : undefined}\n disabled={disabled}\n contentRight={\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size)}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n }\n role=\"combobox\"\n aria-controls=\"tree_level_1\"\n aria-expanded={opened}\n aria-activedescendant={getActiveDescendant()}\n aria-label={label}\n renderTarget={Boolean(selectProps.renderTarget)}\n >\n {selectProps.renderTarget ? (\n selectProps.renderTarget(\n Array.isArray(value)\n ? value.map((value) => valueToItemMap.get(value)!)\n : valueToItemMap.get(value)!,\n )\n ) : (\n <Label>\n {getButtonLabel({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n })}\n </Label>\n )}\n </StyledButton>\n </ButtonWrapper>\n );\n};\n"],"names":["Button","_ref","opened","value","valueToItemMap","onKeyDown","label","size","disabled","renderValue","focusedPath","focusedToValueMap","selectProps","withArrowInverse","classes","arrowInverse","undefined","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","toString","React","createElement","ButtonWrapper","StyledButton","stretching","className","selectWithoutBoxShadow","contentRight","IconArrowWrapper","StyledArrow","sizeToIconSize","color","cx","selectTargetArrow","role","renderTarget","Boolean","Array","isArray","map","Label","getButtonLabel"],"mappings":";;;;;;;IASaA,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA,EAYpC;AAAA,EAAA,IAXFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IACJC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,iBAAiB,GAAAV,IAAA,CAAjBU,iBAAiB;IACjBC,WAAW,GAAAX,IAAA,CAAXW,WAAW,CAAA;EAEX,IAAMC,gBAAgB,GAAGX,MAAM,GAAGY,OAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;AAElE,EAAA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAAS;AAAA,IAAA,IAAAC,qBAAA,CAAA;IAC9B,IAAMC,mBAAmB,GAAGT,WAAW,CAACU,MAAM,CAAC,UAACC,GAAG,EAAEC,CAAC,EAAA;AAAA,MAAA,OAAA,EAAA,CAAAC,MAAA,CAAQF,GAAG,EAAAE,GAAAA,CAAAA,CAAAA,MAAA,CAAID,CAAC,CAAA,CAAA;KAAE,EAAE,EAAE,CAAC,CAACE,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;IAClG,OAAOb,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,IAAA,CAAAO,qBAAA,GAAjBP,iBAAiB,CAAEc,GAAG,CAACN,mBAAmB,CAAC,MAAA,IAAA,IAAAD,qBAAA,KAA3CA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA6Cf,KAAK,CAACuB,QAAQ,EAAE,CAAA;GACvE,CAAA;EAED,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAa,qBACVF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AACTC,IAAAA,UAAU,EAAC,QAAQ;AACnB1B,IAAAA,SAAS,EAAEA,SAAU;AACrB2B,IAAAA,SAAS,EAAE9B,MAAM,GAAGY,OAAO,CAACmB,sBAAsB,GAAGjB,SAAU;AAC/DR,IAAAA,QAAQ,EAAEA,QAAS;IACnB0B,YAAY,eACRP,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA,IAAA,eACbR,KAAA,CAAAC,aAAA,CAACQ,WAAW,EAAA;AACR7B,MAAAA,IAAI,EAAE8B,cAAc,CAAC9B,IAAI,CAAE;AAC3B+B,MAAAA,KAAK,EAAC,SAAS;AACfN,MAAAA,SAAS,EAAEO,EAAE,CAACzB,OAAO,CAAC0B,iBAAiB,EAAE3B,gBAAgB,CAAA;AAAE,KAC9D,CACa,CACrB;AACD4B,IAAAA,IAAI,EAAC,UAAU;AACf,IAAA,eAAA,EAAc,cAAc;AAC5B,IAAA,eAAA,EAAevC,MAAO;IACtB,uBAAuBe,EAAAA,mBAAmB,EAAG;AAC7C,IAAA,YAAA,EAAYX,KAAM;AAClBoC,IAAAA,YAAY,EAAEC,OAAO,CAAC/B,WAAW,CAAC8B,YAAY,CAAA;GAE7C9B,EAAAA,WAAW,CAAC8B,YAAY,GACrB9B,WAAW,CAAC8B,YAAY,CACpBE,KAAK,CAACC,OAAO,CAAC1C,KAAK,CAAC,GACdA,KAAK,CAAC2C,GAAG,CAAC,UAAC3C,KAAK,EAAA;AAAA,IAAA,OAAKC,cAAc,CAACqB,GAAG,CAACtB,KAAK,CAAC,CAAA;AAAA,GAAC,CAAC,GAChDC,cAAc,CAACqB,GAAG,CAACtB,KAAK,CAClC,CAAC,gBAEDwB,KAAA,CAAAC,aAAA,CAACmB,KAAK,EAAA,IAAA,EACDC,cAAc,CAAC;AACZ7C,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAc;AACdE,IAAAA,KAAK,EAALA,KAAK;AACLG,IAAAA,WAAW,EAAXA,WAAW;AACXG,IAAAA,WAAW,EAAXA,WAAAA;GACH,CACE,CAED,CACH,CAAC,CAAA;AAExB;;;;"}
1
+ {"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { cx } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { getButtonLabel, getItemId, sizeToIconSize } from '../../../../utils';\n\nimport { ButtonProps } from './Button.types';\nimport { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } from './Button.styles';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n opened,\n value,\n valueToItemMap,\n onKeyDown,\n label,\n size,\n disabled,\n renderValue,\n selectProps,\n treeId,\n activeDescendantItemValue,\n },\n ref,\n ) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n return (\n <ButtonWrapper>\n <StyledButton\n ref={ref}\n stretching=\"filled\"\n onKeyDown={onKeyDown}\n className={opened ? classes.selectWithoutBoxShadow : undefined}\n disabled={disabled}\n contentRight={\n <IconArrowWrapper>\n <StyledArrow\n size={sizeToIconSize(size)}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n }\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-controls={`${treeId}_tree_level_1`}\n aria-expanded={opened}\n aria-activedescendant={\n activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n }\n aria-label={label}\n renderTarget={Boolean(selectProps.renderTarget)}\n >\n {selectProps.renderTarget ? (\n selectProps.renderTarget(\n Array.isArray(value)\n ? value.map((value) => valueToItemMap.get(value)!)\n : valueToItemMap.get(value)!,\n )\n ) : (\n <Label>\n {getButtonLabel({\n value,\n valueToItemMap,\n label,\n renderValue,\n selectProps,\n })}\n </Label>\n )}\n </StyledButton>\n </ButtonWrapper>\n );\n },\n);\n"],"names":["Button","forwardRef","_ref","ref","opened","value","valueToItemMap","onKeyDown","label","size","disabled","renderValue","selectProps","treeId","activeDescendantItemValue","withArrowInverse","classes","arrowInverse","undefined","React","createElement","ButtonWrapper","StyledButton","stretching","className","selectWithoutBoxShadow","contentRight","IconArrowWrapper","StyledArrow","sizeToIconSize","color","cx","selectTargetArrow","role","concat","getItemId","renderTarget","Boolean","Array","isArray","map","get","Label","getButtonLabel"],"mappings":";;;;;;;;AASO,IAAMA,MAAM,gBAAGC,UAAU,CAC5B,UAAAC,IAAA,EAcIC,GAAG,EACF;AAAA,EAAA,IAbGC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,IAAI,GAAAP,IAAA,CAAJO,IAAI;IACJC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,MAAM,GAAAX,IAAA,CAANW,MAAM;IACNC,yBAAyB,GAAAZ,IAAA,CAAzBY,yBAAyB,CAAA;EAI7B,IAAMC,gBAAgB,GAAGX,MAAM,GAAGY,OAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;EAElE,oBACIC,KAAA,CAAAC,aAAA,CAACC,aAAa,qBACVF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AACTnB,IAAAA,GAAG,EAAEA,GAAI;AACToB,IAAAA,UAAU,EAAC,QAAQ;AACnBhB,IAAAA,SAAS,EAAEA,SAAU;AACrBiB,IAAAA,SAAS,EAAEpB,MAAM,GAAGY,OAAO,CAACS,sBAAsB,GAAGP,SAAU;AAC/DR,IAAAA,QAAQ,EAAEA,QAAS;IACnBgB,YAAY,eACRP,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA,IAAA,eACbR,KAAA,CAAAC,aAAA,CAACQ,WAAW,EAAA;AACRnB,MAAAA,IAAI,EAAEoB,cAAc,CAACpB,IAAI,CAAE;AAC3BqB,MAAAA,KAAK,EAAC,SAAS;AACfN,MAAAA,SAAS,EAAEO,EAAE,CAACf,OAAO,CAACgB,iBAAiB,EAAEjB,gBAAgB,CAAA;AAAE,KAC9D,CACa,CACrB;AACDkB,IAAAA,IAAI,EAAC,UAAU;AACf,IAAA,mBAAA,EAAkB,MAAM;IACxB,eAAAC,EAAAA,EAAAA,CAAAA,MAAA,CAAkBrB,MAAM,EAAgB,eAAA,CAAA;AACxC,IAAA,eAAA,EAAeT,MAAO;IACtB,uBACIU,EAAAA,yBAAyB,GAAGqB,SAAS,CAACtB,MAAM,EAAEC,yBAAyB,CAAC,GAAG,EAC9E;AACD,IAAA,YAAA,EAAYN,KAAM;AAClB4B,IAAAA,YAAY,EAAEC,OAAO,CAACzB,WAAW,CAACwB,YAAY,CAAA;GAE7CxB,EAAAA,WAAW,CAACwB,YAAY,GACrBxB,WAAW,CAACwB,YAAY,CACpBE,KAAK,CAACC,OAAO,CAAClC,KAAK,CAAC,GACdA,KAAK,CAACmC,GAAG,CAAC,UAACnC,KAAK,EAAA;AAAA,IAAA,OAAKC,cAAc,CAACmC,GAAG,CAACpC,KAAK,CAAC,CAAA;AAAA,GAAC,CAAC,GAChDC,cAAc,CAACmC,GAAG,CAACpC,KAAK,CAClC,CAAC,gBAEDc,KAAA,CAAAC,aAAA,CAACsB,KAAK,EAAA,IAAA,EACDC,cAAc,CAAC;AACZtC,IAAAA,KAAK,EAALA,KAAK;AACLC,IAAAA,cAAc,EAAdA,cAAc;AACdE,IAAAA,KAAK,EAALA,KAAK;AACLG,IAAAA,WAAW,EAAXA,WAAW;AACXC,IAAAA,WAAW,EAAXA,WAAAA;GACH,CACE,CAED,CACH,CAAC,CAAA;AAExB,CACJ;;;;"}
@@ -1,4 +1,4 @@
1
- import './Button.styles_lxxm4p.css';
1
+ import './Button.styles_10g64me.css';
2
2
  import { styled } from '@linaria/react';
3
3
  import { tokens } from '../../../../Select.tokens.js';
4
4
  import { IconDisclosureDownCentered } from '../../../../../_Icon/Icons/IconDisclosureDownCentered.js';
@@ -1 +1 @@
1
- {"version":3,"file":"Button.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const StyledButton = styled(Button)<{ renderTarget: boolean }>`\n ${buttonTokens.buttonColor}: var(${tokens.targetButtonColor});\n ${buttonTokens.buttonColorHover}: var(${tokens.targetButtonColorHover});\n ${buttonTokens.buttonColorActive}: var(${tokens.targetButtonColorActive});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.targetButtonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.targetButtonBackgroundColorHover});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.targetButtonBackgroundColorActive});\n ${buttonTokens.buttonRightContentMargin}: var(${tokens.targetButtonArrowMargin});\n ${buttonTokens.buttonHeight}: ${({ renderTarget }) => (renderTarget ? 'auto' : `var(${tokens.targetHeight})`)};\n ${buttonTokens.buttonWidth}: 100%;\n ${buttonTokens.buttonPadding}: var(${tokens.targetButtonPadding});\n ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n ${buttonTokens.buttonFontWeight}: 600;\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n text-align: left;\n`;\n\nexport const IconArrowWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.targetButtonArrowColor});\n\n &:hover {\n color: var(${tokens.targetButtonArrowColorHover});\n }\n\n &:active {\n color: var(${tokens.targetButtonArrowColorActive});\n }\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n transition: color 0.3s ease-in, transform 0.15s ease-in;\n pointer-events: none;\n user-select: none;\n`;\n\nexport const ButtonWrapper = styled.div`\n display: inline;\n\n .${classes.selectWithoutBoxShadow}::before {\n box-shadow: none !important;\n }\n\n .${classes.arrowInverse} {\n transform: rotate(-180deg);\n }\n`;\n\nexport const Label = styled.div`\n display: inline;\n width: 100%;\n text-align: left;\n\n ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","_exp17","_ref","renderTarget","concat","tokens","targetHeight","StyledButton","styled","name","class","propsAsIs","vars","IconArrowWrapper","_exp41","IconDisclosureDownCentered","StyledArrow","ButtonWrapper","Label"],"mappings":";;;;;;AAQA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAR3BA,SAQ2BA,IAAAA,GAAA;AAAA,EAAA,OAEVF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,MAAA,GAVvBA,SAUuBA,MAAAA,GAAA;AAAA,EAAA,OAQL,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAoBA,YAAY,GAAG,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,YAAa,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR1G,IAAMC,YAAY,gBAAGC,MAAM,CAAAR,IAAA,EAAA,CAAA,CAAA;AAAAS,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAQEX,MAA6E,EAAA,CAAA;AAAA,GAAA;AAAA,CAahH,EAAA;AAEM,IAAMY,gBAAgB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAG,MAAA,GA5CgBA,SA4ChBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,0BAA0B,CAAA;AAAA,CAAA,CAAA;AAArD,IAAMC,WAAW,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUlC,EAAA;AAEM,IAAMO,KAAK,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1B;;;;"}
1
+ {"version":3,"file":"Button.styles.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Button/Button.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const StyledButton = styled(Button)<{ renderTarget: boolean }>`\n ${buttonTokens.buttonColor}: var(${tokens.buttonColor});\n ${buttonTokens.buttonColorHover}: var(${tokens.buttonColorHover});\n ${buttonTokens.buttonColorActive}: var(${tokens.buttonColorActive});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.buttonBackgroundColorHover});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.buttonBackgroundColorActive});\n ${buttonTokens.buttonRightContentMargin}: var(${tokens.buttonArrowMargin});\n ${buttonTokens.buttonHeight}: ${({ renderTarget }) => (renderTarget ? 'auto' : `var(${tokens.targetHeight})`)};\n ${buttonTokens.buttonWidth}: 100%;\n ${buttonTokens.buttonPadding}: var(${tokens.buttonPadding});\n ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n ${buttonTokens.buttonFontWeight}: 600;\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n ${buttonTokens.buttonDisabledOpacity}: ${constants.opacity};\n ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n text-align: left;\n`;\n\nexport const IconArrowWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.buttonArrowColor});\n\n &:hover {\n color: var(${tokens.buttonArrowColorHover});\n }\n\n &:active {\n color: var(${tokens.buttonArrowColorActive});\n }\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n transition: color 0.3s ease-in, transform 0.15s ease-in;\n pointer-events: none;\n user-select: none;\n`;\n\nexport const ButtonWrapper = styled.div`\n display: inline;\n\n .${classes.selectWithoutBoxShadow}::before {\n box-shadow: none !important;\n }\n\n .${classes.arrowInverse} {\n transform: rotate(-180deg);\n }\n`;\n\nexport const Label = styled.div`\n display: inline;\n width: 100%;\n text-align: left;\n\n ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","_exp17","_ref","renderTarget","concat","tokens","targetHeight","StyledButton","styled","name","class","propsAsIs","vars","IconArrowWrapper","_exp41","IconDisclosureDownCentered","StyledArrow","ButtonWrapper","Label"],"mappings":";;;;;;AAQA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAR3BA,SAQ2BA,IAAAA,GAAA;AAAA,EAAA,OAEVF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,MAAA,GAVvBA,SAUuBA,MAAAA,GAAA;AAAA,EAAA,OAQL,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAoBA,YAAY,GAAG,MAAM,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,YAAa,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR1G,IAAMC,YAAY,gBAAGC,MAAM,CAAAR,IAAA,EAAA,CAAA,CAAA;AAAAS,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAQEX,MAA6E,EAAA,CAAA;AAAA,GAAA;AAAA,CAahH,EAAA;AAEM,IAAMY,gBAAgB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAG,MAAA,GA5CgBA,SA4ChBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,0BAA0B,CAAA;AAAA,CAAA,CAAA;AAArD,IAAMC,WAAW,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUlC,EAAA;AAEM,IAAMO,KAAK,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1B;;;;"}
@@ -0,0 +1,5 @@
1
+ .sfn0xs0{--plasma-button-color:var(--plasma-select-button-color);--plasma-button-color-hover:var(--plasma-select-button-color-hover);--plasma-button-color-active:var(--plasma-select-button-color-active);--plasma-button-background-color:var(--plasma-select-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
2
+ .i1akdel6{line-height:0;color:var(--plasma-select-button-arrow-color);}.i1akdel6:hover{color:var(--plasma-select-button-arrow-color-hover);}.i1akdel6:active{color:var(--plasma-select-button-arrow-color-active);}
3
+ .sn98tws{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
4
+ .ba2820e{display:inline;}.ba2820e .select-without-box-shadow::before{box-shadow:none !important;}.ba2820e .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
5
+ .lpf11kx{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}