@salutejs/plasma-new-hope 0.85.0-canary.1213.9224571157.0 → 0.86.0-canary.1220.9257117448.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (387) hide show
  1. package/cjs/components/Button/Button.css +6 -9
  2. package/cjs/components/Button/Button.js +2 -16
  3. package/cjs/components/Button/Button.js.map +1 -1
  4. package/cjs/components/Button/Button.styles.js +10 -31
  5. package/cjs/components/Button/Button.styles.js.map +1 -1
  6. package/cjs/components/Button/Button.styles_uqvh6u.css +5 -0
  7. package/cjs/components/Button/Button.tokens.js +0 -5
  8. package/cjs/components/Button/Button.tokens.js.map +1 -1
  9. package/cjs/components/Button/variations/_stretching/base.js +1 -1
  10. package/cjs/components/Button/variations/_stretching/base.js.map +1 -1
  11. package/{es/components/Button/variations/_stretching/base_hy8dc.css → cjs/components/Button/variations/_stretching/base_1lx0ute.css} +1 -1
  12. package/cjs/components/ButtonGroup/ButtonGroup.css +2 -2
  13. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  14. package/cjs/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  15. package/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -1
  16. package/cjs/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  17. package/{es/components/ButtonGroup/variations/_orientation/base_y7z7cs.css → cjs/components/ButtonGroup/variations/_orientation/base_p85v51.css} +1 -1
  18. package/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  19. package/cjs/components/ButtonGroup/variations/_view/base.js.map +1 -1
  20. package/cjs/components/ButtonGroup/variations/_view/base_6k3uip.css +1 -0
  21. package/cjs/components/Drawer/Drawer.css +6 -9
  22. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +6 -9
  23. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.css +6 -9
  24. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  25. package/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  26. package/cjs/components/IconButton/IconButton.css +7 -10
  27. package/cjs/components/IconButton/IconButton.styles.js +1 -1
  28. package/cjs/components/IconButton/{IconButton.styles_7v8g0e.css → IconButton.styles_1hknr37.css} +1 -1
  29. package/cjs/components/Notification/Notification.css +6 -9
  30. package/cjs/components/Notification/NotificationsProvider.css +6 -9
  31. package/cjs/components/Pagination/Pagination.css +8 -11
  32. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +6 -9
  33. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +6 -9
  34. package/cjs/components/Range/Range.css +63 -0
  35. package/cjs/components/Range/Range.js +146 -0
  36. package/cjs/components/Range/Range.js.map +1 -0
  37. package/cjs/components/Range/Range.styles.js +63 -0
  38. package/cjs/components/Range/Range.styles.js.map +1 -0
  39. package/cjs/components/Range/Range.styles_mc4w65.css +8 -0
  40. package/cjs/components/Range/Range.tokens.js +106 -0
  41. package/cjs/components/Range/Range.tokens.js.map +1 -0
  42. package/cjs/components/Range/utils/index.js +24 -0
  43. package/cjs/components/Range/utils/index.js.map +1 -0
  44. package/cjs/components/Range/variations/_disabled/base.js +9 -0
  45. package/cjs/components/Range/variations/_disabled/base.js.map +1 -0
  46. package/cjs/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
  47. package/cjs/components/Range/variations/_readonly/base.js +9 -0
  48. package/cjs/components/Range/variations/_readonly/base.js.map +1 -0
  49. package/cjs/components/Range/variations/_readonly/base_tzdxy8.css +1 -0
  50. package/cjs/components/Range/variations/_size/base.js +9 -0
  51. package/cjs/components/Range/variations/_size/base.js.map +1 -0
  52. package/cjs/components/Range/variations/_size/base_16xiubi.css +1 -0
  53. package/cjs/components/Range/variations/_view/base.js +9 -0
  54. package/cjs/components/Range/variations/_view/base.js.map +1 -0
  55. package/cjs/components/Range/variations/_view/base_5iz3nr.css +1 -0
  56. package/cjs/components/Select/Select.css +6 -9
  57. package/cjs/components/Select/ui/SelectTarget/SelectTarget.css +6 -9
  58. package/cjs/components/Slider/Slider.css +11 -9
  59. package/cjs/components/Slider/components/Double/Double.css +11 -9
  60. package/cjs/components/Tabs/ui/TabItem/TabItem.js +7 -6
  61. package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
  62. package/cjs/components/Tabs/ui/Tabs/Tabs.css +4 -4
  63. package/cjs/components/Tabs/ui/Tabs/Tabs.js +3 -2
  64. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  65. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +1 -1
  66. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
  67. package/cjs/components/Tabs/ui/Tabs/{Tabs.styles_1mml8ws.css → Tabs.styles_194je23.css} +1 -1
  68. package/cjs/components/TextField/TextField.js +10 -10
  69. package/cjs/components/TextField/TextField.js.map +1 -1
  70. package/cjs/components/TextField/TextField.styles.js +13 -1
  71. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  72. package/cjs/components/TextField/{TextField.styles_1b1mddp.css → TextField.styles_aqmut.css} +2 -0
  73. package/cjs/components/TextField/TextField.tokens.js +5 -0
  74. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  75. package/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
  76. package/cjs/components/TextField/variations/_label-placement/inner.js.map +1 -1
  77. package/cjs/components/TextField/variations/_label-placement/inner_7c08qb.css +1 -0
  78. package/cjs/components/TextField/variations/_size/base.js +1 -1
  79. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  80. package/cjs/components/TextField/variations/_size/{base_1khzr9t.css → base_ntoddv.css} +1 -1
  81. package/cjs/components/TextField/variations/_view/base.js +1 -1
  82. package/cjs/components/TextField/variations/_view/base.js.map +1 -1
  83. package/cjs/components/TextField/variations/_view/{base_1qd77x6.css → base_19gxyva.css} +1 -1
  84. package/cjs/components/Toast/Toast.css +6 -9
  85. package/cjs/components/Toast/ToastController.css +6 -9
  86. package/cjs/index.css +41 -25
  87. package/cjs/index.js +5 -0
  88. package/cjs/index.js.map +1 -1
  89. package/es/components/Button/Button.css +6 -9
  90. package/es/components/Button/Button.js +3 -17
  91. package/es/components/Button/Button.js.map +1 -1
  92. package/es/components/Button/Button.styles.js +11 -29
  93. package/es/components/Button/Button.styles.js.map +1 -1
  94. package/es/components/Button/Button.styles_uqvh6u.css +5 -0
  95. package/es/components/Button/Button.tokens.js +0 -5
  96. package/es/components/Button/Button.tokens.js.map +1 -1
  97. package/es/components/Button/variations/_stretching/base.js +1 -1
  98. package/es/components/Button/variations/_stretching/base.js.map +1 -1
  99. package/{cjs/components/Button/variations/_stretching/base_hy8dc.css → es/components/Button/variations/_stretching/base_1lx0ute.css} +1 -1
  100. package/es/components/ButtonGroup/ButtonGroup.css +2 -2
  101. package/es/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  102. package/es/components/ButtonGroup/ButtonGroup.tokens.js.map +1 -1
  103. package/es/components/ButtonGroup/variations/_orientation/base.js +1 -1
  104. package/es/components/ButtonGroup/variations/_orientation/base.js.map +1 -1
  105. package/{cjs/components/ButtonGroup/variations/_orientation/base_y7z7cs.css → es/components/ButtonGroup/variations/_orientation/base_p85v51.css} +1 -1
  106. package/es/components/ButtonGroup/variations/_view/base.js +1 -1
  107. package/es/components/ButtonGroup/variations/_view/base.js.map +1 -1
  108. package/es/components/ButtonGroup/variations/_view/base_6k3uip.css +1 -0
  109. package/es/components/Drawer/Drawer.css +6 -9
  110. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +6 -9
  111. package/es/components/Header/ui/HeaderArrow/HeaderArrow.css +6 -9
  112. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  113. package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map +1 -1
  114. package/es/components/IconButton/IconButton.css +7 -10
  115. package/es/components/IconButton/IconButton.styles.js +1 -1
  116. package/es/components/IconButton/{IconButton.styles_7v8g0e.css → IconButton.styles_1hknr37.css} +1 -1
  117. package/es/components/Notification/Notification.css +6 -9
  118. package/es/components/Notification/NotificationsProvider.css +6 -9
  119. package/es/components/Pagination/Pagination.css +8 -11
  120. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +6 -9
  121. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +6 -9
  122. package/es/components/Range/Range.css +63 -0
  123. package/es/components/Range/Range.js +141 -0
  124. package/es/components/Range/Range.js.map +1 -0
  125. package/es/components/Range/Range.styles.js +52 -0
  126. package/es/components/Range/Range.styles.js.map +1 -0
  127. package/es/components/Range/Range.styles_mc4w65.css +8 -0
  128. package/es/components/Range/Range.tokens.js +101 -0
  129. package/es/components/Range/Range.tokens.js.map +1 -0
  130. package/es/components/Range/utils/index.js +19 -0
  131. package/es/components/Range/utils/index.js.map +1 -0
  132. package/es/components/Range/variations/_disabled/base.js +5 -0
  133. package/es/components/Range/variations/_disabled/base.js.map +1 -0
  134. package/es/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
  135. package/es/components/Range/variations/_readonly/base.js +5 -0
  136. package/es/components/Range/variations/_readonly/base.js.map +1 -0
  137. package/es/components/Range/variations/_readonly/base_tzdxy8.css +1 -0
  138. package/es/components/Range/variations/_size/base.js +5 -0
  139. package/es/components/Range/variations/_size/base.js.map +1 -0
  140. package/es/components/Range/variations/_size/base_16xiubi.css +1 -0
  141. package/es/components/Range/variations/_view/base.js +5 -0
  142. package/es/components/Range/variations/_view/base.js.map +1 -0
  143. package/es/components/Range/variations/_view/base_5iz3nr.css +1 -0
  144. package/es/components/Select/Select.css +6 -9
  145. package/es/components/Select/ui/SelectTarget/SelectTarget.css +6 -9
  146. package/es/components/Slider/Slider.css +11 -9
  147. package/es/components/Slider/components/Double/Double.css +11 -9
  148. package/es/components/Tabs/ui/TabItem/TabItem.js +7 -6
  149. package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
  150. package/es/components/Tabs/ui/Tabs/Tabs.css +4 -4
  151. package/es/components/Tabs/ui/Tabs/Tabs.js +3 -2
  152. package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  153. package/es/components/Tabs/ui/Tabs/Tabs.styles.js +1 -1
  154. package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
  155. package/es/components/Tabs/ui/Tabs/{Tabs.styles_1mml8ws.css → Tabs.styles_194je23.css} +1 -1
  156. package/es/components/TextField/TextField.js +11 -11
  157. package/es/components/TextField/TextField.js.map +1 -1
  158. package/es/components/TextField/TextField.styles.js +12 -2
  159. package/es/components/TextField/TextField.styles.js.map +1 -1
  160. package/es/components/TextField/{TextField.styles_1b1mddp.css → TextField.styles_aqmut.css} +2 -0
  161. package/es/components/TextField/TextField.tokens.js +5 -0
  162. package/es/components/TextField/TextField.tokens.js.map +1 -1
  163. package/es/components/TextField/variations/_label-placement/inner.js +1 -1
  164. package/es/components/TextField/variations/_label-placement/inner.js.map +1 -1
  165. package/es/components/TextField/variations/_label-placement/inner_7c08qb.css +1 -0
  166. package/es/components/TextField/variations/_size/base.js +1 -1
  167. package/es/components/TextField/variations/_size/base.js.map +1 -1
  168. package/es/components/TextField/variations/_size/{base_1khzr9t.css → base_ntoddv.css} +1 -1
  169. package/es/components/TextField/variations/_view/base.js +1 -1
  170. package/es/components/TextField/variations/_view/base.js.map +1 -1
  171. package/es/components/TextField/variations/_view/{base_1qd77x6.css → base_19gxyva.css} +1 -1
  172. package/es/components/Toast/Toast.css +6 -9
  173. package/es/components/Toast/ToastController.css +6 -9
  174. package/es/index.css +41 -25
  175. package/es/index.js +2 -0
  176. package/es/index.js.map +1 -1
  177. package/package.json +2 -2
  178. package/styled-components/cjs/components/Button/Button.js +2 -16
  179. package/styled-components/cjs/components/Button/Button.styles.js +12 -20
  180. package/styled-components/cjs/components/Button/Button.template-doc.mdx +0 -47
  181. package/styled-components/cjs/components/Button/Button.tokens.js +0 -5
  182. package/styled-components/cjs/components/Button/variations/_stretching/base.js +1 -1
  183. package/styled-components/cjs/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  184. package/styled-components/cjs/components/ButtonGroup/variations/_orientation/base.js +1 -2
  185. package/styled-components/cjs/components/ButtonGroup/variations/_view/base.js +1 -1
  186. package/styled-components/cjs/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  187. package/styled-components/cjs/components/Range/Range.js +148 -0
  188. package/styled-components/cjs/components/Range/Range.styles.js +39 -0
  189. package/styled-components/cjs/components/Range/Range.template-doc.mdx +323 -0
  190. package/styled-components/cjs/components/Range/Range.tokens.js +104 -0
  191. package/styled-components/cjs/components/Range/Range.types.js +5 -0
  192. package/styled-components/cjs/components/Range/index.js +25 -0
  193. package/styled-components/cjs/components/Range/utils/index.js +22 -0
  194. package/styled-components/cjs/components/Range/variations/_disabled/base.js +9 -0
  195. package/styled-components/cjs/components/Range/variations/_disabled/tokens.json +4 -0
  196. package/styled-components/cjs/components/Range/variations/_readonly/base.js +10 -0
  197. package/styled-components/cjs/components/Range/variations/_readonly/tokens.json +4 -0
  198. package/styled-components/cjs/components/Range/variations/_size/base.js +10 -0
  199. package/styled-components/cjs/components/Range/variations/_size/tokens.json +26 -0
  200. package/styled-components/cjs/components/Range/variations/_view/base.js +10 -0
  201. package/styled-components/cjs/components/Range/variations/_view/tokens.json +6 -0
  202. package/styled-components/cjs/components/Segment/Segment.template-doc.mdx +5 -3
  203. package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +36 -32
  204. package/styled-components/cjs/components/Tabs/ui/TabItem/TabItem.js +7 -6
  205. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +3 -2
  206. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +1 -1
  207. package/styled-components/cjs/components/TextField/TextField.js +10 -10
  208. package/styled-components/cjs/components/TextField/TextField.styles.js +7 -1
  209. package/styled-components/cjs/components/TextField/TextField.tokens.js +5 -0
  210. package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
  211. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  212. package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
  213. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  214. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +21 -67
  215. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  216. package/styled-components/cjs/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  217. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +31 -0
  218. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.js +11 -0
  219. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +312 -0
  220. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
  221. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -0
  222. package/styled-components/cjs/examples/plasma_web/components/Button/Button.config.js +19 -19
  223. package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +28 -90
  224. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  225. package/styled-components/cjs/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  226. package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +31 -0
  227. package/styled-components/cjs/examples/plasma_web/components/Range/Range.js +11 -0
  228. package/styled-components/cjs/examples/plasma_web/components/Range/Range.stories.tsx +312 -0
  229. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.config.js +19 -19
  230. package/styled-components/cjs/examples/sds_engineer/components/Button/Button.stories.tsx +28 -90
  231. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  232. package/styled-components/cjs/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  233. package/styled-components/cjs/index.js +11 -0
  234. package/styled-components/es/components/Button/Button.js +3 -17
  235. package/styled-components/es/components/Button/Button.styles.js +11 -19
  236. package/styled-components/es/components/Button/Button.template-doc.mdx +0 -47
  237. package/styled-components/es/components/Button/Button.tokens.js +0 -5
  238. package/styled-components/es/components/Button/variations/_stretching/base.js +1 -1
  239. package/styled-components/es/components/ButtonGroup/ButtonGroup.tokens.js +0 -1
  240. package/styled-components/es/components/ButtonGroup/variations/_orientation/base.js +2 -3
  241. package/styled-components/es/components/ButtonGroup/variations/_view/base.js +1 -1
  242. package/styled-components/es/components/Header/ui/HeaderArrow/HeaderArrow.js +2 -4
  243. package/styled-components/es/components/Range/Range.js +139 -0
  244. package/styled-components/es/components/Range/Range.styles.js +31 -0
  245. package/styled-components/es/components/Range/Range.template-doc.mdx +323 -0
  246. package/styled-components/es/components/Range/Range.tokens.js +98 -0
  247. package/styled-components/es/components/Range/Range.types.js +1 -0
  248. package/styled-components/es/components/Range/index.js +2 -0
  249. package/styled-components/es/components/Range/utils/index.js +16 -0
  250. package/styled-components/es/components/Range/variations/_disabled/base.js +3 -0
  251. package/styled-components/es/components/Range/variations/_disabled/tokens.json +4 -0
  252. package/styled-components/es/components/Range/variations/_readonly/base.js +4 -0
  253. package/styled-components/es/components/Range/variations/_readonly/tokens.json +4 -0
  254. package/styled-components/es/components/Range/variations/_size/base.js +4 -0
  255. package/styled-components/es/components/Range/variations/_size/tokens.json +26 -0
  256. package/styled-components/es/components/Range/variations/_view/base.js +4 -0
  257. package/styled-components/es/components/Range/variations/_view/tokens.json +6 -0
  258. package/styled-components/es/components/Segment/Segment.template-doc.mdx +5 -3
  259. package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +36 -32
  260. package/styled-components/es/components/Tabs/ui/TabItem/TabItem.js +7 -6
  261. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +3 -2
  262. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.styles.js +1 -1
  263. package/styled-components/es/components/TextField/TextField.js +11 -11
  264. package/styled-components/es/components/TextField/TextField.styles.js +6 -0
  265. package/styled-components/es/components/TextField/TextField.tokens.js +5 -0
  266. package/styled-components/es/components/TextField/variations/_label-placement/inner.js +2 -2
  267. package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
  268. package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
  269. package/styled-components/es/examples/plasma_b2c/components/Button/Button.config.js +19 -19
  270. package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +21 -67
  271. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.js +10 -10
  272. package/styled-components/es/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  273. package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +25 -0
  274. package/styled-components/es/examples/plasma_b2c/components/Range/Range.js +5 -0
  275. package/styled-components/es/examples/plasma_b2c/components/Range/Range.stories.tsx +312 -0
  276. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
  277. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -0
  278. package/styled-components/es/examples/plasma_web/components/Button/Button.config.js +19 -19
  279. package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +28 -90
  280. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.js +10 -10
  281. package/styled-components/es/examples/plasma_web/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  282. package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +25 -0
  283. package/styled-components/es/examples/plasma_web/components/Range/Range.js +5 -0
  284. package/styled-components/es/examples/plasma_web/components/Range/Range.stories.tsx +312 -0
  285. package/styled-components/es/examples/sds_engineer/components/Button/Button.config.js +19 -19
  286. package/styled-components/es/examples/sds_engineer/components/Button/Button.stories.tsx +28 -90
  287. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.js +10 -10
  288. package/styled-components/es/examples/sds_engineer/components/ButtonGroup/ButtonGroup.stories.tsx +1 -1
  289. package/styled-components/es/index.js +2 -1
  290. package/types/components/Button/Button.d.ts.map +1 -1
  291. package/types/components/Button/Button.styles.d.ts +1 -5
  292. package/types/components/Button/Button.styles.d.ts.map +1 -1
  293. package/types/components/Button/Button.tokens.d.ts +0 -5
  294. package/types/components/Button/Button.tokens.d.ts.map +1 -1
  295. package/types/components/Button/Button.types.d.ts +4 -28
  296. package/types/components/Button/Button.types.d.ts.map +1 -1
  297. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts +0 -1
  298. package/types/components/ButtonGroup/ButtonGroup.tokens.d.ts.map +1 -1
  299. package/types/components/ButtonGroup/variations/_orientation/base.d.ts.map +1 -1
  300. package/types/components/ButtonGroup/variations/_view/base.d.ts.map +1 -1
  301. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts.map +1 -1
  302. package/types/components/Notification/Notification.styles.d.ts +1 -43
  303. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  304. package/types/components/Pagination/Pagination.styles.d.ts +2 -86
  305. package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
  306. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +1 -43
  307. package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts.map +1 -1
  308. package/types/components/Range/Range.d.ts +31 -0
  309. package/types/components/Range/Range.d.ts.map +1 -0
  310. package/types/components/Range/Range.styles.d.ts +48 -0
  311. package/types/components/Range/Range.styles.d.ts.map +1 -0
  312. package/types/components/Range/Range.tokens.d.ts +99 -0
  313. package/types/components/Range/Range.tokens.d.ts.map +1 -0
  314. package/types/components/Range/Range.types.d.ts +143 -0
  315. package/types/components/Range/Range.types.d.ts.map +1 -0
  316. package/types/components/Range/index.d.ts +4 -0
  317. package/types/components/Range/index.d.ts.map +1 -0
  318. package/types/components/Range/utils/index.d.ts +5 -0
  319. package/types/components/Range/utils/index.d.ts.map +1 -0
  320. package/types/components/Range/variations/_disabled/base.d.ts +2 -0
  321. package/types/components/Range/variations/_disabled/base.d.ts.map +1 -0
  322. package/types/components/Range/variations/_readonly/base.d.ts +2 -0
  323. package/types/components/Range/variations/_readonly/base.d.ts.map +1 -0
  324. package/types/components/Range/variations/_size/base.d.ts +2 -0
  325. package/types/components/Range/variations/_size/base.d.ts.map +1 -0
  326. package/types/components/Range/variations/_view/base.d.ts +2 -0
  327. package/types/components/Range/variations/_view/base.d.ts.map +1 -0
  328. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts +1 -43
  329. package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +1 -1
  330. package/types/components/Slider/components/Double/Double.styles.d.ts +4 -0
  331. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  332. package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -1
  333. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
  334. package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -1
  335. package/types/components/TextField/TextField.d.ts.map +1 -1
  336. package/types/components/TextField/TextField.styles.d.ts +2 -0
  337. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  338. package/types/components/TextField/TextField.tokens.d.ts +5 -0
  339. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  340. package/types/components/TextField/TextField.types.d.ts +8 -0
  341. package/types/components/TextField/TextField.types.d.ts.map +1 -1
  342. package/types/components/TextField/variations/_label-placement/inner.d.ts.map +1 -1
  343. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  344. package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
  345. package/types/components/Toast/Toast.styles.d.ts +1 -43
  346. package/types/components/Toast/Toast.styles.d.ts.map +1 -1
  347. package/types/components/Toast/utils.d.ts +1 -43
  348. package/types/components/Toast/utils.d.ts.map +1 -1
  349. package/types/examples/plasma_b2c/components/Button/Button.config.d.ts.map +1 -1
  350. package/types/examples/plasma_b2c/components/Button/Button.d.ts +1 -43
  351. package/types/examples/plasma_b2c/components/Button/Button.d.ts.map +1 -1
  352. package/types/examples/plasma_b2c/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  353. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +1 -43
  354. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
  355. package/types/examples/plasma_b2c/components/Range/Range.config.d.ts +24 -0
  356. package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +1 -0
  357. package/types/examples/plasma_b2c/components/Range/Range.d.ts +127 -0
  358. package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -0
  359. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  360. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +4 -0
  361. package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
  362. package/types/examples/plasma_web/components/Button/Button.config.d.ts.map +1 -1
  363. package/types/examples/plasma_web/components/Button/Button.d.ts +1 -43
  364. package/types/examples/plasma_web/components/Button/Button.d.ts.map +1 -1
  365. package/types/examples/plasma_web/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  366. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +1 -43
  367. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
  368. package/types/examples/plasma_web/components/Range/Range.config.d.ts +24 -0
  369. package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +1 -0
  370. package/types/examples/plasma_web/components/Range/Range.d.ts +127 -0
  371. package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -0
  372. package/types/examples/plasma_web/components/TextField/TextField.d.ts +4 -0
  373. package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
  374. package/types/examples/sds_engineer/components/Button/Button.config.d.ts.map +1 -1
  375. package/types/examples/sds_engineer/components/Button/Button.d.ts +1 -43
  376. package/types/examples/sds_engineer/components/Button/Button.d.ts.map +1 -1
  377. package/types/examples/sds_engineer/components/ButtonGroup/ButtonGroup.config.d.ts.map +1 -1
  378. package/types/examples/sds_engineer/components/TextField/TextField.d.ts +4 -0
  379. package/types/examples/sds_engineer/components/TextField/TextField.d.ts.map +1 -1
  380. package/types/index.d.ts +1 -0
  381. package/types/index.d.ts.map +1 -1
  382. package/cjs/components/Button/Button.styles_1oz1dew.css +0 -8
  383. package/cjs/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
  384. package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
  385. package/es/components/Button/Button.styles_1oz1dew.css +0 -8
  386. package/es/components/ButtonGroup/variations/_view/base_1n9gznw.css +0 -1
  387. package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
@@ -28,7 +28,7 @@
28
28
 
29
29
  .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
30
30
 
31
- .base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
31
+ .base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFixed__16e78f09{width:var(--plasma-button-width);}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFilled__16e78f09{width:100%;}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingAuto__16e78f09{width:auto;}
32
32
 
33
33
  .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
34
34
 
@@ -37,14 +37,11 @@
37
37
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
38
38
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
39
39
 
40
- .Button_styles_1oz1dew_bzw1898__a16b28b2{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1oz1dew_bzw1898__a16b28b2.Button_styles_1oz1dew_buttonContentRelaxed__a16b28b2{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
41
- .Button_styles_1oz1dew_bdfuqwe__a16b28b2{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
42
- .Button_styles_1oz1dew_l9ypozh__a16b28b2{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
43
- .Button_styles_1oz1dew_l4dfhbg__a16b28b2{position:absolute;}
44
- .Button_styles_1oz1dew_srdlazt__a16b28b2{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
45
- .Button_styles_1oz1dew_s7rggv0__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);}
46
- .Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
47
- .Button_styles_1oz1dew_b9ga1dj__a16b28b2{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_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
40
+ .Button_styles_uqvh6u_bzw1898__b7cda4d5{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_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
41
+ .Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
42
+ .Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
43
+ .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
44
+ .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
48
45
 
49
46
  .SelectTarget_styles_hb1tns_su9kdfl__864110c9{--plasma-button-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-button-color:var(--plasma-select-target-color);--plasma-button-background-color:var(--su9kdfl-0);--plasma-button-background-color-hover:var(--su9kdfl-1);--plasma-button-background-color-active:var(--su9kdfl-2);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:var(--plasma-select-target-width);--plasma-button-radius:var(--plasma-select-target-radius);--plasma-button-font-family:var(--plasma-select-target-font-family);--plasma-button-font-size:var(--plasma-select-target-font-size);--plasma-button-font-style:var(--plasma-select-target-font-style);--plasma-button-font-weight:var(--plasma-select-target-font-weight);--plasma-button-letter-spacing:var(--plasma-select-target-letter-spacing);--plasma-button-line-height:var(--plasma-select-target-line-height);--plasma-button-focus-color:var(--plasma-select-focus-color);box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-3);padding:var(--su9kdfl-6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9:hover:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-4);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9:active:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-5);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9[readonly]{cursor:default;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9[readonly] .SelectTarget_styles_hb1tns_selectTargetArrow__864110c9{opacity:0.4;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9 .SelectTarget_styles_hb1tns_arrowInverse__864110c9{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasChips__864110c9{padding:var(--plasma-select-target-padding-has-chips);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_innerLabelUp__864110c9 .SelectTarget_styles_hb1tns_selectTargetText__864110c9{top:var(--plasma-select-target-inner-top);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_innerLabelUp__864110c9 .SelectTarget_styles_hb1tns_selectTargetLabel__864110c9{top:var(--plasma-select-target-label-inner-top);font-family:var(--plasma-select-target-label-inner-font-family);font-size:var(--plasma-select-target-label-inner-font-family);font-style:var(--plasma-select-target-label-inner-font-style);font-weight:var(--plasma-select-target-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);line-height:var(--plasma-select-target-label-inner-line-height);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9{--plasma_private-combobox-focus-size:0.0625rem;position:relative;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-combobox-focus-size));left:calc(-1 * var(--plasma_private-combobox-focus-size));right:calc(-1 * var(--plasma_private-combobox-focus-size));bottom:calc(-1 * var(--plasma_private-combobox-focus-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-combobox-focus-size) solid transparent;border-radius:calc(var(--plasma-select-target-radius) + var(--plasma_private-combobox-focus-size));-webkit-transition:none;transition:none;pointer-events:none;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9:focus-within{box-shadow:none;background-color:var(--plasma-select-target-background-color-open);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9:focus-within::before{box-shadow:inset 0 0 0 var(--plasma_private-combobox-focus-size) var(--plasma-select-target-border-color-open);}
50
47
  .SelectTarget_styles_hb1tns_s1wmzhh1__864110c9{-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;position:absolute;right:var(--plasma-select-target-arrow-right);color:var(--plasma-select-target-arrow-color);}
@@ -15,25 +15,27 @@
15
15
  .Single_styles_1r9f1e0_s1d2sfgl__4db690dd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{left:unset;right:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{margin-right:var(--plasma-slider-range-min-value-margin);}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
16
16
  .Single_styles_1r9f1e0_ss3ujqx__4db690dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementInner__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-right:var(--plasma-slider-label-wrapper-margin-right);}
17
17
 
18
- .inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb{padding:var(--plasma-textfield-placement_inner__content-padding);}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus ~ .inner_gqlcj2_l13qvwoy__0d4c77cb,.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:placeholder-shown) ~ .inner_gqlcj2_l13qvwoy__0d4c77cb{height:auto;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);}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:focus)::-webkit-input-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:focus)::-moz-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:focus):-ms-input-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:focus)::placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus::-webkit-input-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus::-moz-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus:-ms-input-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus::placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_l13qvwoy__0d4c77cb{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;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
18
+ .inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982{padding:var(--plasma-textfield-placement_inner__content-padding);}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_suk2zst__45003982,.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_s600610__45003982{padding:var(--plasma-textfield-placement_inner__content-padding);}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus ~ .inner_7c08qb_l13qvwoy__45003982,.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:placeholder-shown) ~ .inner_7c08qb_l13qvwoy__45003982{height:auto;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);}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:focus)::-webkit-input-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:focus)::-moz-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:focus):-ms-input-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:focus)::placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus::-webkit-input-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus::-moz-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus:-ms-input-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus::placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_l13qvwoy__45003982{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;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
19
19
 
20
20
  .outer_is41nj_la46t0i__fd2d2cf4 .outer_is41nj_l13qvwoy__fd2d2cf4{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}
21
21
 
22
- .base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_io4bpie__4e32753c{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_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_iq39zt5__4e32753c{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_iq39zt5__4e32753c.base_1khzr9t_hasChips__4e32753c{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_iq39zt5__4e32753c.base_1khzr9t_hasEmptyContentLeft__4e32753c{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_iq39zt5__4e32753c.base_1khzr9t_hasEmptyContentRight__4e32753c{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_l13qvwoy__4e32753c{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_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_llv9av6__4e32753c{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);}
22
+ .base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_io4bpie__fa40a32e{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_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasChips__fa40a32e{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentLeft__fa40a32e{padding-left:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentRight__fa40a32e{padding-right:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_l13qvwoy__fa40a32e{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_ntoddv_b13ve66i__fa40a32e .base_ntoddv_llv9av6__fa40a32e{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_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e,.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{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_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e{margin:var(--plasma-textfield__before-text-margin);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{margin:var(--plasma-textfield__after-text-margin);}
23
23
 
24
- .base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_iq39zt5__3c6defb4{--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(--plasmas-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_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_iq39zt5__3c6defb4: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_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_iq39zt5__3c6defb4: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_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4{color:var(--plasma-textfield-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_llv9av6__3c6defb4{color:var(--plasma-textfield__left-helper-color);}
24
+ .base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f{--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(--plasmas-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_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f: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_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f: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_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f{color:var(--plasma-textfield-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_llv9av6__71a2b28f{color:var(--plasma-textfield__left-helper-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_s600610__71a2b28f{color:var(--plasma-textfield__before-text-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_suk2zst__71a2b28f{color:var(--plasma-textfield__after-text-color);}
25
25
 
26
26
  .base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
27
27
 
28
28
  .base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_llv9av6__3851a304{color:var(--plasma-textfield__left-helper-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_l13qvwoy__3851a304{color:var(--plasma-textfield__label-color-readonly);}
29
29
 
30
- .TextField_styles_1b1mddp_iq39zt5__552d9a4a{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;}
31
- .TextField_styles_1b1mddp_i1j28rg8__552d9a4a{-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_1b1mddp_i1j28rg8__552d9a4a::-webkit-scrollbar{display:none;}.TextField_styles_1b1mddp_i1j28rg8__552d9a4a.TextField_styles_1b1mddp_hasChips__552d9a4a{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
32
- .TextField_styles_1b1mddp_s13zudoe__552d9a4a{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;}
33
- .TextField_styles_1b1mddp_io4bpie__552d9a4a{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
30
+ .TextField_styles_aqmut_iq39zt5__4a8fddcd{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;}
31
+ .TextField_styles_aqmut_i1j28rg8__4a8fddcd{-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_aqmut_i1j28rg8__4a8fddcd::-webkit-scrollbar{display:none;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd.TextField_styles_aqmut_hasChips__4a8fddcd{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
32
+ .TextField_styles_aqmut_s13zudoe__4a8fddcd{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;}
33
+ .TextField_styles_aqmut_io4bpie__4a8fddcd{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
34
+
35
+ .TextField_styles_aqmut_s19ry60d__4a8fddcd{margin:var(--plasma-textfield__left-content-margin);}
36
+ .TextField_styles_aqmut_sbt1ohz__4a8fddcd{margin:var(--plasma-textfield__right-content-margin);}
37
+
34
38
 
35
- .TextField_styles_1b1mddp_s19ry60d__552d9a4a{margin:var(--plasma-textfield__left-content-margin);}
36
- .TextField_styles_1b1mddp_sbt1ohz__552d9a4a{margin:var(--plasma-textfield__right-content-margin);}
37
39
 
38
40
 
39
41
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
@@ -8,25 +8,27 @@
8
8
 
9
9
  .Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
10
10
 
11
- .inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb{padding:var(--plasma-textfield-placement_inner__content-padding);}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus ~ .inner_gqlcj2_l13qvwoy__0d4c77cb,.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:placeholder-shown) ~ .inner_gqlcj2_l13qvwoy__0d4c77cb{height:auto;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);}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:focus)::-webkit-input-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:focus)::-moz-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:focus):-ms-input-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:not(:focus)::placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus::-webkit-input-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus::-moz-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus:-ms-input-placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_io4bpie__0d4c77cb:focus::placeholder{color:transparent;}.inner_gqlcj2_l8oinlg__0d4c77cb .inner_gqlcj2_l13qvwoy__0d4c77cb{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;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
11
+ .inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982{padding:var(--plasma-textfield-placement_inner__content-padding);}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_suk2zst__45003982,.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_s600610__45003982{padding:var(--plasma-textfield-placement_inner__content-padding);}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus ~ .inner_7c08qb_l13qvwoy__45003982,.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:placeholder-shown) ~ .inner_7c08qb_l13qvwoy__45003982{height:auto;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);}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:focus)::-webkit-input-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:focus)::-moz-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:focus):-ms-input-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:focus)::placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus::-webkit-input-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus::-moz-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus:-ms-input-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus::placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_l13qvwoy__45003982{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;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
12
12
 
13
13
  .outer_is41nj_la46t0i__fd2d2cf4 .outer_is41nj_l13qvwoy__fd2d2cf4{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}
14
14
 
15
- .base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_io4bpie__4e32753c{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_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_iq39zt5__4e32753c{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_iq39zt5__4e32753c.base_1khzr9t_hasChips__4e32753c{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_iq39zt5__4e32753c.base_1khzr9t_hasEmptyContentLeft__4e32753c{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_iq39zt5__4e32753c.base_1khzr9t_hasEmptyContentRight__4e32753c{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_l13qvwoy__4e32753c{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_1khzr9t_b13ve66i__4e32753c .base_1khzr9t_llv9av6__4e32753c{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);}
15
+ .base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_io4bpie__fa40a32e{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_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasChips__fa40a32e{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentLeft__fa40a32e{padding-left:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentRight__fa40a32e{padding-right:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_l13qvwoy__fa40a32e{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_ntoddv_b13ve66i__fa40a32e .base_ntoddv_llv9av6__fa40a32e{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_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e,.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{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_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e{margin:var(--plasma-textfield__before-text-margin);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{margin:var(--plasma-textfield__after-text-margin);}
16
16
 
17
- .base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_iq39zt5__3c6defb4{--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(--plasmas-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_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_iq39zt5__3c6defb4: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_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_iq39zt5__3c6defb4: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_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_io4bpie__3c6defb4{color:var(--plasma-textfield-color);}.base_1qd77x6_bptx5xt__3c6defb4 .base_1qd77x6_llv9av6__3c6defb4{color:var(--plasma-textfield__left-helper-color);}
17
+ .base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f{--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(--plasmas-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_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f: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_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f: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_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f{color:var(--plasma-textfield-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_llv9av6__71a2b28f{color:var(--plasma-textfield__left-helper-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_s600610__71a2b28f{color:var(--plasma-textfield__before-text-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_suk2zst__71a2b28f{color:var(--plasma-textfield__after-text-color);}
18
18
 
19
19
  .base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
20
20
 
21
21
  .base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_llv9av6__3851a304{color:var(--plasma-textfield__left-helper-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_l13qvwoy__3851a304{color:var(--plasma-textfield__label-color-readonly);}
22
22
 
23
- .TextField_styles_1b1mddp_iq39zt5__552d9a4a{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;}
24
- .TextField_styles_1b1mddp_i1j28rg8__552d9a4a{-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_1b1mddp_i1j28rg8__552d9a4a::-webkit-scrollbar{display:none;}.TextField_styles_1b1mddp_i1j28rg8__552d9a4a.TextField_styles_1b1mddp_hasChips__552d9a4a{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
25
- .TextField_styles_1b1mddp_s13zudoe__552d9a4a{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;}
26
- .TextField_styles_1b1mddp_io4bpie__552d9a4a{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
23
+ .TextField_styles_aqmut_iq39zt5__4a8fddcd{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;}
24
+ .TextField_styles_aqmut_i1j28rg8__4a8fddcd{-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_aqmut_i1j28rg8__4a8fddcd::-webkit-scrollbar{display:none;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd.TextField_styles_aqmut_hasChips__4a8fddcd{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
25
+ .TextField_styles_aqmut_s13zudoe__4a8fddcd{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;}
26
+ .TextField_styles_aqmut_io4bpie__4a8fddcd{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
27
+
28
+ .TextField_styles_aqmut_s19ry60d__4a8fddcd{margin:var(--plasma-textfield__left-content-margin);}
29
+ .TextField_styles_aqmut_sbt1ohz__4a8fddcd{margin:var(--plasma-textfield__right-content-margin);}
30
+
27
31
 
28
- .TextField_styles_1b1mddp_s19ry60d__552d9a4a{margin:var(--plasma-textfield__left-content-margin);}
29
- .TextField_styles_1b1mddp_sbt1ohz__552d9a4a{margin:var(--plasma-textfield__right-content-margin);}
30
32
 
31
33
 
32
34
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
@@ -14,7 +14,7 @@ var base$3 = require('./variations/_pilled/base.js');
14
14
  var base$2 = require('./variations/_disabled/base.js');
15
15
  var TabItem_styles = require('./TabItem.styles.js');
16
16
 
17
- var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex"];
17
+ var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className"];
18
18
  var tabItemRoot = function tabItemRoot(Root) {
19
19
  return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
20
20
  var size = props.size,
@@ -33,6 +33,7 @@ var tabItemRoot = function tabItemRoot(Root) {
33
33
  onIndexChange = props.onIndexChange,
34
34
  itemIndex = props.itemIndex,
35
35
  tabIndex = props.tabIndex,
36
+ className = props.className,
36
37
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
37
38
  var innerRef = React.useRef(null);
38
39
  var ref = plasmaCore.useForkRef(outerRef, innerRef);
@@ -54,10 +55,10 @@ var tabItemRoot = function tabItemRoot(Root) {
54
55
  };
55
56
  }, [refs]);
56
57
  var onItemFocus = React.useCallback(function (event) {
57
- if (!hasKeyNavigation) {
58
- event.target.scrollIntoView({
59
- block: 'center',
60
- inline: 'center',
58
+ if (!hasKeyNavigation && innerRef !== null && innerRef !== void 0 && innerRef.current) {
59
+ innerRef.current.scrollTo({
60
+ top: 0,
61
+ left: innerRef.current.offsetLeft,
61
62
  behavior: 'smooth'
62
63
  });
63
64
  return;
@@ -83,7 +84,7 @@ var tabItemRoot = function tabItemRoot(Root) {
83
84
  size: size,
84
85
  onFocus: onItemFocus,
85
86
  tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
86
- className: index.cx(pilledClass, selectedClass, animatedClass)
87
+ className: index.cx(pilledClass, selectedClass, animatedClass, className)
87
88
  }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && /*#__PURE__*/React.createElement(TabItem_styles.LeftContent, {
88
89
  className: tokens.classes.tabLeftContent
89
90
  }, contentLeft), /*#__PURE__*/React.createElement(TabItem_styles.StyledContent, {
@@ -1 +1 @@
1
- {"version":3,"file":"TabItem.js","sources":["../../../../../src/components/Tabs/ui/TabItem/TabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { ComponentConfig, RootProps } from '../../../../engines';\nimport { classes } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { TabsContext } from '../../TabsContext';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { TabItemProps } from './TabItem.types';\nimport { LeftContent, RightContent, StyledContent, base } from './TabItem.styles';\n\nexport const tabItemRoot = (Root: RootProps<HTMLDivElement, TabItemProps>) =>\n forwardRef<HTMLDivElement, TabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n isActive,\n selected,\n disabled = false,\n pilled = false,\n children,\n contentLeft,\n contentRight,\n animated = true,\n onIndexChange,\n itemIndex,\n tabIndex,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLDivElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const pilledAttr = view !== 'clear' && pilled;\n const animatedClass = animated ? classes.tabItemAnimated : undefined;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n const selectedClass = isActive || selected ? classes.selectedTabsItem : undefined;\n const hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;\n const navigationTabIndex = !disabled && refs?.current === itemIndex ? 0 : -1;\n\n useEffect(() => {\n if (!refs) {\n return;\n }\n\n refs.register(innerRef);\n\n return () => refs.unregister(innerRef);\n }, [refs]);\n\n const onItemFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (!hasKeyNavigation) {\n event.target.scrollIntoView({\n block: 'center',\n inline: 'center',\n behavior: 'smooth',\n });\n\n return;\n }\n\n if (disabled || !refs) {\n return;\n }\n\n const focusIndex = refs.items.findIndex((itemRef) => itemRef.current === event.target);\n\n if (focusIndex === refs.current) {\n return;\n }\n\n onIndexChange?.(focusIndex);\n refs.setCurrent(focusIndex);\n },\n [refs, innerRef, onIndexChange, disabled],\n );\n\n return (\n <Root\n ref={ref}\n disabled={disabled}\n pilled={pilled}\n role={role}\n view={view}\n size={size}\n onFocus={onItemFocus}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n className={cx(pilledClass, selectedClass, animatedClass)}\n {...rest}\n >\n <>\n {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {contentRight && <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>}\n </>\n </Root>\n );\n });\n\nexport const tabItemConfig: ComponentConfig = {\n name: 'TabItem',\n tag: 'button',\n layout: tabItemRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["tabItemRoot","Root","forwardRef","props","outerRef","size","view","isActive","selected","_props$disabled","disabled","_props$pilled","pilled","children","contentLeft","contentRight","_props$animated","animated","onIndexChange","itemIndex","tabIndex","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","pilledAttr","animatedClass","classes","tabItemAnimated","undefined","pilledClass","tabsPilled","selectedClass","selectedTabsItem","hasKeyNavigation","navigationTabIndex","current","useEffect","register","unregister","onItemFocus","useCallback","event","target","scrollIntoView","block","inline","behavior","focusIndex","items","findIndex","itemRef","setCurrent","React","createElement","_extends","onFocus","className","cx","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","RightContent","tabRightContent","tabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"TabItem.js","sources":["../../../../../src/components/Tabs/ui/TabItem/TabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { ComponentConfig, RootProps } from '../../../../engines';\nimport { classes } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { TabsContext } from '../../TabsContext';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { TabItemProps } from './TabItem.types';\nimport { LeftContent, RightContent, StyledContent, base } from './TabItem.styles';\n\nexport const tabItemRoot = (Root: RootProps<HTMLDivElement, TabItemProps>) =>\n forwardRef<HTMLDivElement, TabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n isActive,\n selected,\n disabled = false,\n pilled = false,\n children,\n contentLeft,\n contentRight,\n animated = true,\n onIndexChange,\n itemIndex,\n tabIndex,\n className,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLDivElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n const refs = useContext(TabsContext);\n\n const role = 'tab';\n\n const pilledAttr = view !== 'clear' && pilled;\n const animatedClass = animated ? classes.tabItemAnimated : undefined;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n const selectedClass = isActive || selected ? classes.selectedTabsItem : undefined;\n const hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;\n const navigationTabIndex = !disabled && refs?.current === itemIndex ? 0 : -1;\n\n useEffect(() => {\n if (!refs) {\n return;\n }\n\n refs.register(innerRef);\n\n return () => refs.unregister(innerRef);\n }, [refs]);\n\n const onItemFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (!hasKeyNavigation && innerRef?.current) {\n innerRef.current.scrollTo({\n top: 0,\n left: innerRef.current.offsetLeft,\n behavior: 'smooth',\n });\n\n return;\n }\n\n if (disabled || !refs) {\n return;\n }\n\n const focusIndex = refs.items.findIndex((itemRef) => itemRef.current === event.target);\n\n if (focusIndex === refs.current) {\n return;\n }\n\n onIndexChange?.(focusIndex);\n refs.setCurrent(focusIndex);\n },\n [refs, innerRef, onIndexChange, disabled],\n );\n\n return (\n <Root\n ref={ref}\n disabled={disabled}\n pilled={pilled}\n role={role}\n view={view}\n size={size}\n onFocus={onItemFocus}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n className={cx(pilledClass, selectedClass, animatedClass, className)}\n {...rest}\n >\n <>\n {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n <StyledContent className={classes.tabContent}>{children}</StyledContent>\n {contentRight && <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>}\n </>\n </Root>\n );\n });\n\nexport const tabItemConfig: ComponentConfig = {\n name: 'TabItem',\n tag: 'button',\n layout: tabItemRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["tabItemRoot","Root","forwardRef","props","outerRef","size","view","isActive","selected","_props$disabled","disabled","_props$pilled","pilled","children","contentLeft","contentRight","_props$animated","animated","onIndexChange","itemIndex","tabIndex","className","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","pilledAttr","animatedClass","classes","tabItemAnimated","undefined","pilledClass","tabsPilled","selectedClass","selectedTabsItem","hasKeyNavigation","navigationTabIndex","current","useEffect","register","unregister","onItemFocus","useCallback","event","scrollTo","top","left","offsetLeft","behavior","focusIndex","items","findIndex","itemRef","target","setCurrent","React","createElement","_extends","onFocus","cx","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","RightContent","tabRightContent","tabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}
@@ -10,7 +10,7 @@
10
10
 
11
11
  .base_176tz0n_be36ynn__f15737ac.base_176tz0n_tabsStretched__f15737ac{width:100%;}.base_176tz0n_be36ynn__f15737ac.base_176tz0n_tabsStretched__f15737ac .base_176tz0n_sh5e38r__f15737ac,.base_176tz0n_be36ynn__f15737ac.base_176tz0n_tabsStretched__f15737ac .base_176tz0n_s8qwlso__f15737ac,.base_176tz0n_be36ynn__f15737ac.base_176tz0n_tabsStretched__f15737ac .base_176tz0n_s8qwlso__f15737ac > button{width:100%;}
12
12
 
13
- .Tabs_styles_1mml8ws_bu8v92r__5ff7fed0{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;position:relative;}
14
- .Tabs_styles_1mml8ws_s8qwlso__5ff7fed0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
15
- .Tabs_styles_1mml8ws_sh5e38r__5ff7fed0{margin:-0.125rem;padding:0.25rem;overflow:scroll;position:relative;height:100%;width: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;overscroll-behavior:contain;}.Tabs_styles_1mml8ws_sh5e38r__5ff7fed0::-webkit-scrollbar{display:none;}
16
- .Tabs_styles_1mml8ws_s1ekwj92__5ff7fed0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1ekwj92-0);padding-right:var(--s1ekwj92-1);padding-left:var(--s1ekwj92-2);}.Tabs_styles_1mml8ws_s1ekwj92__5ff7fed0::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Tabs_styles_1mml8ws_s1ekwj92__5ff7fed0.Tabs_styles_1mml8ws_focusVisible__5ff7fed0:focus::before,.Tabs_styles_1mml8ws_s1ekwj92__5ff7fed0[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.Tabs_styles_1mml8ws_s1ekwj92__5ff7fed0[disabled]{cursor:not-allowed;}
13
+ .Tabs_styles_194je23_bu8v92r__2ffe5f71{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;position:relative;}
14
+ .Tabs_styles_194je23_s8qwlso__2ffe5f71{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
15
+ .Tabs_styles_194je23_sh5e38r__2ffe5f71{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;overflow:scroll;position:relative;height:100%;width: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;overscroll-behavior:contain;}.Tabs_styles_194je23_sh5e38r__2ffe5f71::-webkit-scrollbar{display:none;}
16
+ .Tabs_styles_194je23_s1ekwj92__2ffe5f71{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1ekwj92-0);padding-right:var(--s1ekwj92-1);padding-left:var(--s1ekwj92-2);}.Tabs_styles_194je23_s1ekwj92__2ffe5f71::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Tabs_styles_194je23_s1ekwj92__2ffe5f71.Tabs_styles_194je23_focusVisible__2ffe5f71:focus::before,.Tabs_styles_194je23_s1ekwj92__2ffe5f71[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.Tabs_styles_194je23_s1ekwj92__2ffe5f71[disabled]{cursor:not-allowed;}
@@ -18,7 +18,7 @@ var base$4 = require('./variations/_pilled/base.js');
18
18
  var base$3 = require('./variations/_stretch/base.js');
19
19
  var Tabs_styles = require('./Tabs.styles.js');
20
20
 
21
- var _excluded = ["id", "stretch", "disabled", "size", "view", "children", "pilled", "index"];
21
+ var _excluded = ["id", "stretch", "disabled", "size", "view", "children", "pilled", "index", "className"];
22
22
  var Keys = /*#__PURE__*/function (Keys) {
23
23
  Keys[Keys["end"] = 35] = "end";
24
24
  Keys[Keys["home"] = 36] = "home";
@@ -38,6 +38,7 @@ var tabsRoot = function tabsRoot(Root) {
38
38
  children = props.children,
39
39
  pilled = props.pilled,
40
40
  index$1 = props.index,
41
+ className = props.className,
41
42
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
42
43
  var _useState = React.useState(true),
43
44
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -145,7 +146,7 @@ var tabsRoot = function tabsRoot(Root) {
145
146
  id: tabsId,
146
147
  ref: outerRef,
147
148
  disabled: disabled,
148
- className: index.cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass),
149
+ className: index.cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className),
149
150
  onKeyDown: onKeyDown
150
151
  }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React.createElement(Tabs_styles.StyledContentWrapper, {
151
152
  ref: scrollRef,
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { animatedScrollToX, safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { classes, tokens } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { TabItemRefs, TabsContext } from '../../TabsContext';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { StyledArrow, StyledContent, StyledContentWrapper, base } from './Tabs.styles';\nimport type { TabsProps } from './Tabs.types';\n\nenum Keys {\n end = 35,\n home = 36,\n left = 37,\n right = 39,\n}\n\nexport const tabsRoot = (Root: RootProps<HTMLDivElement, TabsProps>) =>\n forwardRef<HTMLDivElement, TabsProps>((props, outerRef) => {\n const { id, stretch = false, disabled = false, size, view, children, pilled, index, ...rest } = props;\n\n const [firstItemVisible, setFirstItemVisible] = useState(true);\n const [lastItemVisible, setLastItemVisible] = useState(true);\n\n const refs = useMemo(() => new TabItemRefs(index), []);\n\n const uniqId = safeUseId();\n const tabsId = id || uniqId;\n\n const isFilled = view === 'filled'; // outer padding is only for filled view\n const pilledAttr = view !== 'clear' && pilled;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n\n const stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;\n const hasLeftArrowClass = !firstItemVisible ? classes.tabsHasLeftArrow : undefined;\n const hasRightArrowClass = !lastItemVisible ? classes.tabsHasRightArrow : undefined;\n\n const scrollRef = useRef<HTMLElement | null>(null);\n const trackRef = useRef<HTMLElement | null>(null);\n\n const onPrev = useCallback(() => {\n !disabled &&\n scrollRef.current &&\n animatedScrollToX(scrollRef.current, scrollRef.current.scrollLeft - scrollRef.current.offsetWidth / 2);\n }, [disabled, scrollRef]);\n\n const onNext = useCallback(() => {\n !disabled &&\n scrollRef.current &&\n animatedScrollToX(scrollRef.current, scrollRef.current.scrollLeft + scrollRef.current.offsetWidth / 2);\n }, [disabled, scrollRef]);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow\n type=\"button\"\n aria-label=\"Предыдущий таб\"\n onClick={onPrev}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n isFilled={isFilled}\n isLeftArrow\n >\n <IconDisclosureLeft color={`var(${tokens.arrowColor})`} />\n </StyledArrow>\n ),\n [onPrev, disabled, isFilled],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow\n type=\"button\"\n aria-label=\"Следующий таб\"\n onClick={onNext}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n isFilled={isFilled}\n >\n <IconDisclosureRight color={`var(${tokens.arrowColor})`} />\n </StyledArrow>\n ),\n [onNext, disabled, isFilled],\n );\n\n const handleScroll = useCallback(\n (event: React.UIEvent<HTMLElement>): void => {\n event.stopPropagation();\n const maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;\n\n setFirstItemVisible(event.currentTarget.scrollLeft <= 0);\n setLastItemVisible(event.currentTarget.scrollLeft >= maxScrollLeft);\n },\n [setFirstItemVisible, setLastItemVisible],\n );\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n if (index === undefined) {\n return;\n }\n\n const minIndex = 0;\n const maxIndex = refs.items.length - 1;\n let nextIndex: number;\n\n switch (event.keyCode) {\n case Keys.end:\n nextIndex = maxIndex;\n break;\n case Keys.left:\n nextIndex = index > minIndex ? index - 1 : index;\n break;\n case Keys.right:\n nextIndex = index < maxIndex ? index + 1 : index;\n break;\n case Keys.home:\n nextIndex = minIndex;\n break;\n default:\n return;\n }\n\n if (nextIndex !== index) {\n event.preventDefault();\n refs.items[nextIndex].current?.focus();\n refs.items[nextIndex].current?.scrollIntoView({\n block: 'center',\n inline: 'center',\n behavior: 'smooth',\n });\n }\n },\n [index],\n );\n\n useEffect(() => {\n setLastItemVisible(scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth);\n }, []);\n\n return (\n <TabsContext.Provider value={refs}>\n <Root\n view={view}\n role=\"tablist\"\n size={size}\n pilled={pilled}\n id={tabsId}\n ref={outerRef}\n disabled={disabled}\n className={cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass)}\n onKeyDown={onKeyDown}\n {...rest}\n >\n {!firstItemVisible && PreviousButton}\n <StyledContentWrapper\n ref={scrollRef as MutableRefObject<HTMLDivElement | null>}\n onScroll={handleScroll}\n >\n <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>\n {children}\n </StyledContent>\n </StyledContentWrapper>\n {!lastItemVisible && NextButton}\n </Root>\n </TabsContext.Provider>\n );\n });\n\nexport const tabsConfig = {\n name: 'Tabs',\n tag: 'div',\n layout: tabsRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n stretch: {\n css: stretchCSS,\n attrs: true,\n },\n pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n};\n"],"names":["Keys","tabsRoot","Root","forwardRef","props","outerRef","id","_props$stretch","stretch","_props$disabled","disabled","size","view","children","pilled","index","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","isFilled","pilledAttr","pilledClass","classes","tabsPilled","undefined","stretchClass","tabsStretch","hasLeftArrowClass","tabsHasLeftArrow","hasRightArrowClass","tabsHasRightArrow","scrollRef","useRef","trackRef","onPrev","useCallback","current","animatedScrollToX","scrollLeft","offsetWidth","onNext","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","isLeftArrow","IconDisclosureLeft","color","concat","tokens","arrowColor","NextButton","IconDisclosureRight","handleScroll","event","stopPropagation","maxScrollLeft","currentTarget","scrollWidth","clientWidth","onKeyDown","minIndex","maxIndex","items","length","nextIndex","keyCode","end","left","right","home","_refs$items$nextIndex","_refs$items$nextIndex2","preventDefault","focus","scrollIntoView","block","inline","behavior","useEffect","_scrollRef$current","_scrollRef$current2","TabsContext","Provider","value","_extends","role","ref","className","cx","StyledContentWrapper","onScroll","StyledContent","tabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","stretchCSS","pilledCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { animatedScrollToX, safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { classes, tokens } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { TabItemRefs, TabsContext } from '../../TabsContext';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { StyledArrow, StyledContent, StyledContentWrapper, base } from './Tabs.styles';\nimport type { TabsProps } from './Tabs.types';\n\nenum Keys {\n end = 35,\n home = 36,\n left = 37,\n right = 39,\n}\n\nexport const tabsRoot = (Root: RootProps<HTMLDivElement, TabsProps>) =>\n forwardRef<HTMLDivElement, TabsProps>((props, outerRef) => {\n const {\n id,\n stretch = false,\n disabled = false,\n size,\n view,\n children,\n pilled,\n index,\n className,\n ...rest\n } = props;\n\n const [firstItemVisible, setFirstItemVisible] = useState(true);\n const [lastItemVisible, setLastItemVisible] = useState(true);\n\n const refs = useMemo(() => new TabItemRefs(index), []);\n\n const uniqId = safeUseId();\n const tabsId = id || uniqId;\n\n const isFilled = view === 'filled'; // outer padding is only for filled view\n const pilledAttr = view !== 'clear' && pilled;\n const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n\n const stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;\n const hasLeftArrowClass = !firstItemVisible ? classes.tabsHasLeftArrow : undefined;\n const hasRightArrowClass = !lastItemVisible ? classes.tabsHasRightArrow : undefined;\n\n const scrollRef = useRef<HTMLElement | null>(null);\n const trackRef = useRef<HTMLElement | null>(null);\n\n const onPrev = useCallback(() => {\n !disabled &&\n scrollRef.current &&\n animatedScrollToX(scrollRef.current, scrollRef.current.scrollLeft - scrollRef.current.offsetWidth / 2);\n }, [disabled, scrollRef]);\n\n const onNext = useCallback(() => {\n !disabled &&\n scrollRef.current &&\n animatedScrollToX(scrollRef.current, scrollRef.current.scrollLeft + scrollRef.current.offsetWidth / 2);\n }, [disabled, scrollRef]);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow\n type=\"button\"\n aria-label=\"Предыдущий таб\"\n onClick={onPrev}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n isFilled={isFilled}\n isLeftArrow\n >\n <IconDisclosureLeft color={`var(${tokens.arrowColor})`} />\n </StyledArrow>\n ),\n [onPrev, disabled, isFilled],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow\n type=\"button\"\n aria-label=\"Следующий таб\"\n onClick={onNext}\n tabIndex={disabled ? -1 : 0}\n disabled={disabled}\n isFilled={isFilled}\n >\n <IconDisclosureRight color={`var(${tokens.arrowColor})`} />\n </StyledArrow>\n ),\n [onNext, disabled, isFilled],\n );\n\n const handleScroll = useCallback(\n (event: React.UIEvent<HTMLElement>): void => {\n event.stopPropagation();\n const maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;\n\n setFirstItemVisible(event.currentTarget.scrollLeft <= 0);\n setLastItemVisible(event.currentTarget.scrollLeft >= maxScrollLeft);\n },\n [setFirstItemVisible, setLastItemVisible],\n );\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n if (index === undefined) {\n return;\n }\n\n const minIndex = 0;\n const maxIndex = refs.items.length - 1;\n let nextIndex: number;\n\n switch (event.keyCode) {\n case Keys.end:\n nextIndex = maxIndex;\n break;\n case Keys.left:\n nextIndex = index > minIndex ? index - 1 : index;\n break;\n case Keys.right:\n nextIndex = index < maxIndex ? index + 1 : index;\n break;\n case Keys.home:\n nextIndex = minIndex;\n break;\n default:\n return;\n }\n\n if (nextIndex !== index) {\n event.preventDefault();\n refs.items[nextIndex].current?.focus();\n refs.items[nextIndex].current?.scrollIntoView({\n block: 'center',\n inline: 'center',\n behavior: 'smooth',\n });\n }\n },\n [index],\n );\n\n useEffect(() => {\n setLastItemVisible(scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth);\n }, []);\n\n return (\n <TabsContext.Provider value={refs}>\n <Root\n view={view}\n role=\"tablist\"\n size={size}\n pilled={pilled}\n id={tabsId}\n ref={outerRef}\n disabled={disabled}\n className={cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className)}\n onKeyDown={onKeyDown}\n {...rest}\n >\n {!firstItemVisible && PreviousButton}\n <StyledContentWrapper\n ref={scrollRef as MutableRefObject<HTMLDivElement | null>}\n onScroll={handleScroll}\n >\n <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>\n {children}\n </StyledContent>\n </StyledContentWrapper>\n {!lastItemVisible && NextButton}\n </Root>\n </TabsContext.Provider>\n );\n });\n\nexport const tabsConfig = {\n name: 'Tabs',\n tag: 'div',\n layout: tabsRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n stretch: {\n css: stretchCSS,\n attrs: true,\n },\n pilled: {\n css: pilledCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'xs',\n },\n};\n"],"names":["Keys","tabsRoot","Root","forwardRef","props","outerRef","id","_props$stretch","stretch","_props$disabled","disabled","size","view","children","pilled","index","className","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","isFilled","pilledAttr","pilledClass","classes","tabsPilled","undefined","stretchClass","tabsStretch","hasLeftArrowClass","tabsHasLeftArrow","hasRightArrowClass","tabsHasRightArrow","scrollRef","useRef","trackRef","onPrev","useCallback","current","animatedScrollToX","scrollLeft","offsetWidth","onNext","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","isLeftArrow","IconDisclosureLeft","color","concat","tokens","arrowColor","NextButton","IconDisclosureRight","handleScroll","event","stopPropagation","maxScrollLeft","currentTarget","scrollWidth","clientWidth","onKeyDown","minIndex","maxIndex","items","length","nextIndex","keyCode","end","left","right","home","_refs$items$nextIndex","_refs$items$nextIndex2","preventDefault","focus","scrollIntoView","block","inline","behavior","useEffect","_scrollRef$current","_scrollRef$current2","TabsContext","Provider","value","_extends","role","ref","cx","StyledContentWrapper","onScroll","StyledContent","tabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","stretchCSS","pilledCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAeuF,IAGlFA,IAAI,0BAAJA,IAAI,EAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,KAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAJA,IAAI,CAAA;AAAA,CAAA,CAAJA,IAAI,IAAA,EAAA,CAAA,CAAA;IAOIC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,gBAAU,CAA4B,UAACC,KAAK,EAAEC,QAAQ,EAAK;AACvD,IAAA,IACIC,EAAE,GAUFF,KAAK,CAVLE,EAAE;MAAAC,cAAA,GAUFH,KAAK,CATLI,OAAO;AAAPA,MAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;MAAAE,eAAA,GASfL,KAAK,CARLM,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAChBE,IAAI,GAOJP,KAAK,CAPLO,IAAI;MACJC,IAAI,GAMJR,KAAK,CANLQ,IAAI;MACJC,QAAQ,GAKRT,KAAK,CALLS,QAAQ;MACRC,MAAM,GAINV,KAAK,CAJLU,MAAM;MACNC,OAAK,GAGLX,KAAK,CAHLW,KAAK;MACLC,SAAS,GAETZ,KAAK,CAFLY,SAAS;AACNC,MAAAA,IAAI,GAAAC,iDAAA,CACPd,KAAK,EAAAe,SAAA,CAAA,CAAA;AAET,IAAA,IAAAC,SAAA,GAAgDC,cAAQ,CAAC,IAAI,CAAC;MAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,MAAAA,gBAAgB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,mBAAmB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAC5C,IAAA,IAAAI,UAAA,GAA8CL,cAAQ,CAAC,IAAI,CAAC;MAAAM,UAAA,GAAAJ,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAArDE,MAAAA,eAAe,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAE1C,IAAMG,IAAI,GAAGC,aAAO,CAAC,YAAA;AAAA,MAAA,OAAM,IAAIC,uBAAW,CAACjB,OAAK,CAAC,CAAA;AAAA,KAAA,EAAE,EAAE,CAAC,CAAA;AAEtD,IAAA,IAAMkB,MAAM,GAAGC,oBAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,MAAM,GAAG7B,EAAE,IAAI2B,MAAM,CAAA;AAE3B,IAAA,IAAMG,QAAQ,GAAGxB,IAAI,KAAK,QAAQ,CAAC;AACnC,IAAA,IAAMyB,UAAU,GAAGzB,IAAI,KAAK,OAAO,IAAIE,MAAM,CAAA;IAC7C,IAAMwB,WAAW,GAAGD,UAAU,GAAGE,cAAO,CAACC,UAAU,GAAGC,SAAS,CAAA;AAE/D,IAAA,IAAMC,YAAY,GAAGlB,gBAAgB,IAAII,eAAe,IAAIpB,OAAO,GAAG+B,cAAO,CAACI,WAAW,GAAGF,SAAS,CAAA;IACrG,IAAMG,iBAAiB,GAAG,CAACpB,gBAAgB,GAAGe,cAAO,CAACM,gBAAgB,GAAGJ,SAAS,CAAA;IAClF,IAAMK,kBAAkB,GAAG,CAAClB,eAAe,GAAGW,cAAO,CAACQ,iBAAiB,GAAGN,SAAS,CAAA;AAEnF,IAAA,IAAMO,SAAS,GAAGC,YAAM,CAAqB,IAAI,CAAC,CAAA;AAClD,IAAA,IAAMC,QAAQ,GAAGD,YAAM,CAAqB,IAAI,CAAC,CAAA;AAEjD,IAAA,IAAME,MAAM,GAAGC,iBAAW,CAAC,YAAM;MAC7B,CAAC1C,QAAQ,IACLsC,SAAS,CAACK,OAAO,IACjBC,4BAAiB,CAACN,SAAS,CAACK,OAAO,EAAEL,SAAS,CAACK,OAAO,CAACE,UAAU,GAAGP,SAAS,CAACK,OAAO,CAACG,WAAW,GAAG,CAAC,CAAC,CAAA;AAC9G,KAAC,EAAE,CAAC9C,QAAQ,EAAEsC,SAAS,CAAC,CAAC,CAAA;AAEzB,IAAA,IAAMS,MAAM,GAAGL,iBAAW,CAAC,YAAM;MAC7B,CAAC1C,QAAQ,IACLsC,SAAS,CAACK,OAAO,IACjBC,4BAAiB,CAACN,SAAS,CAACK,OAAO,EAAEL,SAAS,CAACK,OAAO,CAACE,UAAU,GAAGP,SAAS,CAACK,OAAO,CAACG,WAAW,GAAG,CAAC,CAAC,CAAA;AAC9G,KAAC,EAAE,CAAC9C,QAAQ,EAAEsC,SAAS,CAAC,CAAC,CAAA;IAEzB,IAAMU,cAAc,GAAG3B,aAAO,CAC1B,YAAA;AAAA,MAAA,oBACI4B,KAAA,CAAAC,aAAA,CAACC,uBAAW,EAAA;AACRC,QAAAA,IAAI,EAAC,QAAQ;AACb,QAAA,YAAA,EAAW,iFAAgB;AAC3BC,QAAAA,OAAO,EAAEZ,MAAO;AAChBa,QAAAA,QAAQ,EAAEtD,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;AAC5BA,QAAAA,QAAQ,EAAEA,QAAS;AACnB0B,QAAAA,QAAQ,EAAEA,QAAS;QACnB6B,WAAW,EAAA,IAAA;AAAA,OAAA,eAEXN,KAAA,CAAAC,aAAA,CAACM,qCAAkB,EAAA;AAACC,QAAAA,KAAK,EAAAC,MAAAA,CAAAA,MAAA,CAASC,aAAM,CAACC,UAAU,EAAA,GAAA,CAAA;AAAI,OAAE,CAChD,CAAC,CAAA;KACjB,EACD,CAACnB,MAAM,EAAEzC,QAAQ,EAAE0B,QAAQ,CAC/B,CAAC,CAAA;IAED,IAAMmC,UAAU,GAAGxC,aAAO,CACtB,YAAA;AAAA,MAAA,oBACI4B,KAAA,CAAAC,aAAA,CAACC,uBAAW,EAAA;AACRC,QAAAA,IAAI,EAAC,QAAQ;AACb,QAAA,YAAA,EAAW,2EAAe;AAC1BC,QAAAA,OAAO,EAAEN,MAAO;AAChBO,QAAAA,QAAQ,EAAEtD,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;AAC5BA,QAAAA,QAAQ,EAAEA,QAAS;AACnB0B,QAAAA,QAAQ,EAAEA,QAAAA;AAAS,OAAA,eAEnBuB,KAAA,CAAAC,aAAA,CAACY,uCAAmB,EAAA;AAACL,QAAAA,KAAK,EAAAC,MAAAA,CAAAA,MAAA,CAASC,aAAM,CAACC,UAAU,EAAA,GAAA,CAAA;AAAI,OAAE,CACjD,CAAC,CAAA;KACjB,EACD,CAACb,MAAM,EAAE/C,QAAQ,EAAE0B,QAAQ,CAC/B,CAAC,CAAA;AAED,IAAA,IAAMqC,YAAY,GAAGrB,iBAAW,CAC5B,UAACsB,KAAiC,EAAW;MACzCA,KAAK,CAACC,eAAe,EAAE,CAAA;AACvB,MAAA,IAAMC,aAAa,GAAGF,KAAK,CAACG,aAAa,CAACC,WAAW,GAAGJ,KAAK,CAACG,aAAa,CAACE,WAAW,CAAA;MAEvFtD,mBAAmB,CAACiD,KAAK,CAACG,aAAa,CAACtB,UAAU,IAAI,CAAC,CAAC,CAAA;MACxD1B,kBAAkB,CAAC6C,KAAK,CAACG,aAAa,CAACtB,UAAU,IAAIqB,aAAa,CAAC,CAAA;AACvE,KAAC,EACD,CAACnD,mBAAmB,EAAEI,kBAAkB,CAC5C,CAAC,CAAA;AAED,IAAA,IAAMmD,SAAS,GAAG5B,iBAAW,CACzB,UAACsB,KAAoC,EAAK;MACtC,IAAI3D,OAAK,KAAK0B,SAAS,EAAE;AACrB,QAAA,OAAA;AACJ,OAAA;MAEA,IAAMwC,QAAQ,GAAG,CAAC,CAAA;MAClB,IAAMC,QAAQ,GAAGpD,IAAI,CAACqD,KAAK,CAACC,MAAM,GAAG,CAAC,CAAA;AACtC,MAAA,IAAIC,SAAiB,CAAA;MAErB,QAAQX,KAAK,CAACY,OAAO;QACjB,KAAKtF,IAAI,CAACuF,GAAG;AACTF,UAAAA,SAAS,GAAGH,QAAQ,CAAA;AACpB,UAAA,MAAA;QACJ,KAAKlF,IAAI,CAACwF,IAAI;UACVH,SAAS,GAAGtE,OAAK,GAAGkE,QAAQ,GAAGlE,OAAK,GAAG,CAAC,GAAGA,OAAK,CAAA;AAChD,UAAA,MAAA;QACJ,KAAKf,IAAI,CAACyF,KAAK;UACXJ,SAAS,GAAGtE,OAAK,GAAGmE,QAAQ,GAAGnE,OAAK,GAAG,CAAC,GAAGA,OAAK,CAAA;AAChD,UAAA,MAAA;QACJ,KAAKf,IAAI,CAAC0F,IAAI;AACVL,UAAAA,SAAS,GAAGJ,QAAQ,CAAA;AACpB,UAAA,MAAA;AACJ,QAAA;AACI,UAAA,OAAA;AACR,OAAA;MAEA,IAAII,SAAS,KAAKtE,OAAK,EAAE;QAAA,IAAA4E,qBAAA,EAAAC,sBAAA,CAAA;QACrBlB,KAAK,CAACmB,cAAc,EAAE,CAAA;AACtB,QAAA,CAAAF,qBAAA,GAAA7D,IAAI,CAACqD,KAAK,CAACE,SAAS,CAAC,CAAChC,OAAO,cAAAsC,qBAAA,KAAA,KAAA,CAAA,IAA7BA,qBAAA,CAA+BG,KAAK,EAAE,CAAA;AACtC,QAAA,CAAAF,sBAAA,GAAA9D,IAAI,CAACqD,KAAK,CAACE,SAAS,CAAC,CAAChC,OAAO,cAAAuC,sBAAA,KAAA,KAAA,CAAA,IAA7BA,sBAAA,CAA+BG,cAAc,CAAC;AAC1CC,UAAAA,KAAK,EAAE,QAAQ;AACfC,UAAAA,MAAM,EAAE,QAAQ;AAChBC,UAAAA,QAAQ,EAAE,QAAA;AACd,SAAC,CAAC,CAAA;AACN,OAAA;AACJ,KAAC,EACD,CAACnF,OAAK,CACV,CAAC,CAAA;AAEDoF,IAAAA,eAAS,CAAC,YAAM;MAAA,IAAAC,kBAAA,EAAAC,mBAAA,CAAA;MACZxE,kBAAkB,CAAC,CAAAuE,CAAAA,kBAAA,GAAApD,SAAS,CAACK,OAAO,MAAA,IAAA,IAAA+C,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,kBAAA,CAAmBtB,WAAW,OAAAuB,CAAAA,mBAAA,GAAKrD,SAAS,CAACK,OAAO,MAAAgD,IAAAA,IAAAA,mBAAA,KAAjBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAmBtB,WAAW,CAAC,CAAA,CAAA;KACxF,EAAE,EAAE,CAAC,CAAA;AAEN,IAAA,oBACIpB,KAAA,CAAAC,aAAA,CAAC0C,uBAAW,CAACC,QAAQ,EAAA;AAACC,MAAAA,KAAK,EAAE1E,IAAAA;AAAK,KAAA,eAC9B6B,KAAA,CAAAC,aAAA,CAAC1D,IAAI,EAAAuG,iCAAA,CAAA;AACD7F,MAAAA,IAAI,EAAEA,IAAK;AACX8F,MAAAA,IAAI,EAAC,SAAS;AACd/F,MAAAA,IAAI,EAAEA,IAAK;AACXG,MAAAA,MAAM,EAAEA,MAAO;AACfR,MAAAA,EAAE,EAAE6B,MAAO;AACXwE,MAAAA,GAAG,EAAEtG,QAAS;AACdK,MAAAA,QAAQ,EAAEA,QAAS;AACnBM,MAAAA,SAAS,EAAE4F,QAAE,CAACtE,WAAW,EAAEI,YAAY,EAAEE,iBAAiB,EAAEE,kBAAkB,EAAE9B,SAAS,CAAE;AAC3FgE,MAAAA,SAAS,EAAEA,SAAAA;KACP/D,EAAAA,IAAI,CAEP,EAAA,CAACO,gBAAgB,IAAIkC,cAAc,eACpCC,KAAA,CAAAC,aAAA,CAACiD,gCAAoB,EAAA;AACjBF,MAAAA,GAAG,EAAE3D,SAAqD;AAC1D8D,MAAAA,QAAQ,EAAErC,YAAAA;AAAa,KAAA,eAEvBd,KAAA,CAAAC,aAAA,CAACmD,yBAAa,EAAA;AAACJ,MAAAA,GAAG,EAAEzD,QAAAA;KACfrC,EAAAA,QACU,CACG,CAAC,EACtB,CAACe,eAAe,IAAI2C,UACnB,CACY,CAAC,CAAA;AAE/B,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMyC,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAElH,QAAQ;AAChBmH,EAAAA,IAAI,EAAJA,gBAAI;AACJC,EAAAA,UAAU,EAAE;AACR1G,IAAAA,IAAI,EAAE;AACF2G,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD3G,IAAAA,IAAI,EAAE;AACF0G,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACD9G,IAAAA,QAAQ,EAAE;AACN4G,MAAAA,GAAG,EAAEG,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDlH,IAAAA,OAAO,EAAE;AACL8G,MAAAA,GAAG,EAAEK,WAAU;AACfD,MAAAA,KAAK,EAAE,IAAA;KACV;AACD5G,IAAAA,MAAM,EAAE;AACJwG,MAAAA,GAAG,EAAEM,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNjH,IAAAA,IAAI,EAAE,OAAO;AACbD,IAAAA,IAAI,EAAE,IAAA;AACV,GAAA;AACJ;;;;;"}
@@ -1,4 +1,4 @@
1
- import './Tabs.styles_1mml8ws.css';
1
+ import './Tabs.styles_194je23.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.styles.js","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../tokens';\n\nexport const base = css`\n display: flex;\n align-items: center;\n position: relative;\n`;\n\nexport const StyledContent = styled.div`\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n`;\n\nexport const StyledContentWrapper = styled.div`\n /* allows correctly display outline focus on tabs item */\n margin: -0.125rem;\n padding: 0.25rem;\n\n overflow: scroll;\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n overscroll-behavior: contain;\n`;\n\nexport const StyledArrow = styled.button<{ isLeftArrow?: boolean; isFilled?: boolean }>`\n display: flex;\n cursor: pointer;\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)',\n })};\n\n &[disabled] {\n cursor: not-allowed;\n }\n\n --plasma_private-outer-padding: ${({ isFilled }) => (isFilled ? `var(${tokens.arrowOuterPadding})` : '')};\n\n padding-right: ${({ isLeftArrow }) =>\n isLeftArrow ? `var(${tokens.arrowInnerPadding})` : 'var(--plasma_private-outer-padding)'};\n padding-left: ${({ isLeftArrow }) =>\n isLeftArrow ? 'var(--plasma_private-outer-padding)' : `var(${tokens.arrowInnerPadding})`};\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledContentWrapper","_exp2","_ref","isFilled","concat","tokens","arrowOuterPadding","_exp3","_ref2","isLeftArrow","arrowInnerPadding","_exp4","_ref3","StyledArrow","vars"],"mappings":";;;;;;;AAMO,IAAMA,IAAI,GAIhB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,oBAAoB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBzC,EAAA;AAAC,IAAAE,KAAA,GAlCgBA,SAkChBA,KAAAA,GAAA;AAAA,EAAA,OAqBoC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA;IAAAA,OAAgBA,QAAQ,UAAAC,MAAA,CAAUC,aAAM,CAACC,iBAAkB,SAAK,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAvD1FA,SAuD0FA,KAAAA,GAAA;AAAA,EAAA,OAEvF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAChBA,WAAW,UAAAL,MAAA,CAAUC,aAAM,CAACK,iBAAkB,SAAK,qCAAqC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA1D9EA,SA0D8EA,KAAAA,GAAA;AAAA,EAAA,OAC5E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGH,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OACfA,WAAW,GAAG,qCAAqC,GAAA,MAAA,CAAAL,MAAA,CAAUC,aAAM,CAACK,iBAAkB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAxBzF,IAAMG,WAAW,gBAAGjB,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAmBKb,KAAsE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEvFM,KAC2E,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC5EI,KAC4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAC/F;;;;;;;"}
1
+ {"version":3,"file":"Tabs.styles.js","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../tokens';\n\nexport const base = css`\n display: flex;\n align-items: center;\n position: relative;\n`;\n\nexport const StyledContent = styled.div`\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n`;\n\nexport const StyledContentWrapper = styled.div`\n /* allows correctly display outline focus on tabs item */\n margin: -0.125rem;\n padding: 0.25rem;\n\n box-sizing: content-box;\n overflow: scroll;\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n overscroll-behavior: contain;\n`;\n\nexport const StyledArrow = styled.button<{ isLeftArrow?: boolean; isFilled?: boolean }>`\n display: flex;\n cursor: pointer;\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.outlineFocusColor})`,\n outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)',\n })};\n\n &[disabled] {\n cursor: not-allowed;\n }\n\n --plasma_private-outer-padding: ${({ isFilled }) => (isFilled ? `var(${tokens.arrowOuterPadding})` : '')};\n\n padding-right: ${({ isLeftArrow }) =>\n isLeftArrow ? `var(${tokens.arrowInnerPadding})` : 'var(--plasma_private-outer-padding)'};\n padding-left: ${({ isLeftArrow }) =>\n isLeftArrow ? 'var(--plasma_private-outer-padding)' : `var(${tokens.arrowInnerPadding})`};\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledContentWrapper","_exp2","_ref","isFilled","concat","tokens","arrowOuterPadding","_exp3","_ref2","isLeftArrow","arrowInnerPadding","_exp4","_ref3","StyledArrow","vars"],"mappings":";;;;;;;AAMO,IAAMA,IAAI,GAIhB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,oBAAoB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBzC,EAAA;AAAC,IAAAE,KAAA,GAnCgBA,SAmChBA,KAAAA,GAAA;AAAA,EAAA,OAqBoC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA;IAAAA,OAAgBA,QAAQ,UAAAC,MAAA,CAAUC,aAAM,CAACC,iBAAkB,SAAK,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAxD1FA,SAwD0FA,KAAAA,GAAA;AAAA,EAAA,OAEvF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAChBA,WAAW,UAAAL,MAAA,CAAUC,aAAM,CAACK,iBAAkB,SAAK,qCAAqC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA3D9EA,SA2D8EA,KAAAA,GAAA;AAAA,EAAA,OAC5E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGH,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OACfA,WAAW,GAAG,qCAAqC,GAAA,MAAA,CAAAL,MAAA,CAAUC,aAAM,CAACK,iBAAkB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAxBzF,IAAMG,WAAW,gBAAGjB,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAmBKb,KAAsE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEvFM,KAC2E,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC5EI,KAC4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAC/F;;;;;;;"}
@@ -1,4 +1,4 @@
1
1
  .bu8v92r{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;position:relative;}
2
2
  .s8qwlso{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
3
- .sh5e38r{margin:-0.125rem;padding:0.25rem;overflow:scroll;position:relative;height:100%;width: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;overscroll-behavior:contain;}.sh5e38r::-webkit-scrollbar{display:none;}
3
+ .sh5e38r{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;overflow:scroll;position:relative;height:100%;width: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;overscroll-behavior:contain;}.sh5e38r::-webkit-scrollbar{display:none;}
4
4
  .s1ekwj92{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1ekwj92-0);padding-right:var(--s1ekwj92-1);padding-left:var(--s1ekwj92-2);}.s1ekwj92::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1ekwj92.focus-visible:focus::before,.s1ekwj92[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.s1ekwj92[disabled]{cursor:not-allowed;}
@@ -17,7 +17,7 @@ var TextField_tokens = require('./TextField.tokens.js');
17
17
  var TextFieldChip = require('./ui/TextFieldChip/TextFieldChip.js');
18
18
  var useKeyNavigation = require('./hooks/useKeyNavigation.js');
19
19
 
20
- var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
20
+ var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
21
21
  var base = "bpunezx";
22
22
  var textFieldRoot = function textFieldRoot(Root) {
23
23
  return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -28,6 +28,8 @@ var textFieldRoot = function textFieldRoot(Root) {
28
28
  contentRight = _ref.contentRight,
29
29
  label = _ref.label,
30
30
  labelPlacement = _ref.labelPlacement,
31
+ textBefore = _ref.textBefore,
32
+ textAfter = _ref.textAfter,
31
33
  placeholder = _ref.placeholder,
32
34
  leftHelper = _ref.leftHelper,
33
35
  _ref$enumerationType = _ref.enumerationType,
@@ -108,14 +110,12 @@ var textFieldRoot = function textFieldRoot(Root) {
108
110
  if (readOnly || disabled || !(inputRef !== null && inputRef !== void 0 && inputRef.current)) {
109
111
  return;
110
112
  }
111
- inputRef.current.scrollIntoView({
112
- behavior: 'smooth',
113
- block: 'center',
114
- inline: 'center'
115
- });
116
- inputRef.current.focus({
117
- preventScroll: true
113
+ inputRef.current.scrollTo({
114
+ top: 0,
115
+ left: inputRef.current.offsetLeft,
116
+ behavior: 'smooth'
118
117
  });
118
+ inputRef.current.focus();
119
119
  };
120
120
  var getRef = function getRef(element, index) {
121
121
  if (element && chipsRefs !== null && chipsRefs !== void 0 && chipsRefs.current) {
@@ -157,7 +157,7 @@ var textFieldRoot = function textFieldRoot(Root) {
157
157
  ref: contentRef,
158
158
  onKeyDown: handleContentKeyDown,
159
159
  className: withHasChips
160
- }, isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/React.createElement(TextField_styles.StyledChips, null, chips === null || chips === void 0 ? void 0 : chips.map(function (_ref2, index) {
160
+ }, textBefore && /*#__PURE__*/React.createElement(TextField_styles.StyledTextBefore, null, textBefore), isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length) && /*#__PURE__*/React.createElement(TextField_styles.StyledChips, null, chips === null || chips === void 0 ? void 0 : chips.map(function (_ref2, index) {
161
161
  var chipId = _ref2.id,
162
162
  text = _ref2.text;
163
163
  return /*#__PURE__*/React.createElement(TextFieldChip.TextFieldChip, {
@@ -191,7 +191,7 @@ var textFieldRoot = function textFieldRoot(Root) {
191
191
  })), labelInside && /*#__PURE__*/React.createElement(TextField_styles.Label, {
192
192
  id: labelId,
193
193
  htmlFor: innerId
194
- }, innerLabelValue)), contentRight && /*#__PURE__*/React.createElement(TextField_styles.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(TextField_styles.LeftHelper, {
194
+ }, innerLabelValue), textAfter && /*#__PURE__*/React.createElement(TextField_styles.StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/React.createElement(TextField_styles.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(TextField_styles.LeftHelper, {
195
195
  id: helperTextId
196
196
  }, leftHelper));
197
197
  });