@salutejs/plasma-web 1.620.1-next-sbcom.0 → 1.621.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (572) hide show
  1. package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js +22 -34
  2. package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  3. package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
  4. package/dist/css/cjs/components/Combobox/Combobox.js +1 -1
  5. package/dist/css/cjs/components/Combobox/Combobox.js.map +1 -1
  6. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +45 -0
  7. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -0
  8. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config_3oesbw.css +13 -0
  9. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +14 -0
  10. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.js +11 -2
  11. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.js.map +1 -1
  12. package/dist/css/cjs/components/Progress/Progress.config.js +22 -7
  13. package/dist/css/cjs/components/Progress/Progress.config.js.map +1 -1
  14. package/dist/css/cjs/components/Progress/Progress.config_1o154pe.css +18 -0
  15. package/dist/css/cjs/components/Progress/Progress.css +18 -9
  16. package/dist/css/cjs/components/TextField/TextField.js.map +1 -1
  17. package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.clear.config.js +1 -1
  18. package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.clear.config.js.map +1 -1
  19. package/dist/css/{es/components/TextFieldSlider/TextFieldSlider.clear.config_zv02pe.css → cjs/components/TextFieldSlider/TextFieldSlider.clear.config_pciexy.css} +12 -12
  20. package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.config.js +1 -1
  21. package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.config.js.map +1 -1
  22. package/dist/css/cjs/components/TextFieldSlider/{TextFieldSlider.config_1bcw19f.css → TextFieldSlider.config_tq8inf.css} +12 -12
  23. package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.css +34 -34
  24. package/dist/css/cjs/components/Typography/Typography.js +18 -18
  25. package/dist/css/cjs/components/Typography/Typography.js.map +1 -1
  26. package/dist/css/cjs/index.css +67 -44
  27. package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js +22 -34
  28. package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  29. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  30. package/dist/css/es/components/Combobox/Combobox.js +2 -2
  31. package/dist/css/es/components/Combobox/Combobox.js.map +1 -1
  32. package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js +41 -0
  33. package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -0
  34. package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config_3oesbw.css +13 -0
  35. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +14 -0
  36. package/dist/css/es/components/DateTimePicker/DateTimePicker.js +11 -4
  37. package/dist/css/es/components/DateTimePicker/DateTimePicker.js.map +1 -1
  38. package/dist/css/es/components/Progress/Progress.config.js +22 -7
  39. package/dist/css/es/components/Progress/Progress.config.js.map +1 -1
  40. package/dist/css/es/components/Progress/Progress.config_1o154pe.css +18 -0
  41. package/dist/css/es/components/Progress/Progress.css +18 -9
  42. package/dist/css/es/components/TextField/TextField.js.map +1 -1
  43. package/dist/css/es/components/TextFieldSlider/TextFieldSlider.clear.config.js +1 -1
  44. package/dist/css/es/components/TextFieldSlider/TextFieldSlider.clear.config.js.map +1 -1
  45. package/dist/css/{cjs/components/TextFieldSlider/TextFieldSlider.clear.config_zv02pe.css → es/components/TextFieldSlider/TextFieldSlider.clear.config_pciexy.css} +12 -12
  46. package/dist/css/es/components/TextFieldSlider/TextFieldSlider.config.js +1 -1
  47. package/dist/css/es/components/TextFieldSlider/TextFieldSlider.config.js.map +1 -1
  48. package/dist/css/es/components/TextFieldSlider/{TextFieldSlider.config_1bcw19f.css → TextFieldSlider.config_tq8inf.css} +12 -12
  49. package/dist/css/es/components/TextFieldSlider/TextFieldSlider.css +34 -34
  50. package/dist/css/es/components/Typography/Typography.js +18 -18
  51. package/dist/css/es/components/Typography/Typography.js.map +1 -1
  52. package/dist/css/es/index.css +67 -44
  53. package/dist/styled-components/cjs/components/Accordion/Accordion.config.js +243 -367
  54. package/dist/styled-components/cjs/components/Accordion/Accordion.js +5 -5
  55. package/dist/styled-components/cjs/components/Accordion/index.js +2 -2
  56. package/dist/styled-components/cjs/components/Attach/Attach.config.js +795 -834
  57. package/dist/styled-components/cjs/components/Attach/Attach.js +4 -4
  58. package/dist/styled-components/cjs/components/Attach/index.js +1 -1
  59. package/dist/styled-components/cjs/components/AudioPlayer/index.js +1 -1
  60. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +570 -613
  61. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.js +10 -61
  62. package/dist/styled-components/cjs/components/Autocomplete/index.js +1 -1
  63. package/dist/styled-components/cjs/components/Avatar/Avatar.config.js +296 -460
  64. package/dist/styled-components/cjs/components/Avatar/Avatar.js +4 -4
  65. package/dist/styled-components/cjs/components/Avatar/index.js +1 -1
  66. package/dist/styled-components/cjs/components/AvatarGroup/AvatarGroup.js +3 -3
  67. package/dist/styled-components/cjs/components/AvatarGroup/index.js +1 -1
  68. package/dist/styled-components/cjs/components/Badge/Badge.config.js +157 -260
  69. package/dist/styled-components/cjs/components/Badge/Badge.js +4 -4
  70. package/dist/styled-components/cjs/components/Badge/Badge.perftest.js +9 -36
  71. package/dist/styled-components/cjs/components/Badge/index.js +1 -1
  72. package/dist/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.config.js +49 -95
  73. package/dist/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js +5 -5
  74. package/dist/styled-components/cjs/components/Breadcrumbs/index.js +1 -1
  75. package/dist/styled-components/cjs/components/Button/Button.config.js +247 -435
  76. package/dist/styled-components/cjs/components/Button/Button.js +6 -6
  77. package/dist/styled-components/cjs/components/Button/Button.perftest.js +18 -44
  78. package/dist/styled-components/cjs/components/Button/index.js +1 -1
  79. package/dist/styled-components/cjs/components/ButtonBase/index.js +1 -1
  80. package/dist/styled-components/cjs/components/ButtonGroup/ButtonGroup.config.js +238 -464
  81. package/dist/styled-components/cjs/components/ButtonGroup/ButtonGroup.js +4 -4
  82. package/dist/styled-components/cjs/components/ButtonGroup/index.js +1 -1
  83. package/dist/styled-components/cjs/components/Calendar/Calendar.config.js +431 -431
  84. package/dist/styled-components/cjs/components/Calendar/Calendar.js +10 -10
  85. package/dist/styled-components/cjs/components/Calendar/Calendar.perftest.js +28 -49
  86. package/dist/styled-components/cjs/components/Calendar/CalendarDouble.config.js +432 -432
  87. package/dist/styled-components/cjs/components/Calendar/index.js +1 -1
  88. package/dist/styled-components/cjs/components/Card/Card.config.js +23 -65
  89. package/dist/styled-components/cjs/components/Card/Card.js +5 -5
  90. package/dist/styled-components/cjs/components/Card/index.js +1 -1
  91. package/dist/styled-components/cjs/components/Carousel/Carousel.config.js +15 -41
  92. package/dist/styled-components/cjs/components/Carousel/Carousel.js +16 -42
  93. package/dist/styled-components/cjs/components/Carousel/Legacy/Carousel.examples.js +11 -56
  94. package/dist/styled-components/cjs/components/Carousel/Legacy/Carousel.js +4 -4
  95. package/dist/styled-components/cjs/components/Carousel/index.js +2 -2
  96. package/dist/styled-components/cjs/components/Cell/Cell.config.js +137 -167
  97. package/dist/styled-components/cjs/components/Cell/Cell.js +5 -5
  98. package/dist/styled-components/cjs/components/Cell/index.js +2 -2
  99. package/dist/styled-components/cjs/components/Checkbox/Checkbox.config.js +147 -269
  100. package/dist/styled-components/cjs/components/Checkbox/Checkbox.js +5 -5
  101. package/dist/styled-components/cjs/components/Checkbox/Checkbox.perftest.js +9 -36
  102. package/dist/styled-components/cjs/components/Checkbox/index.js +1 -1
  103. package/dist/styled-components/cjs/components/Chip/Chip.config.js +223 -344
  104. package/dist/styled-components/cjs/components/Chip/Chip.js +5 -5
  105. package/dist/styled-components/cjs/components/Chip/index.js +1 -1
  106. package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.config.js +116 -190
  107. package/dist/styled-components/cjs/components/ChipGroup/ChipGroup.js +4 -4
  108. package/dist/styled-components/cjs/components/ChipGroup/index.js +1 -1
  109. package/dist/styled-components/cjs/components/CodeField/CodeField.config.js +78 -125
  110. package/dist/styled-components/cjs/components/CodeField/CodeField.js +4 -4
  111. package/dist/styled-components/cjs/components/CodeField/index.js +2 -2
  112. package/dist/styled-components/cjs/components/CodeInput/CodeInput.config.js +130 -149
  113. package/dist/styled-components/cjs/components/CodeInput/CodeInput.js +5 -5
  114. package/dist/styled-components/cjs/components/CodeInput/index.js +1 -1
  115. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +800 -815
  116. package/dist/styled-components/cjs/components/Combobox/Combobox.js +11 -38
  117. package/dist/styled-components/cjs/components/Combobox/index.js +1 -1
  118. package/dist/styled-components/cjs/components/Counter/Counter.config.js +89 -203
  119. package/dist/styled-components/cjs/components/Counter/Counter.js +4 -4
  120. package/dist/styled-components/cjs/components/Counter/index.js +2 -2
  121. package/dist/styled-components/cjs/components/DatePicker/DatePicker.clear.config.js +1114 -1030
  122. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +1099 -1018
  123. package/dist/styled-components/cjs/components/DatePicker/DatePicker.js +13 -13
  124. package/dist/styled-components/cjs/components/DatePicker/index.js +2 -2
  125. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +1051 -0
  126. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +1011 -953
  127. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.js +25 -7
  128. package/dist/styled-components/cjs/components/DateTimePicker/index.js +2 -2
  129. package/dist/styled-components/cjs/components/Divider/Divider.config.js +23 -89
  130. package/dist/styled-components/cjs/components/Divider/Divider.js +4 -4
  131. package/dist/styled-components/cjs/components/Divider/index.js +2 -2
  132. package/dist/styled-components/cjs/components/Drawer/Drawer.config.js +18 -60
  133. package/dist/styled-components/cjs/components/Drawer/Drawer.js +10 -10
  134. package/dist/styled-components/cjs/components/Drawer/index.js +1 -1
  135. package/dist/styled-components/cjs/components/Dropdown/Dropdown.config.js +191 -229
  136. package/dist/styled-components/cjs/components/Dropdown/Dropdown.js +11 -38
  137. package/dist/styled-components/cjs/components/Dropdown/index.js +1 -1
  138. package/dist/styled-components/cjs/components/Dropzone/Dropzone.config.js +36 -68
  139. package/dist/styled-components/cjs/components/Dropzone/Dropzone.js +4 -4
  140. package/dist/styled-components/cjs/components/Dropzone/index.js +2 -2
  141. package/dist/styled-components/cjs/components/Editable/Editable.config.js +14 -40
  142. package/dist/styled-components/cjs/components/Editable/Editable.js +7 -7
  143. package/dist/styled-components/cjs/components/Editable/index.js +1 -1
  144. package/dist/styled-components/cjs/components/ElasticGrid/ElasticGrid.perftest.js +14 -19
  145. package/dist/styled-components/cjs/components/ElasticGrid/index.js +1 -1
  146. package/dist/styled-components/cjs/components/EmbedIconButton/EmbedIconButton.config.js +102 -212
  147. package/dist/styled-components/cjs/components/EmbedIconButton/EmbedIconButton.js +5 -5
  148. package/dist/styled-components/cjs/components/EmbedIconButton/index.js +1 -1
  149. package/dist/styled-components/cjs/components/EmptyState/EmptyState.config.js +58 -100
  150. package/dist/styled-components/cjs/components/EmptyState/EmptyState.js +4 -4
  151. package/dist/styled-components/cjs/components/EmptyState/index.js +1 -1
  152. package/dist/styled-components/cjs/components/File/File.config.js +205 -233
  153. package/dist/styled-components/cjs/components/File/File.js +4 -4
  154. package/dist/styled-components/cjs/components/File/index.js +2 -2
  155. package/dist/styled-components/cjs/components/Flow/Flow.js +3 -3
  156. package/dist/styled-components/cjs/components/Flow/index.js +1 -1
  157. package/dist/styled-components/cjs/components/Grid/Grid.config.js +70 -88
  158. package/dist/styled-components/cjs/components/Grid/Grid.js +4 -4
  159. package/dist/styled-components/cjs/components/Grid/index.js +1 -1
  160. package/dist/styled-components/cjs/components/IconButton/IconButton.config.js +153 -304
  161. package/dist/styled-components/cjs/components/IconButton/IconButton.js +5 -5
  162. package/dist/styled-components/cjs/components/IconButton/index.js +1 -1
  163. package/dist/styled-components/cjs/components/Image/Image.js +4 -4
  164. package/dist/styled-components/cjs/components/Image/index.js +1 -1
  165. package/dist/styled-components/cjs/components/Indicator/Indicator.config.js +35 -133
  166. package/dist/styled-components/cjs/components/Indicator/Indicator.js +4 -4
  167. package/dist/styled-components/cjs/components/Indicator/index.js +1 -1
  168. package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.config.js +291 -361
  169. package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.js +4 -4
  170. package/dist/styled-components/cjs/components/InformationWrapper/index.js +2 -2
  171. package/dist/styled-components/cjs/components/Link/Link.config.js +118 -224
  172. package/dist/styled-components/cjs/components/Link/Link.js +5 -5
  173. package/dist/styled-components/cjs/components/Link/index.js +1 -1
  174. package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +184 -286
  175. package/dist/styled-components/cjs/components/LinkButton/LinkButton.js +4 -4
  176. package/dist/styled-components/cjs/components/LinkButton/index.js +1 -1
  177. package/dist/styled-components/cjs/components/List/List.config.js +98 -160
  178. package/dist/styled-components/cjs/components/List/List.js +5 -5
  179. package/dist/styled-components/cjs/components/List/index.js +2 -2
  180. package/dist/styled-components/cjs/components/Loader/Loader.config.js +191 -285
  181. package/dist/styled-components/cjs/components/Loader/Loader.js +4 -4
  182. package/dist/styled-components/cjs/components/Loader/index.js +1 -1
  183. package/dist/styled-components/cjs/components/Mask/Mask.js +3 -3
  184. package/dist/styled-components/cjs/components/Mask/index.js +1 -1
  185. package/dist/styled-components/cjs/components/Modal/Modal.perftest.js +12 -8
  186. package/dist/styled-components/cjs/components/Modal/index.js +1 -1
  187. package/dist/styled-components/cjs/components/ModalBase/Modal.config.js +15 -33
  188. package/dist/styled-components/cjs/components/ModalBase/ModalBase.js +5 -5
  189. package/dist/styled-components/cjs/components/ModalBase/index.js +2 -2
  190. package/dist/styled-components/cjs/components/NavigationDrawer/NavigationDrawer.config.js +71 -100
  191. package/dist/styled-components/cjs/components/NavigationDrawer/NavigationDrawer.js +4 -4
  192. package/dist/styled-components/cjs/components/NavigationDrawer/index.js +1 -1
  193. package/dist/styled-components/cjs/components/Note/Note.config.js +163 -229
  194. package/dist/styled-components/cjs/components/Note/Note.js +4 -4
  195. package/dist/styled-components/cjs/components/Note/index.js +2 -2
  196. package/dist/styled-components/cjs/components/Notification/Notification.config.js +312 -341
  197. package/dist/styled-components/cjs/components/Notification/Notification.js +7 -8
  198. package/dist/styled-components/cjs/components/Notification/index.js +2 -2
  199. package/dist/styled-components/cjs/components/NumberFormat/NumberFormat.js +3 -3
  200. package/dist/styled-components/cjs/components/NumberFormat/index.js +2 -2
  201. package/dist/styled-components/cjs/components/NumberInput/NumberInput.config.js +263 -368
  202. package/dist/styled-components/cjs/components/NumberInput/NumberInput.js +4 -4
  203. package/dist/styled-components/cjs/components/NumberInput/index.js +2 -2
  204. package/dist/styled-components/cjs/components/Overlay/index.js +1 -1
  205. package/dist/styled-components/cjs/components/Pagination/Pagination.config.js +324 -380
  206. package/dist/styled-components/cjs/components/Pagination/Pagination.js +5 -5
  207. package/dist/styled-components/cjs/components/Pagination/index.js +1 -1
  208. package/dist/styled-components/cjs/components/PaginationDots/index.js +1 -1
  209. package/dist/styled-components/cjs/components/Popover/Popover.config.js +12 -29
  210. package/dist/styled-components/cjs/components/Popover/Popover.js +4 -4
  211. package/dist/styled-components/cjs/components/Popover/index.js +1 -1
  212. package/dist/styled-components/cjs/components/Popup/index.js +1 -1
  213. package/dist/styled-components/cjs/components/PopupBase/PopupBase.js +3 -3
  214. package/dist/styled-components/cjs/components/PopupBase/index.js +2 -2
  215. package/dist/styled-components/cjs/components/Portal/index.js +1 -1
  216. package/dist/styled-components/cjs/components/PreviewGallery/PreviewGallery.perftest.js +16 -16
  217. package/dist/styled-components/cjs/components/PreviewGallery/index.js +1 -1
  218. package/dist/styled-components/cjs/components/Price/Price.config.js +1 -1
  219. package/dist/styled-components/cjs/components/Price/Price.js +5 -5
  220. package/dist/styled-components/cjs/components/Price/index.js +2 -2
  221. package/dist/styled-components/cjs/components/Progress/Progress.config.js +209 -132
  222. package/dist/styled-components/cjs/components/Progress/Progress.js +5 -5
  223. package/dist/styled-components/cjs/components/Progress/index.js +1 -1
  224. package/dist/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.config.js +128 -250
  225. package/dist/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.js +4 -4
  226. package/dist/styled-components/cjs/components/ProgressBarCircular/index.js +1 -1
  227. package/dist/styled-components/cjs/components/Radiobox/Radiobox.config.js +149 -271
  228. package/dist/styled-components/cjs/components/Radiobox/Radiobox.js +5 -5
  229. package/dist/styled-components/cjs/components/Radiobox/Radiobox.perftest.js +6 -6
  230. package/dist/styled-components/cjs/components/Radiobox/index.js +1 -1
  231. package/dist/styled-components/cjs/components/Range/Range.clear.config.js +532 -545
  232. package/dist/styled-components/cjs/components/Range/Range.config.js +517 -534
  233. package/dist/styled-components/cjs/components/Range/Range.js +8 -8
  234. package/dist/styled-components/cjs/components/Range/index.js +2 -2
  235. package/dist/styled-components/cjs/components/Rating/Rating.config.js +415 -487
  236. package/dist/styled-components/cjs/components/Rating/Rating.js +4 -4
  237. package/dist/styled-components/cjs/components/Rating/index.js +2 -2
  238. package/dist/styled-components/cjs/components/SSRProvider/index.js +1 -1
  239. package/dist/styled-components/cjs/components/Scrollbar/Scrollbar.config.js +1 -1
  240. package/dist/styled-components/cjs/components/Scrollbar/Scrollbar.js +7 -32
  241. package/dist/styled-components/cjs/components/Segment/Segment.js +7 -7
  242. package/dist/styled-components/cjs/components/Segment/SegmentGroup.config.js +62 -170
  243. package/dist/styled-components/cjs/components/Segment/SegmentItem.config.js +158 -246
  244. package/dist/styled-components/cjs/components/Segment/index.js +1 -1
  245. package/dist/styled-components/cjs/components/Select/Select.config.js +990 -1046
  246. package/dist/styled-components/cjs/components/Select/Select.js +11 -38
  247. package/dist/styled-components/cjs/components/Select/Select.perftest.js +4 -4
  248. package/dist/styled-components/cjs/components/Select/index.js +1 -1
  249. package/dist/styled-components/cjs/components/Sheet/Sheet.config.js +14 -48
  250. package/dist/styled-components/cjs/components/Sheet/Sheet.js +5 -5
  251. package/dist/styled-components/cjs/components/Sheet/index.js +2 -2
  252. package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js +156 -470
  253. package/dist/styled-components/cjs/components/Skeleton/Skeleton.js +6 -6
  254. package/dist/styled-components/cjs/components/Skeleton/index.js +1 -1
  255. package/dist/styled-components/cjs/components/Slider/Slider.config.js +252 -264
  256. package/dist/styled-components/cjs/components/Slider/Slider.js +5 -5
  257. package/dist/styled-components/cjs/components/Slider/index.js +1 -1
  258. package/dist/styled-components/cjs/components/Spinner/Spinner.config.js +38 -132
  259. package/dist/styled-components/cjs/components/Spinner/Spinner.js +7 -7
  260. package/dist/styled-components/cjs/components/Spinner/index.js +1 -1
  261. package/dist/styled-components/cjs/components/Steps/Steps.config.js +275 -330
  262. package/dist/styled-components/cjs/components/Steps/Steps.js +5 -5
  263. package/dist/styled-components/cjs/components/Steps/index.js +1 -1
  264. package/dist/styled-components/cjs/components/Switch/Switch.config.js +90 -168
  265. package/dist/styled-components/cjs/components/Switch/Switch.js +5 -5
  266. package/dist/styled-components/cjs/components/Switch/Switch.perftest.js +12 -39
  267. package/dist/styled-components/cjs/components/Switch/index.js +1 -1
  268. package/dist/styled-components/cjs/components/Table/Table.config.js +212 -241
  269. package/dist/styled-components/cjs/components/Table/Table.js +5 -5
  270. package/dist/styled-components/cjs/components/Table/index.js +1 -1
  271. package/dist/styled-components/cjs/components/Tabs/TabItem.js +32 -56
  272. package/dist/styled-components/cjs/components/Tabs/Tabs.js +9 -9
  273. package/dist/styled-components/cjs/components/Tabs/Tabs.perftest.js +15 -17
  274. package/dist/styled-components/cjs/components/Tabs/TabsController.js +8 -8
  275. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalIconTabItem.config.js +153 -259
  276. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +291 -404
  277. package/dist/styled-components/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +114 -249
  278. package/dist/styled-components/cjs/components/Tabs/index.js +4 -4
  279. package/dist/styled-components/cjs/components/Tabs/vertical/VerticalIconTabItem.config.js +57 -108
  280. package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabItem.config.js +115 -170
  281. package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabs.config.js +48 -113
  282. package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js +624 -637
  283. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +626 -662
  284. package/dist/styled-components/cjs/components/TextArea/TextArea.js +8 -8
  285. package/dist/styled-components/cjs/components/TextArea/TextArea.perftest.js +11 -38
  286. package/dist/styled-components/cjs/components/TextArea/index.js +1 -1
  287. package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js +698 -797
  288. package/dist/styled-components/cjs/components/TextField/TextField.config.js +694 -793
  289. package/dist/styled-components/cjs/components/TextField/TextField.js +26 -126
  290. package/dist/styled-components/cjs/components/TextField/TextField.perftest.js +11 -62
  291. package/dist/styled-components/cjs/components/TextField/index.js +2 -2
  292. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js +249 -335
  293. package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.js +4 -4
  294. package/dist/styled-components/cjs/components/TextFieldGroup/index.js +1 -1
  295. package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.clear.config.js +645 -661
  296. package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.config.js +654 -670
  297. package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.js +8 -8
  298. package/dist/styled-components/cjs/components/TextFieldSlider/index.js +2 -2
  299. package/dist/styled-components/cjs/components/TimePicker/TimePicker.config.js +457 -464
  300. package/dist/styled-components/cjs/components/TimePicker/TimePicker.js +4 -4
  301. package/dist/styled-components/cjs/components/TimePicker/index.js +2 -2
  302. package/dist/styled-components/cjs/components/Toast/Toast.config.js +70 -144
  303. package/dist/styled-components/cjs/components/Toast/Toast.js +6 -6
  304. package/dist/styled-components/cjs/components/Toast/index.js +1 -1
  305. package/dist/styled-components/cjs/components/Tokens/Colors/Colors.styles.js +39 -43
  306. package/dist/styled-components/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +14 -14
  307. package/dist/styled-components/cjs/components/Tokens/Typography/Typography.styles.js +56 -74
  308. package/dist/styled-components/cjs/components/Toolbar/Toolbar.config.js +45 -89
  309. package/dist/styled-components/cjs/components/Toolbar/Toolbar.js +6 -6
  310. package/dist/styled-components/cjs/components/Toolbar/index.js +2 -2
  311. package/dist/styled-components/cjs/components/Tooltip/Tooltip.config.js +57 -83
  312. package/dist/styled-components/cjs/components/Tooltip/Tooltip.js +4 -4
  313. package/dist/styled-components/cjs/components/Tooltip/Tooltip.perftest.js +8 -8
  314. package/dist/styled-components/cjs/components/Tooltip/index.js +1 -1
  315. package/dist/styled-components/cjs/components/Tour/Tour.config.js +7 -34
  316. package/dist/styled-components/cjs/components/Tour/Tour.js +4 -4
  317. package/dist/styled-components/cjs/components/Tour/index.js +1 -1
  318. package/dist/styled-components/cjs/components/Tree/Tree.config.js +177 -229
  319. package/dist/styled-components/cjs/components/Tree/Tree.js +4 -4
  320. package/dist/styled-components/cjs/components/Tree/index.js +1 -1
  321. package/dist/styled-components/cjs/components/Typography/Body.config.js +56 -106
  322. package/dist/styled-components/cjs/components/Typography/Dspl.config.js +34 -68
  323. package/dist/styled-components/cjs/components/Typography/Heading.config.js +67 -125
  324. package/dist/styled-components/cjs/components/Typography/Old/Body.config.js +28 -62
  325. package/dist/styled-components/cjs/components/Typography/Old/Button.config.js +19 -45
  326. package/dist/styled-components/cjs/components/Typography/Old/Caption.config.js +10 -28
  327. package/dist/styled-components/cjs/components/Typography/Old/Display.config.js +28 -62
  328. package/dist/styled-components/cjs/components/Typography/Old/Footnote.config.js +19 -45
  329. package/dist/styled-components/cjs/components/Typography/Old/Headline.config.js +46 -96
  330. package/dist/styled-components/cjs/components/Typography/Old/Paragraph.config.js +19 -45
  331. package/dist/styled-components/cjs/components/Typography/Old/ParagraphText.config.js +19 -45
  332. package/dist/styled-components/cjs/components/Typography/Old/Subtitle.config.js +10 -28
  333. package/dist/styled-components/cjs/components/Typography/Old/Underline.config.js +10 -28
  334. package/dist/styled-components/cjs/components/Typography/Old/index.js +77 -77
  335. package/dist/styled-components/cjs/components/Typography/Text.config.js +45 -87
  336. package/dist/styled-components/cjs/components/Typography/Typography.js +59 -59
  337. package/dist/styled-components/cjs/components/Typography/index.js +2 -2
  338. package/dist/styled-components/cjs/components/Upload/Upload.perftest.js +11 -38
  339. package/dist/styled-components/cjs/components/Upload/index.js +1 -1
  340. package/dist/styled-components/cjs/components/UploadAudio/index.js +1 -1
  341. package/dist/styled-components/cjs/components/UploadVisual/index.js +1 -1
  342. package/dist/styled-components/cjs/components/ViewContainer/ViewContainer.config.js +9 -35
  343. package/dist/styled-components/cjs/components/ViewContainer/ViewContainer.js +4 -4
  344. package/dist/styled-components/cjs/components/ViewContainer/index.js +1 -1
  345. package/dist/styled-components/cjs/helpers/index.js +1 -1
  346. package/dist/styled-components/cjs/hocs/index.js +2 -2
  347. package/dist/styled-components/cjs/hooks/index.js +2 -2
  348. package/dist/styled-components/cjs/mixins/index.js +5 -5
  349. package/dist/styled-components/cjs/tokens/colors.js +45 -45
  350. package/dist/styled-components/cjs/tokens/sizes.js +6 -6
  351. package/dist/styled-components/cjs/tokens/typography.js +7 -7
  352. package/dist/styled-components/cjs/utils/index.js +2 -2
  353. package/dist/styled-components/es/components/Accordion/Accordion.config.js +242 -366
  354. package/dist/styled-components/es/components/Accordion/Accordion.js +3 -3
  355. package/dist/styled-components/es/components/Attach/Attach.config.js +794 -833
  356. package/dist/styled-components/es/components/Attach/Attach.js +2 -2
  357. package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js +569 -612
  358. package/dist/styled-components/es/components/Autocomplete/Autocomplete.js +7 -58
  359. package/dist/styled-components/es/components/Avatar/Avatar.config.js +295 -459
  360. package/dist/styled-components/es/components/Avatar/Avatar.js +2 -2
  361. package/dist/styled-components/es/components/AvatarGroup/AvatarGroup.js +2 -2
  362. package/dist/styled-components/es/components/Badge/Badge.config.js +156 -259
  363. package/dist/styled-components/es/components/Badge/Badge.js +2 -2
  364. package/dist/styled-components/es/components/Badge/Badge.perftest.js +6 -33
  365. package/dist/styled-components/es/components/Breadcrumbs/Breadcrumbs.config.js +48 -94
  366. package/dist/styled-components/es/components/Breadcrumbs/Breadcrumbs.js +3 -3
  367. package/dist/styled-components/es/components/Button/Button.config.js +246 -434
  368. package/dist/styled-components/es/components/Button/Button.js +3 -3
  369. package/dist/styled-components/es/components/Button/Button.perftest.js +15 -41
  370. package/dist/styled-components/es/components/ButtonGroup/ButtonGroup.config.js +237 -463
  371. package/dist/styled-components/es/components/ButtonGroup/ButtonGroup.js +2 -2
  372. package/dist/styled-components/es/components/Calendar/Calendar.config.js +430 -430
  373. package/dist/styled-components/es/components/Calendar/Calendar.js +7 -7
  374. package/dist/styled-components/es/components/Calendar/Calendar.perftest.js +26 -47
  375. package/dist/styled-components/es/components/Calendar/CalendarDouble.config.js +431 -431
  376. package/dist/styled-components/es/components/Card/Card.config.js +22 -64
  377. package/dist/styled-components/es/components/Card/Card.js +3 -3
  378. package/dist/styled-components/es/components/Carousel/Carousel.config.js +14 -40
  379. package/dist/styled-components/es/components/Carousel/Carousel.js +12 -38
  380. package/dist/styled-components/es/components/Carousel/Legacy/Carousel.examples.js +6 -51
  381. package/dist/styled-components/es/components/Carousel/Legacy/Carousel.js +3 -3
  382. package/dist/styled-components/es/components/Cell/Cell.config.js +136 -166
  383. package/dist/styled-components/es/components/Cell/Cell.js +3 -3
  384. package/dist/styled-components/es/components/Checkbox/Checkbox.config.js +146 -268
  385. package/dist/styled-components/es/components/Checkbox/Checkbox.js +3 -3
  386. package/dist/styled-components/es/components/Checkbox/Checkbox.perftest.js +7 -34
  387. package/dist/styled-components/es/components/Chip/Chip.config.js +222 -343
  388. package/dist/styled-components/es/components/Chip/Chip.js +3 -3
  389. package/dist/styled-components/es/components/ChipGroup/ChipGroup.config.js +115 -189
  390. package/dist/styled-components/es/components/ChipGroup/ChipGroup.js +2 -2
  391. package/dist/styled-components/es/components/CodeField/CodeField.config.js +77 -124
  392. package/dist/styled-components/es/components/CodeField/CodeField.js +2 -2
  393. package/dist/styled-components/es/components/CodeInput/CodeInput.config.js +129 -148
  394. package/dist/styled-components/es/components/CodeInput/CodeInput.js +3 -3
  395. package/dist/styled-components/es/components/Combobox/Combobox.config.js +800 -815
  396. package/dist/styled-components/es/components/Combobox/Combobox.js +9 -36
  397. package/dist/styled-components/es/components/Counter/Counter.config.js +88 -202
  398. package/dist/styled-components/es/components/Counter/Counter.js +2 -2
  399. package/dist/styled-components/es/components/DatePicker/DatePicker.clear.config.js +1113 -1029
  400. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +1098 -1017
  401. package/dist/styled-components/es/components/DatePicker/DatePicker.js +10 -10
  402. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.clear.config.js +1041 -0
  403. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +1010 -952
  404. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.js +10 -3
  405. package/dist/styled-components/es/components/Divider/Divider.config.js +22 -88
  406. package/dist/styled-components/es/components/Divider/Divider.js +2 -2
  407. package/dist/styled-components/es/components/Drawer/Drawer.config.js +17 -59
  408. package/dist/styled-components/es/components/Drawer/Drawer.js +8 -8
  409. package/dist/styled-components/es/components/Dropdown/Dropdown.config.js +190 -228
  410. package/dist/styled-components/es/components/Dropdown/Dropdown.js +8 -35
  411. package/dist/styled-components/es/components/Dropzone/Dropzone.config.js +35 -67
  412. package/dist/styled-components/es/components/Dropzone/Dropzone.js +2 -2
  413. package/dist/styled-components/es/components/Editable/Editable.config.js +13 -39
  414. package/dist/styled-components/es/components/Editable/Editable.js +4 -4
  415. package/dist/styled-components/es/components/ElasticGrid/ElasticGrid.perftest.js +11 -16
  416. package/dist/styled-components/es/components/EmbedIconButton/EmbedIconButton.config.js +101 -211
  417. package/dist/styled-components/es/components/EmbedIconButton/EmbedIconButton.js +3 -3
  418. package/dist/styled-components/es/components/EmptyState/EmptyState.config.js +57 -99
  419. package/dist/styled-components/es/components/EmptyState/EmptyState.js +2 -2
  420. package/dist/styled-components/es/components/File/File.config.js +204 -232
  421. package/dist/styled-components/es/components/File/File.js +2 -2
  422. package/dist/styled-components/es/components/Flow/Flow.js +2 -2
  423. package/dist/styled-components/es/components/Grid/Grid.config.js +69 -87
  424. package/dist/styled-components/es/components/Grid/Grid.js +2 -2
  425. package/dist/styled-components/es/components/IconButton/IconButton.config.js +152 -303
  426. package/dist/styled-components/es/components/IconButton/IconButton.js +3 -3
  427. package/dist/styled-components/es/components/Image/Image.js +3 -3
  428. package/dist/styled-components/es/components/Indicator/Indicator.config.js +34 -132
  429. package/dist/styled-components/es/components/Indicator/Indicator.js +2 -2
  430. package/dist/styled-components/es/components/InformationWrapper/InformationWrapper.config.js +290 -360
  431. package/dist/styled-components/es/components/InformationWrapper/InformationWrapper.js +2 -2
  432. package/dist/styled-components/es/components/Link/Link.config.js +117 -223
  433. package/dist/styled-components/es/components/Link/Link.js +3 -3
  434. package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +183 -285
  435. package/dist/styled-components/es/components/LinkButton/LinkButton.js +2 -2
  436. package/dist/styled-components/es/components/List/List.config.js +97 -159
  437. package/dist/styled-components/es/components/List/List.js +3 -3
  438. package/dist/styled-components/es/components/Loader/Loader.config.js +190 -284
  439. package/dist/styled-components/es/components/Loader/Loader.js +2 -2
  440. package/dist/styled-components/es/components/Mask/Mask.js +1 -1
  441. package/dist/styled-components/es/components/Modal/Modal.perftest.js +9 -5
  442. package/dist/styled-components/es/components/ModalBase/Modal.config.js +14 -32
  443. package/dist/styled-components/es/components/ModalBase/ModalBase.js +3 -3
  444. package/dist/styled-components/es/components/NavigationDrawer/NavigationDrawer.config.js +70 -99
  445. package/dist/styled-components/es/components/NavigationDrawer/NavigationDrawer.js +2 -2
  446. package/dist/styled-components/es/components/Note/Note.config.js +162 -228
  447. package/dist/styled-components/es/components/Note/Note.js +2 -2
  448. package/dist/styled-components/es/components/Notification/Notification.config.js +311 -340
  449. package/dist/styled-components/es/components/Notification/Notification.js +4 -5
  450. package/dist/styled-components/es/components/NumberFormat/NumberFormat.js +1 -1
  451. package/dist/styled-components/es/components/NumberInput/NumberInput.config.js +262 -367
  452. package/dist/styled-components/es/components/NumberInput/NumberInput.js +2 -2
  453. package/dist/styled-components/es/components/Pagination/Pagination.config.js +323 -379
  454. package/dist/styled-components/es/components/Pagination/Pagination.js +3 -3
  455. package/dist/styled-components/es/components/Popover/Popover.config.js +11 -28
  456. package/dist/styled-components/es/components/Popover/Popover.js +2 -2
  457. package/dist/styled-components/es/components/PopupBase/PopupBase.js +2 -2
  458. package/dist/styled-components/es/components/PreviewGallery/PreviewGallery.perftest.js +11 -11
  459. package/dist/styled-components/es/components/Price/Price.config.js +1 -1
  460. package/dist/styled-components/es/components/Price/Price.js +3 -3
  461. package/dist/styled-components/es/components/Progress/Progress.config.js +208 -131
  462. package/dist/styled-components/es/components/Progress/Progress.js +3 -3
  463. package/dist/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.config.js +127 -249
  464. package/dist/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.js +2 -2
  465. package/dist/styled-components/es/components/Radiobox/Radiobox.config.js +148 -270
  466. package/dist/styled-components/es/components/Radiobox/Radiobox.js +3 -3
  467. package/dist/styled-components/es/components/Radiobox/Radiobox.perftest.js +4 -4
  468. package/dist/styled-components/es/components/Range/Range.clear.config.js +531 -544
  469. package/dist/styled-components/es/components/Range/Range.config.js +516 -533
  470. package/dist/styled-components/es/components/Range/Range.js +5 -5
  471. package/dist/styled-components/es/components/Rating/Rating.config.js +414 -486
  472. package/dist/styled-components/es/components/Rating/Rating.js +2 -2
  473. package/dist/styled-components/es/components/Scrollbar/Scrollbar.config.js +1 -1
  474. package/dist/styled-components/es/components/Scrollbar/Scrollbar.js +5 -30
  475. package/dist/styled-components/es/components/Segment/Segment.js +4 -4
  476. package/dist/styled-components/es/components/Segment/SegmentGroup.config.js +61 -169
  477. package/dist/styled-components/es/components/Segment/SegmentItem.config.js +157 -245
  478. package/dist/styled-components/es/components/Select/Select.config.js +989 -1045
  479. package/dist/styled-components/es/components/Select/Select.js +8 -35
  480. package/dist/styled-components/es/components/Select/Select.perftest.js +2 -2
  481. package/dist/styled-components/es/components/Sheet/Sheet.config.js +13 -47
  482. package/dist/styled-components/es/components/Sheet/Sheet.js +3 -3
  483. package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js +155 -469
  484. package/dist/styled-components/es/components/Skeleton/Skeleton.js +4 -4
  485. package/dist/styled-components/es/components/Slider/Slider.config.js +251 -263
  486. package/dist/styled-components/es/components/Slider/Slider.js +3 -3
  487. package/dist/styled-components/es/components/Spinner/Spinner.config.js +37 -131
  488. package/dist/styled-components/es/components/Spinner/Spinner.js +4 -4
  489. package/dist/styled-components/es/components/Steps/Steps.config.js +274 -329
  490. package/dist/styled-components/es/components/Steps/Steps.js +3 -3
  491. package/dist/styled-components/es/components/Switch/Switch.config.js +89 -167
  492. package/dist/styled-components/es/components/Switch/Switch.js +3 -3
  493. package/dist/styled-components/es/components/Switch/Switch.perftest.js +9 -36
  494. package/dist/styled-components/es/components/Table/Table.config.js +211 -240
  495. package/dist/styled-components/es/components/Table/Table.js +3 -3
  496. package/dist/styled-components/es/components/Tabs/TabItem.js +26 -50
  497. package/dist/styled-components/es/components/Tabs/Tabs.js +5 -5
  498. package/dist/styled-components/es/components/Tabs/Tabs.perftest.js +12 -14
  499. package/dist/styled-components/es/components/Tabs/TabsController.js +5 -5
  500. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js +152 -258
  501. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabItem.config.js +290 -403
  502. package/dist/styled-components/es/components/Tabs/horizontal/HorizontalTabs.config.js +113 -248
  503. package/dist/styled-components/es/components/Tabs/vertical/VerticalIconTabItem.config.js +56 -107
  504. package/dist/styled-components/es/components/Tabs/vertical/VerticalTabItem.config.js +114 -169
  505. package/dist/styled-components/es/components/Tabs/vertical/VerticalTabs.config.js +47 -112
  506. package/dist/styled-components/es/components/TextArea/TextArea.clear.config.js +623 -636
  507. package/dist/styled-components/es/components/TextArea/TextArea.config.js +625 -661
  508. package/dist/styled-components/es/components/TextArea/TextArea.js +5 -5
  509. package/dist/styled-components/es/components/TextArea/TextArea.perftest.js +8 -35
  510. package/dist/styled-components/es/components/TextField/TextField.clear.config.js +697 -796
  511. package/dist/styled-components/es/components/TextField/TextField.config.js +693 -792
  512. package/dist/styled-components/es/components/TextField/TextField.js +22 -122
  513. package/dist/styled-components/es/components/TextField/TextField.perftest.js +8 -59
  514. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js +248 -334
  515. package/dist/styled-components/es/components/TextFieldGroup/TextFieldGroup.js +2 -2
  516. package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.clear.config.js +644 -660
  517. package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.config.js +653 -669
  518. package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.js +5 -5
  519. package/dist/styled-components/es/components/TimePicker/TimePicker.config.js +456 -463
  520. package/dist/styled-components/es/components/TimePicker/TimePicker.js +2 -2
  521. package/dist/styled-components/es/components/Toast/Toast.config.js +69 -143
  522. package/dist/styled-components/es/components/Toast/Toast.js +4 -4
  523. package/dist/styled-components/es/components/Tokens/Colors/Colors.styles.js +35 -39
  524. package/dist/styled-components/es/components/Tokens/NumberTokens/NumberTokens.styles.js +13 -13
  525. package/dist/styled-components/es/components/Tokens/Typography/Typography.styles.js +51 -69
  526. package/dist/styled-components/es/components/Toolbar/Toolbar.config.js +44 -88
  527. package/dist/styled-components/es/components/Toolbar/Toolbar.js +4 -4
  528. package/dist/styled-components/es/components/Tooltip/Tooltip.config.js +56 -82
  529. package/dist/styled-components/es/components/Tooltip/Tooltip.js +2 -2
  530. package/dist/styled-components/es/components/Tooltip/Tooltip.perftest.js +3 -3
  531. package/dist/styled-components/es/components/Tour/Tour.config.js +6 -33
  532. package/dist/styled-components/es/components/Tour/Tour.js +2 -2
  533. package/dist/styled-components/es/components/Tree/Tree.config.js +176 -228
  534. package/dist/styled-components/es/components/Tree/Tree.js +2 -2
  535. package/dist/styled-components/es/components/Typography/Body.config.js +55 -105
  536. package/dist/styled-components/es/components/Typography/Dspl.config.js +33 -67
  537. package/dist/styled-components/es/components/Typography/Heading.config.js +66 -124
  538. package/dist/styled-components/es/components/Typography/Old/Body.config.js +27 -61
  539. package/dist/styled-components/es/components/Typography/Old/Button.config.js +18 -44
  540. package/dist/styled-components/es/components/Typography/Old/Caption.config.js +9 -27
  541. package/dist/styled-components/es/components/Typography/Old/Display.config.js +27 -61
  542. package/dist/styled-components/es/components/Typography/Old/Footnote.config.js +18 -44
  543. package/dist/styled-components/es/components/Typography/Old/Headline.config.js +45 -95
  544. package/dist/styled-components/es/components/Typography/Old/Paragraph.config.js +18 -44
  545. package/dist/styled-components/es/components/Typography/Old/ParagraphText.config.js +18 -44
  546. package/dist/styled-components/es/components/Typography/Old/Subtitle.config.js +9 -27
  547. package/dist/styled-components/es/components/Typography/Old/Underline.config.js +9 -27
  548. package/dist/styled-components/es/components/Typography/Old/index.js +66 -66
  549. package/dist/styled-components/es/components/Typography/Text.config.js +44 -86
  550. package/dist/styled-components/es/components/Typography/Typography.js +54 -54
  551. package/dist/styled-components/es/components/Upload/Upload.perftest.js +9 -36
  552. package/dist/styled-components/es/components/ViewContainer/ViewContainer.config.js +7 -33
  553. package/dist/styled-components/es/components/ViewContainer/ViewContainer.js +2 -2
  554. package/dist/styled-components/es/mixins/index.js +1 -1
  555. package/dist/styled-components/es/tokens/colors.js +45 -45
  556. package/dist/styled-components/es/tokens/sizes.js +6 -6
  557. package/dist/styled-components/es/tokens/typography.js +6 -6
  558. package/package.json +30 -35
  559. package/types/components/Combobox/Combobox.d.ts +211 -1227
  560. package/types/components/DateTimePicker/DateTimePicker.clear.config.d.ts +37 -0
  561. package/types/components/DateTimePicker/DateTimePicker.d.ts +407 -3
  562. package/types/components/Dropzone/Dropzone.d.ts +1 -0
  563. package/types/components/List/List.d.ts +3 -0
  564. package/types/components/Mask/Mask.d.ts +1265 -1
  565. package/types/components/Progress/Progress.config.d.ts +12 -0
  566. package/types/components/Progress/Progress.d.ts +11 -0
  567. package/types/components/Select/Select.d.ts +24 -24
  568. package/types/components/TextArea/TextArea.d.ts +35 -1832
  569. package/types/components/TextField/TextField.d.ts +1240 -3
  570. package/types/components/TimePicker/TimePicker.d.ts +4 -0
  571. package/dist/css/cjs/components/Progress/Progress.config_6ehg2h.css +0 -9
  572. package/dist/css/es/components/Progress/Progress.config_6ehg2h.css +0 -9
@@ -8,604 +8,8 @@ Object.defineProperty(exports, "config", {
8
8
  return config;
9
9
  }
10
10
  });
11
- var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
- function _tagged_template_literal(strings, raw) {
13
- if (!raw) {
14
- raw = strings.slice(0);
15
- }
16
- return Object.freeze(Object.defineProperties(strings, {
17
- raw: {
18
- value: Object.freeze(raw)
19
- }
20
- }));
21
- }
22
- function _templateObject() {
23
- var data = _tagged_template_literal([
24
- "\n ",
25
- ": var(--text-primary);\n ",
26
- ": var(--text-primary);\n\n ",
27
- ": var(--text-secondary);\n ",
28
- ": var(--text-tertiary);\n ",
29
- ": var(--text-secondary);\n ",
30
- ": var(--text-tertiary);\n\n ",
31
- ": var(--surface-clear);\n ",
32
- ": var(--surface-clear);\n ",
33
- ": var(--text-accent);\n ",
34
- ": var(--text-tertiary);\n ",
35
- ": var(--text-tertiary);\n ",
36
- ": var(--text-primary);\n ",
37
- ": var(--text-secondary);\n ",
38
- ": var(--text-accent);\n\n ",
39
- ": var(--outline-transparent-primary);\n ",
40
- ": var(--outline-transparent-primary-hover);\n ",
41
- ": var(--surface-accent);\n\n ",
42
- ": var(--text-secondary);\n ",
43
- ": var(--text-secondary-hover);\n ",
44
- ": var(--text-secondary-active);\n\n ",
45
- ": var(--surface-accent);\n ",
46
- ": var(--surface-negative);\n ",
47
- ": var(--text-tertiary);\n\n ",
48
- ": var(--surface-transparent-tertiary);\n ",
49
- ": var(--text-secondary);\n ",
50
- ": var(--surface-accent);\n\n ",
51
- ": var(--surface-solid-card);\n ",
52
- ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ",
53
- ": transparent;\n ",
54
- ": var(--surface-solid-secondary);\n ",
55
- ": var(--text-primary);\n\n ",
56
- ": ",
57
- ";\n ",
58
- ": ",
59
- ";\n ",
60
- ": var(--text-primary);\n\n ",
61
- ": var(--text-secondary);\n "
62
- ]);
63
- _templateObject = function _templateObject() {
64
- return data;
65
- };
66
- return data;
67
- }
68
- function _templateObject1() {
69
- var data = _tagged_template_literal([
70
- "\n ",
71
- ": var(--text-primary);\n ",
72
- ": var(--text-positive);\n\n ",
73
- ": var(--text-secondary);\n ",
74
- ": var(--text-tertiary);\n ",
75
- ": var(--text-positive);\n ",
76
- ": var(--text-positive);\n\n ",
77
- ": var(--surface-clear);\n ",
78
- ": var(--surface-clear);\n ",
79
- ": var(--text-accent);\n ",
80
- ": var(--text-tertiary);\n ",
81
- ": var(--text-tertiary);\n ",
82
- ": var(--text-primary);\n ",
83
- ": var(--text-positive);\n ",
84
- ": var(--text-accent);\n\n ",
85
- ": var(--outline-positive);\n ",
86
- ": var(--outline-positive-hover);\n ",
87
- ": var(--surface-accent);\n\n ",
88
- ": var(--text-secondary);\n ",
89
- ": var(--text-secondary-hover);\n ",
90
- ": var(--text-secondary-active);\n\n ",
91
- ": var(--surface-accent);\n ",
92
- ": var(--surface-negative);\n ",
93
- ": var(--text-tertiary);\n\n ",
94
- ": var(--surface-positive);\n ",
95
- ": var(--surface-positive);\n ",
96
- ": var(--surface-accent);\n\n ",
97
- ": var(--surface-solid-card);\n ",
98
- ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ",
99
- ": transparent;\n ",
100
- ": var(--surface-transparent-secondary);\n ",
101
- ": var(--text-primary);\n\n ",
102
- ": ",
103
- ";\n ",
104
- ": ",
105
- ";\n ",
106
- ": var(--text-primary);\n\n ",
107
- ": var(--text-secondary);\n "
108
- ]);
109
- _templateObject1 = function _templateObject() {
110
- return data;
111
- };
112
- return data;
113
- }
114
- function _templateObject2() {
115
- var data = _tagged_template_literal([
116
- "\n ",
117
- ": var(--text-primary);\n ",
118
- ": var(--text-warning);\n\n ",
119
- ": var(--text-secondary);\n ",
120
- ": var(--text-tertiary);\n ",
121
- ": var(--text-warning);\n ",
122
- ": var(--text-warning);\n\n ",
123
- ": var(--surface-clear);\n ",
124
- ": var(--surface-clear);\n ",
125
- ": var(--text-accent);\n ",
126
- ": var(--text-tertiary);\n ",
127
- ": var(--text-tertiary);\n ",
128
- ": var(--text-primary);\n ",
129
- ": var(--text-warning);\n ",
130
- ": var(--text-accent);\n\n ",
131
- ": var(--outline-warning);\n ",
132
- ": var(--outline-warning-hover);\n ",
133
- ": var(--surface-accent);\n\n ",
134
- ": var(--text-secondary);\n ",
135
- ": var(--text-secondary-hover);\n ",
136
- ": var(--text-secondary-active);\n\n ",
137
- ": var(--surface-accent);\n ",
138
- ": var(--surface-negative);\n ",
139
- ": var(--text-tertiary);\n\n ",
140
- ": var(--surface-warning);\n ",
141
- ": var(--surface-warning);\n ",
142
- ": var(--surface-accent);\n\n ",
143
- ": var(--surface-solid-card);\n ",
144
- ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ",
145
- ": transparent;\n ",
146
- ": var(--surface-transparent-secondary);\n ",
147
- ": var(--text-primary);\n\n ",
148
- ": ",
149
- ";\n ",
150
- ": ",
151
- ";\n ",
152
- ": var(--text-primary);\n\n ",
153
- ": var(--text-secondary);\n "
154
- ]);
155
- _templateObject2 = function _templateObject() {
156
- return data;
157
- };
158
- return data;
159
- }
160
- function _templateObject3() {
161
- var data = _tagged_template_literal([
162
- "\n ",
163
- ": var(--text-primary);\n ",
164
- ": var(--text-negative);\n\n ",
165
- ": var(--text-secondary);\n ",
166
- ": var(--text-tertiary);\n ",
167
- ": var(--text-negative);\n ",
168
- ": var(--text-negative);\n\n ",
169
- ": var(--surface-clear);\n ",
170
- ": var(--surface-clear);\n ",
171
- ": var(--text-accent);\n ",
172
- ": var(--text-tertiary);\n ",
173
- ": var(--text-tertiary);\n ",
174
- ": var(--text-primary);\n ",
175
- ": var(--text-negative);\n ",
176
- ": var(--text-accent);\n\n ",
177
- ": var(--outline-negative);\n ",
178
- ": var(--outline-negative-hover);\n ",
179
- ": var(--surface-accent);\n\n ",
180
- ": var(--text-secondary);\n ",
181
- ": var(--text-secondary-hover);\n ",
182
- ": var(--text-secondary-active);\n\n ",
183
- ": var(--surface-accent);\n ",
184
- ": var(--surface-negative);\n ",
185
- ": var(--text-tertiary);\n\n ",
186
- ": var(--surface-negative);\n ",
187
- ": var(--surface-negative);\n ",
188
- ": var(--surface-accent);\n\n ",
189
- ": var(--surface-solid-card);\n ",
190
- ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ",
191
- ": transparent;\n ",
192
- ": var(--surface-transparent-secondary);\n ",
193
- ": var(--text-primary);\n\n ",
194
- ": ",
195
- ";\n ",
196
- ": ",
197
- ";\n ",
198
- ": var(--text-primary);\n\n ",
199
- ": var(--text-secondary);\n "
200
- ]);
201
- _templateObject3 = function _templateObject() {
202
- return data;
203
- };
204
- return data;
205
- }
206
- function _templateObject4() {
207
- var data = _tagged_template_literal([
208
- "\n ",
209
- ": 3.5rem;\n ",
210
- ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
211
- ": 0.875rem;\n ",
212
- ": 0.0625rem;\n\n ",
213
- ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
214
- ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
215
- ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
216
- ": 0.25rem;\n ",
217
- ": -0.438rem -0.438rem -0.438rem 0;\n\n ",
218
- ": 0 0.25rem 0 0;\n ",
219
- ": 0 0 0 0.25rem;\n\n ",
220
- ": var(--plasma-typo-body-l-font-family);\n ",
221
- ": var(--plasma-typo-body-l-font-size);\n ",
222
- ": var(--plasma-typo-body-l-font-style);\n ",
223
- ": var(--plasma-typo-body-l-font-weight);\n ",
224
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
225
- ": var(--plasma-typo-body-l-line-height);\n\n ",
226
- ": 0.75rem;\n ",
227
- ": 0.25rem;\n ",
228
- ": var(--plasma-typo-body-l-font-family);\n ",
229
- ": var(--plasma-typo-body-l-font-size);\n ",
230
- ": var(--plasma-typo-body-l-font-style);\n ",
231
- ": var(--plasma-typo-body-l-font-weight);\n ",
232
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
233
- ": var(--plasma-typo-body-l-line-height);\n\n ",
234
- ": -0.688rem -0.5rem;\n ",
235
- ": 2.375rem;\n ",
236
- ": 0.563rem -2.938rem auto auto;\n ",
237
- ": 0.563rem -2.188rem auto auto;\n\n ",
238
- ": 0.25rem;\n ",
239
- ": var(--plasma-typo-body-xs-font-family);\n ",
240
- ": var(--plasma-typo-body-xs-font-size);\n ",
241
- ": var(--plasma-typo-body-xs-font-style);\n ",
242
- ": var(--plasma-typo-body-xs-font-weight);\n ",
243
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
244
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
245
- ": 0.5625rem 0 0.125rem 0;\n ",
246
- ": 1.5625rem 0 0.5625rem 0;\n\n ",
247
- ": 0.5rem;\n ",
248
- ": 0.375rem;\n ",
249
- ": 0 0 0 0;\n ",
250
- ": 0.5rem auto auto -0.75rem;\n ",
251
- ": 0 0 auto auto;\n ",
252
- ": 0.25rem -0.625rem auto auto;\n ",
253
- ": 1.5rem auto auto -0.875rem;\n ",
254
- ": 1.5rem -0.875rem auto auto;\n ",
255
- ": 1.5rem -2.488rem auto auto;\n\n ",
256
- ": 0.875rem;\n ",
257
- ": 0.125rem;\n ",
258
- ": 1.0625rem 1rem;\n ",
259
- ": 0.75rem;\n\n ",
260
- ": var(--plasma-typo-body-l-font-family);\n ",
261
- ": var(--plasma-typo-body-l-font-size);\n ",
262
- ": var(--plasma-typo-body-l-font-style);\n ",
263
- ": var(--plasma-typo-body-l-font-weight);\n ",
264
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
265
- ": var(--plasma-typo-body-l-line-height);\n\n ",
266
- ": 2rem 1rem 1rem 1rem;\n ",
267
- ": 0.5rem;\n\n ",
268
- ": 1.5rem;\n ",
269
- ": 0.5rem;\n "
270
- ]);
271
- _templateObject4 = function _templateObject() {
272
- return data;
273
- };
274
- return data;
275
- }
276
- function _templateObject5() {
277
- var data = _tagged_template_literal([
278
- "\n ",
279
- ": 3rem;\n ",
280
- ": 0.875rem 1rem 0.875rem 1rem;\n ",
281
- ": 0.75rem;\n ",
282
- ": 0.0625rem;\n\n ",
283
- ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
284
- ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
285
- ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
286
- ": 0.25rem;\n ",
287
- ": -0.438rem -0.438rem -0.438rem 0;\n\n ",
288
- ": 0 0.25rem 0 0;\n ",
289
- ": 0 0 0 0.25rem;\n\n ",
290
- ": var(--plasma-typo-body-m-font-family);\n ",
291
- ": var(--plasma-typo-body-m-font-size);\n ",
292
- ": var(--plasma-typo-body-m-font-style);\n ",
293
- ": var(--plasma-typo-body-m-font-weight);\n ",
294
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
295
- ": var(--plasma-typo-body-m-line-height);\n\n ",
296
- ": 0.625rem;\n ",
297
- ": 0.25rem;\n ",
298
- ": var(--plasma-typo-body-m-font-family);\n ",
299
- ": var(--plasma-typo-body-m-font-size);\n ",
300
- ": var(--plasma-typo-body-m-font-style);\n ",
301
- ": var(--plasma-typo-body-m-font-weight);\n ",
302
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
303
- ": var(--plasma-typo-body-m-line-height);\n\n ",
304
- ": -0.688rem -0.5rem;\n ",
305
- ": 2.375rem;\n ",
306
- ": 0.312rem -2.813rem auto auto;\n ",
307
- ": 0.312rem -2.188rem auto auto;\n\n ",
308
- ": 0.25rem;\n ",
309
- ": var(--plasma-typo-body-xs-font-family);\n ",
310
- ": var(--plasma-typo-body-xs-font-size);\n ",
311
- ": var(--plasma-typo-body-xs-font-style);\n ",
312
- ": var(--plasma-typo-body-xs-font-weight);\n ",
313
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
314
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
315
- ": 0.375rem 0 0.125rem 0;\n ",
316
- ": 1.375rem 0 0.375rem 0;\n\n ",
317
- ": 0.5rem;\n ",
318
- ": 0.375rem;\n ",
319
- ": 0 0 0 0;\n ",
320
- ": 0.375rem auto auto -0.75rem;\n ",
321
- ": 0 0 auto auto;\n ",
322
- ": 0.25rem -0.6875rem auto auto;\n ",
323
- ": 1.25rem auto auto -0.875rem;\n ",
324
- ": 1.25rem -0.875rem auto auto;\n ",
325
- ": 1.25rem -2.488rem auto auto;\n\n ",
326
- ": 0.75rem;\n ",
327
- ": 0.125rem;\n ",
328
- ": 0.875rem 0.875rem 0.875rem 0.875rem;\n ",
329
- ": 0.625rem;\n\n ",
330
- ": var(--plasma-typo-body-m-font-family);\n ",
331
- ": var(--plasma-typo-body-m-font-size);\n ",
332
- ": var(--plasma-typo-body-m-font-style);\n ",
333
- ": var(--plasma-typo-body-m-font-weight);\n ",
334
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
335
- ": var(--plasma-typo-body-m-line-height);\n\n ",
336
- ": 1.625rem 0.875rem 0.875rem 0.875rem;\n ",
337
- ": 0.375rem;\n\n ",
338
- ": 1.5rem;\n ",
339
- ": 0.375rem;\n "
340
- ]);
341
- _templateObject5 = function _templateObject() {
342
- return data;
343
- };
344
- return data;
345
- }
346
- function _templateObject6() {
347
- var data = _tagged_template_literal([
348
- "\n ",
349
- ": 2.5rem;\n ",
350
- ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
351
- ": 0.625rem;\n ",
352
- ": 0.0625rem;\n\n ",
353
- ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
354
- ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
355
- ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
356
- ": 0.25rem;\n ",
357
- ": -0.438rem -0.438rem -0.438rem 0;\n\n ",
358
- ": 0 0.25rem 0 0;\n ",
359
- ": 0 0 0 0.25rem;\n\n ",
360
- ": var(--plasma-typo-body-s-font-family);\n ",
361
- ": var(--plasma-typo-body-s-font-size);\n ",
362
- ": var(--plasma-typo-body-s-font-style);\n ",
363
- ": var(--plasma-typo-body-s-font-weight);\n ",
364
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
365
- ": var(--plasma-typo-body-s-line-height);\n\n ",
366
- ": 0.5rem;\n ",
367
- ": 0.25rem;\n ",
368
- ": var(--plasma-typo-body-s-font-family);\n ",
369
- ": var(--plasma-typo-body-s-font-size);\n ",
370
- ": var(--plasma-typo-body-s-font-style);\n ",
371
- ": var(--plasma-typo-body-s-font-weight);\n ",
372
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
373
- ": var(--plasma-typo-body-s-line-height);\n\n ",
374
- ": -0.688rem -0.5rem;\n ",
375
- ": 2.375rem;\n ",
376
- ": 0.062rem -2.688rem auto auto;\n ",
377
- ": 0.062rem -2.188rem auto auto;\n\n ",
378
- ": 0.25rem;\n ",
379
- ": var(--plasma-typo-body-xs-font-family);\n ",
380
- ": var(--plasma-typo-body-xs-font-size);\n ",
381
- ": var(--plasma-typo-body-xs-font-style);\n ",
382
- ": var(--plasma-typo-body-xs-font-weight);\n ",
383
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
384
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
385
- ": 0.3125rem 0 0 0;\n ",
386
- ": 1.0625rem 0 0.3125rem 0;\n\n ",
387
- ": 0.375rem;\n ",
388
- ": 0.375rem;\n ",
389
- ": 0 0 0 0;\n ",
390
- ": 0.3125rem auto auto -0.6875rem;\n ",
391
- ": 0 0 auto auto;\n ",
392
- ": 0.25rem -0.625rem auto auto;\n ",
393
- ": 1.063rem auto auto -0.75rem;\n ",
394
- ": 1.063rem -0.75rem auto auto;\n ",
395
- ": 1.063rem -2.238rem auto auto;\n\n ",
396
- ": 0.625rem;\n ",
397
- ": 0.125rem;\n ",
398
- ": 0.6875rem 0.75rem;\n ",
399
- ": 0.5rem;\n\n ",
400
- ": var(--plasma-typo-body-s-font-family);\n ",
401
- ": var(--plasma-typo-body-s-font-size);\n ",
402
- ": var(--plasma-typo-body-s-font-style);\n ",
403
- ": var(--plasma-typo-body-s-font-weight);\n ",
404
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
405
- ": var(--plasma-typo-body-s-line-height);\n\n ",
406
- ": 1.375rem 0.625rem 0.625rem 0.625rem;\n ",
407
- ": 0.25rem;\n\n ",
408
- ": 1.5rem;\n ",
409
- ": 0.25rem;\n "
410
- ]);
411
- _templateObject6 = function _templateObject() {
412
- return data;
413
- };
414
- return data;
415
- }
416
- function _templateObject7() {
417
- var data = _tagged_template_literal([
418
- "\n ",
419
- ": 2rem;\n ",
420
- ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
421
- ": 0.5rem;\n ",
422
- ": 0.0625rem;\n\n ",
423
- ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
424
- ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
425
- ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
426
- ": 0.25rem;\n ",
427
- ": -0.438rem -0.438rem -0.438rem 0;\n\n ",
428
- ": 0 0.25rem 0 0;\n ",
429
- ": 0 0 0 0.25rem;\n\n ",
430
- ": var(--plasma-typo-body-xs-font-family);\n ",
431
- ": var(--plasma-typo-body-xs-font-size);\n ",
432
- ": var(--plasma-typo-body-xs-font-style);\n ",
433
- ": var(--plasma-typo-body-xs-font-weight);\n ",
434
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
435
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
436
- ": 0.375rem;\n ",
437
- ": 0.25rem;\n ",
438
- ": var(--plasma-typo-body-xs-font-family);\n ",
439
- ": var(--plasma-typo-body-xs-font-size);\n ",
440
- ": var(--plasma-typo-body-xs-font-style);\n ",
441
- ": var(--plasma-typo-body-xs-font-weight);\n ",
442
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
443
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
444
- ": -0.75rem -0.625rem -0.75rem -0.5rem;\n ",
445
- ": 2.375rem;\n ",
446
- ": -0.188rem -2.1875rem auto auto;\n ",
447
- ": -0.188rem -1.938rem auto auto;\n\n ",
448
- ": 0.25rem;\n ",
449
- ": var(--plasma-typo-body-xs-font-family);\n ",
450
- ": var(--plasma-typo-body-xs-font-size);\n ",
451
- ": var(--plasma-typo-body-xs-font-style);\n ",
452
- ": var(--plasma-typo-body-xs-font-weight);\n ",
453
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
454
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
455
- ": 0.3125rem 0 0 0;\n ",
456
- ": 1.0625rem 0 0.3125rem 0;\n\n ",
457
- ": 0.375rem;\n ",
458
- ": 0.375rem;\n ",
459
- ": 0 0 0 0;\n ",
460
- ": 0.25rem auto auto -0.625rem;\n ",
461
- ": 0 0 auto auto;\n ",
462
- ": 0.125rem -0.6875rem auto auto;\n ",
463
- ": 0.813rem auto auto -0.625rem;\n ",
464
- ": 0.813rem -0.625rem auto auto;\n ",
465
- ": 0.813rem -1.988rem auto auto;\n\n ",
466
- ": 0.5rem;\n ",
467
- ": 0.125rem;\n ",
468
- ": 0.5625rem 0.5rem;\n ",
469
- ": 0.5rem;\n\n ",
470
- ": var(--plasma-typo-body-xs-font-family);\n ",
471
- ": var(--plasma-typo-body-xs-font-size);\n ",
472
- ": var(--plasma-typo-body-xs-font-style);\n ",
473
- ": var(--plasma-typo-body-xs-font-weight);\n ",
474
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
475
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
476
- ": 1rem 0.5rem 0.5rem 0.5rem;\n ",
477
- ": 0.25rem;\n\n ",
478
- ": 1rem;\n ",
479
- ": 0.25rem;\n "
480
- ]);
481
- _templateObject7 = function _templateObject() {
482
- return data;
483
- };
484
- return data;
485
- }
486
- function _templateObject8() {
487
- var data = _tagged_template_literal([
488
- "\n ",
489
- ": var(--text-secondary);\n ",
490
- ": var(--plasma-typo-body-xs-font-family);\n ",
491
- ": var(--plasma-typo-body-xs-font-size);\n ",
492
- ": var(--plasma-typo-body-xs-font-style);\n ",
493
- ": var(--plasma-typo-body-xs-font-weight);\n ",
494
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
495
- ": var(--plasma-typo-body-xs-line-height);\n "
496
- ]);
497
- _templateObject8 = function _templateObject() {
498
- return data;
499
- };
500
- return data;
501
- }
502
- function _templateObject9() {
503
- var data = _tagged_template_literal([
504
- ""
505
- ]);
506
- _templateObject9 = function _templateObject() {
507
- return data;
508
- };
509
- return data;
510
- }
511
- function _templateObject10() {
512
- var data = _tagged_template_literal([
513
- "\n ",
514
- ": var(--surface-solid-card-brightness);\n ",
515
- ": var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ",
516
- ": var(--text-primary);\n ",
517
- ": var(--surface-solid-card);\n "
518
- ]);
519
- _templateObject10 = function _templateObject() {
520
- return data;
521
- };
522
- return data;
523
- }
524
- function _templateObject11() {
525
- var data = _tagged_template_literal([
526
- "\n ",
527
- ": 0.6875rem;\n ",
528
- ": 0.875rem;\n ",
529
- ": 0.6875rem;\n ",
530
- ": 0.875rem;\n\n ",
531
- ": 2.5rem;\n ",
532
- ": 0.625rem;\n\n ",
533
- ": var(--plasma-typo-body-s-font-family);\n ",
534
- ": var(--plasma-typo-body-s-font-size);\n ",
535
- ": var(--plasma-typo-body-s-font-style);\n ",
536
- ": var(--plasma-typo-body-s-font-weight);\n ",
537
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
538
- ": var(--plasma-typo-body-s-line-height);\n\n ",
539
- ": 0.375rem;\n\n ",
540
- ": 1.25rem;\n ",
541
- ": 1.25rem;\n ",
542
- ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
543
- ": 0.5rem;\n ",
544
- ": 0.625rem;\n "
545
- ]);
546
- _templateObject11 = function _templateObject() {
547
- return data;
548
- };
549
- return data;
550
- }
551
- function _templateObject12() {
552
- var data = _tagged_template_literal([
553
- "\n ",
554
- ": 0.5rem;\n ",
555
- ": 0.75rem;\n ",
556
- ": 0.5rem;\n ",
557
- ": 0.75rem;\n\n ",
558
- ": 2rem;\n ",
559
- ": 0.5rem;\n\n ",
560
- ": var(--plasma-typo-body-xs-font-family);\n ",
561
- ": var(--plasma-typo-body-xs-font-size);\n ",
562
- ": var(--plasma-typo-body-xs-font-style);\n ",
563
- ": var(--plasma-typo-body-xs-font-weight);\n ",
564
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
565
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
566
- ": 0.25rem;\n\n ",
567
- ": 1rem;\n ",
568
- ": 1rem;\n ",
569
- ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
570
- ": 0.375rem;\n ",
571
- ": 0.5625rem;\n "
572
- ]);
573
- _templateObject12 = function _templateObject() {
574
- return data;
575
- };
576
- return data;
577
- }
578
- function _templateObject13() {
579
- var data = _tagged_template_literal([
580
- "\n ",
581
- ": 0.4;\n "
582
- ]);
583
- _templateObject13 = function _templateObject() {
584
- return data;
585
- };
586
- return data;
587
- }
588
- function _templateObject14() {
589
- var data = _tagged_template_literal([
590
- "\n ",
591
- ": 1;\n ",
592
- ": var(--text-primary);\n ",
593
- ": 0.4;\n ",
594
- ": var(--surface-clear);\n ",
595
- ": var(--outline-read-only);\n ",
596
- ": var(--text-secondary);\n ",
597
- ": var(--text-secondary);\n ",
598
- ": var(--text-primary);\n ",
599
- ": var(--outline-read-only);\n ",
600
- ": transparent;\n ",
601
- ": 0.063rem;\n "
602
- ]);
603
- _templateObject14 = function _templateObject() {
604
- return data;
605
- };
606
- return data;
607
- }
608
- var config = {
11
+ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ const config = {
609
13
  defaults: {
610
14
  view: 'default',
611
15
  size: 'l',
@@ -613,33 +17,586 @@ var config = {
613
17
  },
614
18
  variations: {
615
19
  view: {
616
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldClearColor, _styledcomponents.autocompleteTokens.textFieldPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorFocus, _styledcomponents.autocompleteTokens.textFieldClearPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.autocompleteTokens.textFieldBackgroundColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledcomponents.autocompleteTokens.textFieldCaretColor, _styledcomponents.autocompleteTokens.textFieldTextBeforeColor, _styledcomponents.autocompleteTokens.textFieldTextAfterColor, _styledcomponents.autocompleteTokens.textFieldLabelColor, _styledcomponents.autocompleteTokens.textFieldLeftHelperColor, _styledcomponents.autocompleteTokens.textFieldFocusColor, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderColorHover, _styledcomponents.autocompleteTokens.textFieldBorderColorFocus, _styledcomponents.autocompleteTokens.textFieldContentSlotColor, _styledcomponents.autocompleteTokens.textFieldContentSlotColorHover, _styledcomponents.autocompleteTokens.textFieldContentSlotColorActive, _styledcomponents.autocompleteTokens.focusColor, _styledcomponents.autocompleteTokens.textFieldIndicatorColor, _styledcomponents.autocompleteTokens.textFieldOptionalColor, _styledcomponents.autocompleteTokens.textFieldDividerColor, _styledcomponents.autocompleteTokens.textFieldDividerColorHover, _styledcomponents.autocompleteTokens.textFieldDividerColorFocus, _styledcomponents.autocompleteTokens.background, _styledcomponents.autocompleteTokens.boxShadow, _styledcomponents.autocompleteTokens.itemBackground, _styledcomponents.autocompleteTokens.itemBackgroundHover, _styledcomponents.autocompleteTokens.itemColor, _styledcomponents.autocompleteTokens.textFieldContentSlotColor, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldContentSlotRightColor, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.infiniteLoaderSpinnerColor, _styledcomponents.autocompleteTokens.textFieldHintIconColor),
617
- positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldClearColor, _styledcomponents.autocompleteTokens.textFieldPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorFocus, _styledcomponents.autocompleteTokens.textFieldClearPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.autocompleteTokens.textFieldBackgroundColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledcomponents.autocompleteTokens.textFieldCaretColor, _styledcomponents.autocompleteTokens.textFieldTextBeforeColor, _styledcomponents.autocompleteTokens.textFieldTextAfterColor, _styledcomponents.autocompleteTokens.textFieldLabelColor, _styledcomponents.autocompleteTokens.textFieldLeftHelperColor, _styledcomponents.autocompleteTokens.textFieldFocusColor, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderColorHover, _styledcomponents.autocompleteTokens.textFieldBorderColorFocus, _styledcomponents.autocompleteTokens.textFieldContentSlotColor, _styledcomponents.autocompleteTokens.textFieldContentSlotColorHover, _styledcomponents.autocompleteTokens.textFieldContentSlotColorActive, _styledcomponents.autocompleteTokens.focusColor, _styledcomponents.autocompleteTokens.textFieldIndicatorColor, _styledcomponents.autocompleteTokens.textFieldOptionalColor, _styledcomponents.autocompleteTokens.textFieldDividerColor, _styledcomponents.autocompleteTokens.textFieldDividerColorHover, _styledcomponents.autocompleteTokens.textFieldDividerColorFocus, _styledcomponents.autocompleteTokens.background, _styledcomponents.autocompleteTokens.boxShadow, _styledcomponents.autocompleteTokens.itemBackground, _styledcomponents.autocompleteTokens.itemBackgroundHover, _styledcomponents.autocompleteTokens.itemColor, _styledcomponents.autocompleteTokens.textFieldContentSlotColor, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldContentSlotRightColor, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.infiniteLoaderSpinnerColor, _styledcomponents.autocompleteTokens.textFieldHintIconColor),
618
- warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldClearColor, _styledcomponents.autocompleteTokens.textFieldPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorFocus, _styledcomponents.autocompleteTokens.textFieldClearPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.autocompleteTokens.textFieldBackgroundColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledcomponents.autocompleteTokens.textFieldCaretColor, _styledcomponents.autocompleteTokens.textFieldTextBeforeColor, _styledcomponents.autocompleteTokens.textFieldTextAfterColor, _styledcomponents.autocompleteTokens.textFieldLabelColor, _styledcomponents.autocompleteTokens.textFieldLeftHelperColor, _styledcomponents.autocompleteTokens.textFieldFocusColor, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderColorHover, _styledcomponents.autocompleteTokens.textFieldBorderColorFocus, _styledcomponents.autocompleteTokens.textFieldContentSlotColor, _styledcomponents.autocompleteTokens.textFieldContentSlotColorHover, _styledcomponents.autocompleteTokens.textFieldContentSlotColorActive, _styledcomponents.autocompleteTokens.focusColor, _styledcomponents.autocompleteTokens.textFieldIndicatorColor, _styledcomponents.autocompleteTokens.textFieldOptionalColor, _styledcomponents.autocompleteTokens.textFieldDividerColor, _styledcomponents.autocompleteTokens.textFieldDividerColorHover, _styledcomponents.autocompleteTokens.textFieldDividerColorFocus, _styledcomponents.autocompleteTokens.background, _styledcomponents.autocompleteTokens.boxShadow, _styledcomponents.autocompleteTokens.itemBackground, _styledcomponents.autocompleteTokens.itemBackgroundHover, _styledcomponents.autocompleteTokens.itemColor, _styledcomponents.autocompleteTokens.textFieldContentSlotColor, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldContentSlotRightColor, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.infiniteLoaderSpinnerColor, _styledcomponents.autocompleteTokens.textFieldHintIconColor),
619
- negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldClearColor, _styledcomponents.autocompleteTokens.textFieldPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorFocus, _styledcomponents.autocompleteTokens.textFieldClearPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.autocompleteTokens.textFieldBackgroundColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledcomponents.autocompleteTokens.textFieldCaretColor, _styledcomponents.autocompleteTokens.textFieldTextBeforeColor, _styledcomponents.autocompleteTokens.textFieldTextAfterColor, _styledcomponents.autocompleteTokens.textFieldLabelColor, _styledcomponents.autocompleteTokens.textFieldLeftHelperColor, _styledcomponents.autocompleteTokens.textFieldFocusColor, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderColorHover, _styledcomponents.autocompleteTokens.textFieldBorderColorFocus, _styledcomponents.autocompleteTokens.textFieldContentSlotColor, _styledcomponents.autocompleteTokens.textFieldContentSlotColorHover, _styledcomponents.autocompleteTokens.textFieldContentSlotColorActive, _styledcomponents.autocompleteTokens.focusColor, _styledcomponents.autocompleteTokens.textFieldIndicatorColor, _styledcomponents.autocompleteTokens.textFieldOptionalColor, _styledcomponents.autocompleteTokens.textFieldDividerColor, _styledcomponents.autocompleteTokens.textFieldDividerColorHover, _styledcomponents.autocompleteTokens.textFieldDividerColorFocus, _styledcomponents.autocompleteTokens.background, _styledcomponents.autocompleteTokens.boxShadow, _styledcomponents.autocompleteTokens.itemBackground, _styledcomponents.autocompleteTokens.itemBackgroundHover, _styledcomponents.autocompleteTokens.itemColor, _styledcomponents.autocompleteTokens.textFieldContentSlotColor, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldContentSlotRightColor, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.infiniteLoaderSpinnerColor, _styledcomponents.autocompleteTokens.textFieldHintIconColor)
20
+ default: (0, _styledcomponents.css)`
21
+ ${_styledcomponents.autocompleteTokens.textFieldColor}: var(--text-primary);
22
+ ${_styledcomponents.autocompleteTokens.textFieldClearColor}: var(--text-primary);
23
+
24
+ ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColor}: var(--text-secondary);
25
+ ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
26
+ ${_styledcomponents.autocompleteTokens.textFieldClearPlaceholderColor}: var(--text-secondary);
27
+ ${_styledcomponents.autocompleteTokens.textFieldClearPlaceholderColorFocus}: var(--text-tertiary);
28
+
29
+ ${_styledcomponents.autocompleteTokens.textFieldBackgroundColor}: var(--surface-clear);
30
+ ${_styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus}: var(--surface-clear);
31
+ ${_styledcomponents.autocompleteTokens.textFieldCaretColor}: var(--text-accent);
32
+ ${_styledcomponents.autocompleteTokens.textFieldTextBeforeColor}: var(--text-tertiary);
33
+ ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: var(--text-tertiary);
34
+ ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: var(--text-primary);
35
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: var(--text-secondary);
36
+ ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: var(--text-accent);
37
+
38
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColor}: var(--outline-transparent-primary);
39
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColorHover}: var(--outline-transparent-primary-hover);
40
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColorFocus}: var(--surface-accent);
41
+
42
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: var(--text-secondary);
43
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
44
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
45
+
46
+ ${_styledcomponents.autocompleteTokens.focusColor}: var(--surface-accent);
47
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorColor}: var(--surface-negative);
48
+ ${_styledcomponents.autocompleteTokens.textFieldOptionalColor}: var(--text-tertiary);
49
+
50
+ ${_styledcomponents.autocompleteTokens.textFieldDividerColor}: var(--surface-transparent-tertiary);
51
+ ${_styledcomponents.autocompleteTokens.textFieldDividerColorHover}: var(--text-secondary);
52
+ ${_styledcomponents.autocompleteTokens.textFieldDividerColorFocus}: var(--surface-accent);
53
+
54
+ ${_styledcomponents.autocompleteTokens.background}: var(--surface-solid-card);
55
+ ${_styledcomponents.autocompleteTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
56
+ ${_styledcomponents.autocompleteTokens.itemBackground}: transparent;
57
+ ${_styledcomponents.autocompleteTokens.itemBackgroundHover}: var(--surface-solid-secondary);
58
+ ${_styledcomponents.autocompleteTokens.itemColor}: var(--text-primary);
59
+
60
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_styledcomponents.autocompleteTokens.textFieldColor};
61
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotRightColor}: ${_styledcomponents.autocompleteTokens.textFieldColor};
62
+ ${_styledcomponents.autocompleteTokens.infiniteLoaderSpinnerColor}: var(--text-primary);
63
+
64
+ ${_styledcomponents.autocompleteTokens.textFieldHintIconColor}: var(--text-secondary);
65
+ `,
66
+ positive: (0, _styledcomponents.css)`
67
+ ${_styledcomponents.autocompleteTokens.textFieldColor}: var(--text-primary);
68
+ ${_styledcomponents.autocompleteTokens.textFieldClearColor}: var(--text-positive);
69
+
70
+ ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColor}: var(--text-secondary);
71
+ ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
72
+ ${_styledcomponents.autocompleteTokens.textFieldClearPlaceholderColor}: var(--text-positive);
73
+ ${_styledcomponents.autocompleteTokens.textFieldClearPlaceholderColorFocus}: var(--text-positive);
74
+
75
+ ${_styledcomponents.autocompleteTokens.textFieldBackgroundColor}: var(--surface-clear);
76
+ ${_styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus}: var(--surface-clear);
77
+ ${_styledcomponents.autocompleteTokens.textFieldCaretColor}: var(--text-accent);
78
+ ${_styledcomponents.autocompleteTokens.textFieldTextBeforeColor}: var(--text-tertiary);
79
+ ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: var(--text-tertiary);
80
+ ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: var(--text-primary);
81
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: var(--text-positive);
82
+ ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: var(--text-accent);
83
+
84
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColor}: var(--outline-positive);
85
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColorHover}: var(--outline-positive-hover);
86
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColorFocus}: var(--surface-accent);
87
+
88
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: var(--text-secondary);
89
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
90
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
91
+
92
+ ${_styledcomponents.autocompleteTokens.focusColor}: var(--surface-accent);
93
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorColor}: var(--surface-negative);
94
+ ${_styledcomponents.autocompleteTokens.textFieldOptionalColor}: var(--text-tertiary);
95
+
96
+ ${_styledcomponents.autocompleteTokens.textFieldDividerColor}: var(--surface-positive);
97
+ ${_styledcomponents.autocompleteTokens.textFieldDividerColorHover}: var(--surface-positive);
98
+ ${_styledcomponents.autocompleteTokens.textFieldDividerColorFocus}: var(--surface-accent);
99
+
100
+ ${_styledcomponents.autocompleteTokens.background}: var(--surface-solid-card);
101
+ ${_styledcomponents.autocompleteTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
102
+ ${_styledcomponents.autocompleteTokens.itemBackground}: transparent;
103
+ ${_styledcomponents.autocompleteTokens.itemBackgroundHover}: var(--surface-transparent-secondary);
104
+ ${_styledcomponents.autocompleteTokens.itemColor}: var(--text-primary);
105
+
106
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_styledcomponents.autocompleteTokens.textFieldColor};
107
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotRightColor}: ${_styledcomponents.autocompleteTokens.textFieldColor};
108
+ ${_styledcomponents.autocompleteTokens.infiniteLoaderSpinnerColor}: var(--text-primary);
109
+
110
+ ${_styledcomponents.autocompleteTokens.textFieldHintIconColor}: var(--text-secondary);
111
+ `,
112
+ warning: (0, _styledcomponents.css)`
113
+ ${_styledcomponents.autocompleteTokens.textFieldColor}: var(--text-primary);
114
+ ${_styledcomponents.autocompleteTokens.textFieldClearColor}: var(--text-warning);
115
+
116
+ ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColor}: var(--text-secondary);
117
+ ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
118
+ ${_styledcomponents.autocompleteTokens.textFieldClearPlaceholderColor}: var(--text-warning);
119
+ ${_styledcomponents.autocompleteTokens.textFieldClearPlaceholderColorFocus}: var(--text-warning);
120
+
121
+ ${_styledcomponents.autocompleteTokens.textFieldBackgroundColor}: var(--surface-clear);
122
+ ${_styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus}: var(--surface-clear);
123
+ ${_styledcomponents.autocompleteTokens.textFieldCaretColor}: var(--text-accent);
124
+ ${_styledcomponents.autocompleteTokens.textFieldTextBeforeColor}: var(--text-tertiary);
125
+ ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: var(--text-tertiary);
126
+ ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: var(--text-primary);
127
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: var(--text-warning);
128
+ ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: var(--text-accent);
129
+
130
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColor}: var(--outline-warning);
131
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColorHover}: var(--outline-warning-hover);
132
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColorFocus}: var(--surface-accent);
133
+
134
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: var(--text-secondary);
135
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
136
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
137
+
138
+ ${_styledcomponents.autocompleteTokens.focusColor}: var(--surface-accent);
139
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorColor}: var(--surface-negative);
140
+ ${_styledcomponents.autocompleteTokens.textFieldOptionalColor}: var(--text-tertiary);
141
+
142
+ ${_styledcomponents.autocompleteTokens.textFieldDividerColor}: var(--surface-warning);
143
+ ${_styledcomponents.autocompleteTokens.textFieldDividerColorHover}: var(--surface-warning);
144
+ ${_styledcomponents.autocompleteTokens.textFieldDividerColorFocus}: var(--surface-accent);
145
+
146
+ ${_styledcomponents.autocompleteTokens.background}: var(--surface-solid-card);
147
+ ${_styledcomponents.autocompleteTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
148
+ ${_styledcomponents.autocompleteTokens.itemBackground}: transparent;
149
+ ${_styledcomponents.autocompleteTokens.itemBackgroundHover}: var(--surface-transparent-secondary);
150
+ ${_styledcomponents.autocompleteTokens.itemColor}: var(--text-primary);
151
+
152
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_styledcomponents.autocompleteTokens.textFieldColor};
153
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotRightColor}: ${_styledcomponents.autocompleteTokens.textFieldColor};
154
+ ${_styledcomponents.autocompleteTokens.infiniteLoaderSpinnerColor}: var(--text-primary);
155
+
156
+ ${_styledcomponents.autocompleteTokens.textFieldHintIconColor}: var(--text-secondary);
157
+ `,
158
+ negative: (0, _styledcomponents.css)`
159
+ ${_styledcomponents.autocompleteTokens.textFieldColor}: var(--text-primary);
160
+ ${_styledcomponents.autocompleteTokens.textFieldClearColor}: var(--text-negative);
161
+
162
+ ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColor}: var(--text-secondary);
163
+ ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
164
+ ${_styledcomponents.autocompleteTokens.textFieldClearPlaceholderColor}: var(--text-negative);
165
+ ${_styledcomponents.autocompleteTokens.textFieldClearPlaceholderColorFocus}: var(--text-negative);
166
+
167
+ ${_styledcomponents.autocompleteTokens.textFieldBackgroundColor}: var(--surface-clear);
168
+ ${_styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus}: var(--surface-clear);
169
+ ${_styledcomponents.autocompleteTokens.textFieldCaretColor}: var(--text-accent);
170
+ ${_styledcomponents.autocompleteTokens.textFieldTextBeforeColor}: var(--text-tertiary);
171
+ ${_styledcomponents.autocompleteTokens.textFieldTextAfterColor}: var(--text-tertiary);
172
+ ${_styledcomponents.autocompleteTokens.textFieldLabelColor}: var(--text-primary);
173
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColor}: var(--text-negative);
174
+ ${_styledcomponents.autocompleteTokens.textFieldFocusColor}: var(--text-accent);
175
+
176
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColor}: var(--outline-negative);
177
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColorHover}: var(--outline-negative-hover);
178
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColorFocus}: var(--surface-accent);
179
+
180
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: var(--text-secondary);
181
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
182
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
183
+
184
+ ${_styledcomponents.autocompleteTokens.focusColor}: var(--surface-accent);
185
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorColor}: var(--surface-negative);
186
+ ${_styledcomponents.autocompleteTokens.textFieldOptionalColor}: var(--text-tertiary);
187
+
188
+ ${_styledcomponents.autocompleteTokens.textFieldDividerColor}: var(--surface-negative);
189
+ ${_styledcomponents.autocompleteTokens.textFieldDividerColorHover}: var(--surface-negative);
190
+ ${_styledcomponents.autocompleteTokens.textFieldDividerColorFocus}: var(--surface-accent);
191
+
192
+ ${_styledcomponents.autocompleteTokens.background}: var(--surface-solid-card);
193
+ ${_styledcomponents.autocompleteTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
194
+ ${_styledcomponents.autocompleteTokens.itemBackground}: transparent;
195
+ ${_styledcomponents.autocompleteTokens.itemBackgroundHover}: var(--surface-transparent-secondary);
196
+ ${_styledcomponents.autocompleteTokens.itemColor}: var(--text-primary);
197
+
198
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotColor}: ${_styledcomponents.autocompleteTokens.textFieldColor};
199
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotRightColor}: ${_styledcomponents.autocompleteTokens.textFieldColor};
200
+ ${_styledcomponents.autocompleteTokens.infiniteLoaderSpinnerColor}: var(--text-primary);
201
+
202
+ ${_styledcomponents.autocompleteTokens.textFieldHintIconColor}: var(--text-secondary);
203
+ `
620
204
  },
621
205
  size: {
622
- l: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.autocompleteTokens.textFieldHeight, _styledcomponents.autocompleteTokens.textFieldPadding, _styledcomponents.autocompleteTokens.textFieldBorderRadius, _styledcomponents.autocompleteTokens.textFieldBorderWidth, _styledcomponents.autocompleteTokens.textFieldLeftContentMargin, _styledcomponents.autocompleteTokens.textFieldRightContentMargin, _styledcomponents.autocompleteTokens.textFieldRightContentWithHintMargin, _styledcomponents.autocompleteTokens.textFieldContentRightWrapperGap, _styledcomponents.autocompleteTokens.textFieldContentRightWrapperMargin, _styledcomponents.autocompleteTokens.textFieldTextBeforeMargin, _styledcomponents.autocompleteTokens.textFieldTextAfterMargin, _styledcomponents.autocompleteTokens.textFieldFontFamily, _styledcomponents.autocompleteTokens.textFieldFontSize, _styledcomponents.autocompleteTokens.textFieldFontStyle, _styledcomponents.autocompleteTokens.textFieldFontWeight, _styledcomponents.autocompleteTokens.textFieldLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLineHeight, _styledcomponents.autocompleteTokens.textFieldLabelOffset, _styledcomponents.autocompleteTokens.textFieldClearLabelOffset, _styledcomponents.autocompleteTokens.textFieldLabelFontFamily, _styledcomponents.autocompleteTokens.textFieldLabelFontSize, _styledcomponents.autocompleteTokens.textFieldLabelFontStyle, _styledcomponents.autocompleteTokens.textFieldLabelFontWeight, _styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLabelLineHeight, _styledcomponents.autocompleteTokens.textFieldHintMargin, _styledcomponents.autocompleteTokens.textFieldHintTargetSize, _styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.autocompleteTokens.textFieldLeftHelperOffset, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight, _styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight, _styledcomponents.autocompleteTokens.textFieldLabelInnerPadding, _styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding, _styledcomponents.autocompleteTokens.textFieldIndicatorSizeInner, _styledcomponents.autocompleteTokens.textFieldIndicatorSizeOuter, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.autocompleteTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.autocompleteTokens.borderRadius, _styledcomponents.autocompleteTokens.padding, _styledcomponents.autocompleteTokens.itemPadding, _styledcomponents.autocompleteTokens.itemBorderRadius, _styledcomponents.autocompleteTokens.itemFontFamily, _styledcomponents.autocompleteTokens.itemFontSize, _styledcomponents.autocompleteTokens.itemFontStyle, _styledcomponents.autocompleteTokens.itemFontWeight, _styledcomponents.autocompleteTokens.itemFontLetterSpacing, _styledcomponents.autocompleteTokens.itemFontLineHeight, _styledcomponents.autocompleteTokens.emptyStatePadding, _styledcomponents.autocompleteTokens.emptyStateGap, _styledcomponents.autocompleteTokens.infiniteLoaderSpinnerSize, _styledcomponents.autocompleteTokens.infiniteLoaderGap),
623
- m: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.autocompleteTokens.textFieldHeight, _styledcomponents.autocompleteTokens.textFieldPadding, _styledcomponents.autocompleteTokens.textFieldBorderRadius, _styledcomponents.autocompleteTokens.textFieldBorderWidth, _styledcomponents.autocompleteTokens.textFieldLeftContentMargin, _styledcomponents.autocompleteTokens.textFieldRightContentMargin, _styledcomponents.autocompleteTokens.textFieldRightContentWithHintMargin, _styledcomponents.autocompleteTokens.textFieldContentRightWrapperGap, _styledcomponents.autocompleteTokens.textFieldContentRightWrapperMargin, _styledcomponents.autocompleteTokens.textFieldTextBeforeMargin, _styledcomponents.autocompleteTokens.textFieldTextAfterMargin, _styledcomponents.autocompleteTokens.textFieldFontFamily, _styledcomponents.autocompleteTokens.textFieldFontSize, _styledcomponents.autocompleteTokens.textFieldFontStyle, _styledcomponents.autocompleteTokens.textFieldFontWeight, _styledcomponents.autocompleteTokens.textFieldLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLineHeight, _styledcomponents.autocompleteTokens.textFieldLabelOffset, _styledcomponents.autocompleteTokens.textFieldClearLabelOffset, _styledcomponents.autocompleteTokens.textFieldLabelFontFamily, _styledcomponents.autocompleteTokens.textFieldLabelFontSize, _styledcomponents.autocompleteTokens.textFieldLabelFontStyle, _styledcomponents.autocompleteTokens.textFieldLabelFontWeight, _styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLabelLineHeight, _styledcomponents.autocompleteTokens.textFieldHintMargin, _styledcomponents.autocompleteTokens.textFieldHintTargetSize, _styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.autocompleteTokens.textFieldLeftHelperOffset, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight, _styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight, _styledcomponents.autocompleteTokens.textFieldLabelInnerPadding, _styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding, _styledcomponents.autocompleteTokens.textFieldIndicatorSizeInner, _styledcomponents.autocompleteTokens.textFieldIndicatorSizeOuter, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.autocompleteTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.autocompleteTokens.borderRadius, _styledcomponents.autocompleteTokens.padding, _styledcomponents.autocompleteTokens.itemPadding, _styledcomponents.autocompleteTokens.itemBorderRadius, _styledcomponents.autocompleteTokens.itemFontFamily, _styledcomponents.autocompleteTokens.itemFontSize, _styledcomponents.autocompleteTokens.itemFontStyle, _styledcomponents.autocompleteTokens.itemFontWeight, _styledcomponents.autocompleteTokens.itemFontLetterSpacing, _styledcomponents.autocompleteTokens.itemFontLineHeight, _styledcomponents.autocompleteTokens.emptyStatePadding, _styledcomponents.autocompleteTokens.emptyStateGap, _styledcomponents.autocompleteTokens.infiniteLoaderSpinnerSize, _styledcomponents.autocompleteTokens.infiniteLoaderGap),
624
- s: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldHeight, _styledcomponents.autocompleteTokens.textFieldPadding, _styledcomponents.autocompleteTokens.textFieldBorderRadius, _styledcomponents.autocompleteTokens.textFieldBorderWidth, _styledcomponents.autocompleteTokens.textFieldLeftContentMargin, _styledcomponents.autocompleteTokens.textFieldRightContentMargin, _styledcomponents.autocompleteTokens.textFieldRightContentWithHintMargin, _styledcomponents.autocompleteTokens.textFieldContentRightWrapperGap, _styledcomponents.autocompleteTokens.textFieldContentRightWrapperMargin, _styledcomponents.autocompleteTokens.textFieldTextBeforeMargin, _styledcomponents.autocompleteTokens.textFieldTextAfterMargin, _styledcomponents.autocompleteTokens.textFieldFontFamily, _styledcomponents.autocompleteTokens.textFieldFontSize, _styledcomponents.autocompleteTokens.textFieldFontStyle, _styledcomponents.autocompleteTokens.textFieldFontWeight, _styledcomponents.autocompleteTokens.textFieldLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLineHeight, _styledcomponents.autocompleteTokens.textFieldLabelOffset, _styledcomponents.autocompleteTokens.textFieldClearLabelOffset, _styledcomponents.autocompleteTokens.textFieldLabelFontFamily, _styledcomponents.autocompleteTokens.textFieldLabelFontSize, _styledcomponents.autocompleteTokens.textFieldLabelFontStyle, _styledcomponents.autocompleteTokens.textFieldLabelFontWeight, _styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLabelLineHeight, _styledcomponents.autocompleteTokens.textFieldHintMargin, _styledcomponents.autocompleteTokens.textFieldHintTargetSize, _styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.autocompleteTokens.textFieldLeftHelperOffset, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight, _styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight, _styledcomponents.autocompleteTokens.textFieldLabelInnerPadding, _styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding, _styledcomponents.autocompleteTokens.textFieldIndicatorSizeInner, _styledcomponents.autocompleteTokens.textFieldIndicatorSizeOuter, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.autocompleteTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.autocompleteTokens.borderRadius, _styledcomponents.autocompleteTokens.padding, _styledcomponents.autocompleteTokens.itemPadding, _styledcomponents.autocompleteTokens.itemBorderRadius, _styledcomponents.autocompleteTokens.itemFontFamily, _styledcomponents.autocompleteTokens.itemFontSize, _styledcomponents.autocompleteTokens.itemFontStyle, _styledcomponents.autocompleteTokens.itemFontWeight, _styledcomponents.autocompleteTokens.itemFontLetterSpacing, _styledcomponents.autocompleteTokens.itemFontLineHeight, _styledcomponents.autocompleteTokens.emptyStatePadding, _styledcomponents.autocompleteTokens.emptyStateGap, _styledcomponents.autocompleteTokens.infiniteLoaderSpinnerSize, _styledcomponents.autocompleteTokens.infiniteLoaderGap),
625
- xs: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.autocompleteTokens.textFieldHeight, _styledcomponents.autocompleteTokens.textFieldPadding, _styledcomponents.autocompleteTokens.textFieldBorderRadius, _styledcomponents.autocompleteTokens.textFieldBorderWidth, _styledcomponents.autocompleteTokens.textFieldLeftContentMargin, _styledcomponents.autocompleteTokens.textFieldRightContentMargin, _styledcomponents.autocompleteTokens.textFieldRightContentWithHintMargin, _styledcomponents.autocompleteTokens.textFieldContentRightWrapperGap, _styledcomponents.autocompleteTokens.textFieldContentRightWrapperMargin, _styledcomponents.autocompleteTokens.textFieldTextBeforeMargin, _styledcomponents.autocompleteTokens.textFieldTextAfterMargin, _styledcomponents.autocompleteTokens.textFieldFontFamily, _styledcomponents.autocompleteTokens.textFieldFontSize, _styledcomponents.autocompleteTokens.textFieldFontStyle, _styledcomponents.autocompleteTokens.textFieldFontWeight, _styledcomponents.autocompleteTokens.textFieldLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLineHeight, _styledcomponents.autocompleteTokens.textFieldLabelOffset, _styledcomponents.autocompleteTokens.textFieldClearLabelOffset, _styledcomponents.autocompleteTokens.textFieldLabelFontFamily, _styledcomponents.autocompleteTokens.textFieldLabelFontSize, _styledcomponents.autocompleteTokens.textFieldLabelFontStyle, _styledcomponents.autocompleteTokens.textFieldLabelFontWeight, _styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLabelLineHeight, _styledcomponents.autocompleteTokens.textFieldHintMargin, _styledcomponents.autocompleteTokens.textFieldHintTargetSize, _styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.autocompleteTokens.textFieldLeftHelperOffset, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight, _styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight, _styledcomponents.autocompleteTokens.textFieldLabelInnerPadding, _styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding, _styledcomponents.autocompleteTokens.textFieldIndicatorSizeInner, _styledcomponents.autocompleteTokens.textFieldIndicatorSizeOuter, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.autocompleteTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.autocompleteTokens.borderRadius, _styledcomponents.autocompleteTokens.padding, _styledcomponents.autocompleteTokens.itemPadding, _styledcomponents.autocompleteTokens.itemBorderRadius, _styledcomponents.autocompleteTokens.itemFontFamily, _styledcomponents.autocompleteTokens.itemFontSize, _styledcomponents.autocompleteTokens.itemFontStyle, _styledcomponents.autocompleteTokens.itemFontWeight, _styledcomponents.autocompleteTokens.itemFontLetterSpacing, _styledcomponents.autocompleteTokens.itemFontLineHeight, _styledcomponents.autocompleteTokens.emptyStatePadding, _styledcomponents.autocompleteTokens.emptyStateGap, _styledcomponents.autocompleteTokens.infiniteLoaderSpinnerSize, _styledcomponents.autocompleteTokens.infiniteLoaderGap)
206
+ l: (0, _styledcomponents.css)`
207
+ ${_styledcomponents.autocompleteTokens.textFieldHeight}: 3.5rem;
208
+ ${_styledcomponents.autocompleteTokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;
209
+ ${_styledcomponents.autocompleteTokens.textFieldBorderRadius}: 0.875rem;
210
+ ${_styledcomponents.autocompleteTokens.textFieldBorderWidth}: 0.0625rem;
211
+
212
+ ${_styledcomponents.autocompleteTokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;
213
+ ${_styledcomponents.autocompleteTokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
214
+ ${_styledcomponents.autocompleteTokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
215
+
216
+ ${_styledcomponents.autocompleteTokens.textFieldContentRightWrapperGap}: 0.25rem;
217
+ ${_styledcomponents.autocompleteTokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
218
+
219
+ ${_styledcomponents.autocompleteTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
220
+ ${_styledcomponents.autocompleteTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
221
+
222
+ ${_styledcomponents.autocompleteTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);
223
+ ${_styledcomponents.autocompleteTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);
224
+ ${_styledcomponents.autocompleteTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);
225
+ ${_styledcomponents.autocompleteTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);
226
+ ${_styledcomponents.autocompleteTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
227
+ ${_styledcomponents.autocompleteTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);
228
+
229
+ ${_styledcomponents.autocompleteTokens.textFieldLabelOffset}: 0.75rem;
230
+ ${_styledcomponents.autocompleteTokens.textFieldClearLabelOffset}: 0.25rem;
231
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontFamily}: var(--plasma-typo-body-l-font-family);
232
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontSize}: var(--plasma-typo-body-l-font-size);
233
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontStyle}: var(--plasma-typo-body-l-font-style);
234
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-l-font-weight);
235
+ ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
236
+ ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);
237
+
238
+ ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
239
+ ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
240
+ ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
241
+ ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
242
+
243
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
244
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
245
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
246
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
247
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
248
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
249
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
250
+
251
+ ${_styledcomponents.autocompleteTokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
252
+ ${_styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
253
+
254
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorSizeInner}: 0.5rem;
255
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorSizeOuter}: 0.375rem;
256
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
257
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;
258
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
259
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;
260
+ ${_styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;
261
+ ${_styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;
262
+ ${_styledcomponents.autocompleteTokens.textFieldClearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;
263
+
264
+ ${_styledcomponents.autocompleteTokens.borderRadius}: 0.875rem;
265
+ ${_styledcomponents.autocompleteTokens.padding}: 0.125rem;
266
+ ${_styledcomponents.autocompleteTokens.itemPadding}: 1.0625rem 1rem;
267
+ ${_styledcomponents.autocompleteTokens.itemBorderRadius}: 0.75rem;
268
+
269
+ ${_styledcomponents.autocompleteTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);
270
+ ${_styledcomponents.autocompleteTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);
271
+ ${_styledcomponents.autocompleteTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);
272
+ ${_styledcomponents.autocompleteTokens.itemFontWeight}: var(--plasma-typo-body-l-font-weight);
273
+ ${_styledcomponents.autocompleteTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
274
+ ${_styledcomponents.autocompleteTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);
275
+
276
+ ${_styledcomponents.autocompleteTokens.emptyStatePadding}: 2rem 1rem 1rem 1rem;
277
+ ${_styledcomponents.autocompleteTokens.emptyStateGap}: 0.5rem;
278
+
279
+ ${_styledcomponents.autocompleteTokens.infiniteLoaderSpinnerSize}: 1.5rem;
280
+ ${_styledcomponents.autocompleteTokens.infiniteLoaderGap}: 0.5rem;
281
+ `,
282
+ m: (0, _styledcomponents.css)`
283
+ ${_styledcomponents.autocompleteTokens.textFieldHeight}: 3rem;
284
+ ${_styledcomponents.autocompleteTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;
285
+ ${_styledcomponents.autocompleteTokens.textFieldBorderRadius}: 0.75rem;
286
+ ${_styledcomponents.autocompleteTokens.textFieldBorderWidth}: 0.0625rem;
287
+
288
+ ${_styledcomponents.autocompleteTokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;
289
+ ${_styledcomponents.autocompleteTokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;
290
+ ${_styledcomponents.autocompleteTokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
291
+
292
+ ${_styledcomponents.autocompleteTokens.textFieldContentRightWrapperGap}: 0.25rem;
293
+ ${_styledcomponents.autocompleteTokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
294
+
295
+ ${_styledcomponents.autocompleteTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
296
+ ${_styledcomponents.autocompleteTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
297
+
298
+ ${_styledcomponents.autocompleteTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);
299
+ ${_styledcomponents.autocompleteTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);
300
+ ${_styledcomponents.autocompleteTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);
301
+ ${_styledcomponents.autocompleteTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);
302
+ ${_styledcomponents.autocompleteTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
303
+ ${_styledcomponents.autocompleteTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);
304
+
305
+ ${_styledcomponents.autocompleteTokens.textFieldLabelOffset}: 0.625rem;
306
+ ${_styledcomponents.autocompleteTokens.textFieldClearLabelOffset}: 0.25rem;
307
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontFamily}: var(--plasma-typo-body-m-font-family);
308
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontSize}: var(--plasma-typo-body-m-font-size);
309
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontStyle}: var(--plasma-typo-body-m-font-style);
310
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);
311
+ ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
312
+ ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
313
+
314
+ ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
315
+ ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
316
+ ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
317
+ ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
318
+
319
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
320
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
321
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
322
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
323
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
324
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
325
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
326
+
327
+ ${_styledcomponents.autocompleteTokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
328
+ ${_styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
329
+
330
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorSizeInner}: 0.5rem;
331
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorSizeOuter}: 0.375rem;
332
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
333
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;
334
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
335
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;
336
+ ${_styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;
337
+ ${_styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;
338
+ ${_styledcomponents.autocompleteTokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;
339
+
340
+ ${_styledcomponents.autocompleteTokens.borderRadius}: 0.75rem;
341
+ ${_styledcomponents.autocompleteTokens.padding}: 0.125rem;
342
+ ${_styledcomponents.autocompleteTokens.itemPadding}: 0.875rem 0.875rem 0.875rem 0.875rem;
343
+ ${_styledcomponents.autocompleteTokens.itemBorderRadius}: 0.625rem;
344
+
345
+ ${_styledcomponents.autocompleteTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);
346
+ ${_styledcomponents.autocompleteTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);
347
+ ${_styledcomponents.autocompleteTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);
348
+ ${_styledcomponents.autocompleteTokens.itemFontWeight}: var(--plasma-typo-body-m-font-weight);
349
+ ${_styledcomponents.autocompleteTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
350
+ ${_styledcomponents.autocompleteTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);
351
+
352
+ ${_styledcomponents.autocompleteTokens.emptyStatePadding}: 1.625rem 0.875rem 0.875rem 0.875rem;
353
+ ${_styledcomponents.autocompleteTokens.emptyStateGap}: 0.375rem;
354
+
355
+ ${_styledcomponents.autocompleteTokens.infiniteLoaderSpinnerSize}: 1.5rem;
356
+ ${_styledcomponents.autocompleteTokens.infiniteLoaderGap}: 0.375rem;
357
+ `,
358
+ s: (0, _styledcomponents.css)`
359
+ ${_styledcomponents.autocompleteTokens.textFieldHeight}: 2.5rem;
360
+ ${_styledcomponents.autocompleteTokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;
361
+ ${_styledcomponents.autocompleteTokens.textFieldBorderRadius}: 0.625rem;
362
+ ${_styledcomponents.autocompleteTokens.textFieldBorderWidth}: 0.0625rem;
363
+
364
+ ${_styledcomponents.autocompleteTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
365
+ ${_styledcomponents.autocompleteTokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
366
+ ${_styledcomponents.autocompleteTokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
367
+
368
+ ${_styledcomponents.autocompleteTokens.textFieldContentRightWrapperGap}: 0.25rem;
369
+ ${_styledcomponents.autocompleteTokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
370
+
371
+ ${_styledcomponents.autocompleteTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
372
+ ${_styledcomponents.autocompleteTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
373
+
374
+ ${_styledcomponents.autocompleteTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);
375
+ ${_styledcomponents.autocompleteTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);
376
+ ${_styledcomponents.autocompleteTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);
377
+ ${_styledcomponents.autocompleteTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);
378
+ ${_styledcomponents.autocompleteTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
379
+ ${_styledcomponents.autocompleteTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
380
+
381
+ ${_styledcomponents.autocompleteTokens.textFieldLabelOffset}: 0.5rem;
382
+ ${_styledcomponents.autocompleteTokens.textFieldClearLabelOffset}: 0.25rem;
383
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontFamily}: var(--plasma-typo-body-s-font-family);
384
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontSize}: var(--plasma-typo-body-s-font-size);
385
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontStyle}: var(--plasma-typo-body-s-font-style);
386
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);
387
+ ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
388
+ ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
389
+
390
+ ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.688rem -0.5rem;
391
+ ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
392
+ ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
393
+ ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
394
+
395
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
396
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
397
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
398
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
399
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
400
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
401
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
402
+
403
+ ${_styledcomponents.autocompleteTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
404
+ ${_styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
405
+
406
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorSizeInner}: 0.375rem;
407
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorSizeOuter}: 0.375rem;
408
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
409
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;
410
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
411
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;
412
+ ${_styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;
413
+ ${_styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;
414
+ ${_styledcomponents.autocompleteTokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;
415
+
416
+ ${_styledcomponents.autocompleteTokens.borderRadius}: 0.625rem;
417
+ ${_styledcomponents.autocompleteTokens.padding}: 0.125rem;
418
+ ${_styledcomponents.autocompleteTokens.itemPadding}: 0.6875rem 0.75rem;
419
+ ${_styledcomponents.autocompleteTokens.itemBorderRadius}: 0.5rem;
420
+
421
+ ${_styledcomponents.autocompleteTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);
422
+ ${_styledcomponents.autocompleteTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);
423
+ ${_styledcomponents.autocompleteTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);
424
+ ${_styledcomponents.autocompleteTokens.itemFontWeight}: var(--plasma-typo-body-s-font-weight);
425
+ ${_styledcomponents.autocompleteTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
426
+ ${_styledcomponents.autocompleteTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);
427
+
428
+ ${_styledcomponents.autocompleteTokens.emptyStatePadding}: 1.375rem 0.625rem 0.625rem 0.625rem;
429
+ ${_styledcomponents.autocompleteTokens.emptyStateGap}: 0.25rem;
430
+
431
+ ${_styledcomponents.autocompleteTokens.infiniteLoaderSpinnerSize}: 1.5rem;
432
+ ${_styledcomponents.autocompleteTokens.infiniteLoaderGap}: 0.25rem;
433
+ `,
434
+ xs: (0, _styledcomponents.css)`
435
+ ${_styledcomponents.autocompleteTokens.textFieldHeight}: 2rem;
436
+ ${_styledcomponents.autocompleteTokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;
437
+ ${_styledcomponents.autocompleteTokens.textFieldBorderRadius}: 0.5rem;
438
+ ${_styledcomponents.autocompleteTokens.textFieldBorderWidth}: 0.0625rem;
439
+
440
+ ${_styledcomponents.autocompleteTokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
441
+ ${_styledcomponents.autocompleteTokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
442
+ ${_styledcomponents.autocompleteTokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
443
+
444
+ ${_styledcomponents.autocompleteTokens.textFieldContentRightWrapperGap}: 0.25rem;
445
+ ${_styledcomponents.autocompleteTokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
446
+
447
+ ${_styledcomponents.autocompleteTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
448
+ ${_styledcomponents.autocompleteTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
449
+
450
+ ${_styledcomponents.autocompleteTokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);
451
+ ${_styledcomponents.autocompleteTokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);
452
+ ${_styledcomponents.autocompleteTokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);
453
+ ${_styledcomponents.autocompleteTokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);
454
+ ${_styledcomponents.autocompleteTokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
455
+ ${_styledcomponents.autocompleteTokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);
456
+
457
+ ${_styledcomponents.autocompleteTokens.textFieldLabelOffset}: 0.375rem;
458
+ ${_styledcomponents.autocompleteTokens.textFieldClearLabelOffset}: 0.25rem;
459
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontFamily}: var(--plasma-typo-body-xs-font-family);
460
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontSize}: var(--plasma-typo-body-xs-font-size);
461
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontStyle}: var(--plasma-typo-body-xs-font-style);
462
+ ${_styledcomponents.autocompleteTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);
463
+ ${_styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
464
+ ${_styledcomponents.autocompleteTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);
465
+
466
+ ${_styledcomponents.autocompleteTokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
467
+ ${_styledcomponents.autocompleteTokens.textFieldHintTargetSize}: 2.375rem;
468
+ ${_styledcomponents.autocompleteTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
469
+ ${_styledcomponents.autocompleteTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
470
+
471
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem;
472
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
473
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
474
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
475
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
476
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
477
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
478
+
479
+ ${_styledcomponents.autocompleteTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
480
+ ${_styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
481
+
482
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorSizeInner}: 0.375rem;
483
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorSizeOuter}: 0.375rem;
484
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
485
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;
486
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
487
+ ${_styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;
488
+ ${_styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;
489
+ ${_styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;
490
+ ${_styledcomponents.autocompleteTokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;
491
+
492
+ ${_styledcomponents.autocompleteTokens.borderRadius}: 0.5rem;
493
+ ${_styledcomponents.autocompleteTokens.padding}: 0.125rem;
494
+ ${_styledcomponents.autocompleteTokens.itemPadding}: 0.5625rem 0.5rem;
495
+ ${_styledcomponents.autocompleteTokens.itemBorderRadius}: 0.5rem;
496
+
497
+ ${_styledcomponents.autocompleteTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);
498
+ ${_styledcomponents.autocompleteTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);
499
+ ${_styledcomponents.autocompleteTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);
500
+ ${_styledcomponents.autocompleteTokens.itemFontWeight}: var(--plasma-typo-body-xs-font-weight);
501
+ ${_styledcomponents.autocompleteTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
502
+ ${_styledcomponents.autocompleteTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);
503
+
504
+ ${_styledcomponents.autocompleteTokens.emptyStatePadding}: 1rem 0.5rem 0.5rem 0.5rem;
505
+ ${_styledcomponents.autocompleteTokens.emptyStateGap}: 0.25rem;
506
+
507
+ ${_styledcomponents.autocompleteTokens.infiniteLoaderSpinnerSize}: 1rem;
508
+ ${_styledcomponents.autocompleteTokens.infiniteLoaderGap}: 0.25rem;
509
+ `
626
510
  },
627
511
  labelPlacement: {
628
- inner: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.autocompleteTokens.textFieldPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldLabelInnerFontFamily, _styledcomponents.autocompleteTokens.textFieldLabelInnerFontSize, _styledcomponents.autocompleteTokens.textFieldLabelInnerFontStyle, _styledcomponents.autocompleteTokens.textFieldLabelInnerFontWeight, _styledcomponents.autocompleteTokens.textFieldLabelInnerLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLabelInnerLineHeight),
629
- outer: (0, _styledcomponents.css)(_templateObject9())
512
+ inner: (0, _styledcomponents.css)`
513
+ ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColor}: var(--text-secondary);
514
+ ${_styledcomponents.autocompleteTokens.textFieldLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
515
+ ${_styledcomponents.autocompleteTokens.textFieldLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
516
+ ${_styledcomponents.autocompleteTokens.textFieldLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
517
+ ${_styledcomponents.autocompleteTokens.textFieldLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
518
+ ${_styledcomponents.autocompleteTokens.textFieldLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
519
+ ${_styledcomponents.autocompleteTokens.textFieldLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
520
+ `,
521
+ outer: (0, _styledcomponents.css)``
630
522
  },
631
523
  hintView: {
632
- default: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.autocompleteTokens.textFieldTooltipBackgroundColor, _styledcomponents.autocompleteTokens.textFieldTooltipBoxShadow, _styledcomponents.autocompleteTokens.textFieldTooltipColor, _styledcomponents.autocompleteTokens.textFieldTooltipArrowBackground)
524
+ default: (0, _styledcomponents.css)`
525
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);
526
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));
527
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipColor}: var(--text-primary);
528
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipArrowBackground}: var(--surface-solid-card);
529
+ `
633
530
  },
634
531
  hintSize: {
635
- m: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.autocompleteTokens.textFieldTooltipPaddingTop, _styledcomponents.autocompleteTokens.textFieldTooltipPaddingRight, _styledcomponents.autocompleteTokens.textFieldTooltipPaddingBottom, _styledcomponents.autocompleteTokens.textFieldTooltipPaddingLeft, _styledcomponents.autocompleteTokens.textFieldTooltipMinHeight, _styledcomponents.autocompleteTokens.textFieldTooltipBorderRadius, _styledcomponents.autocompleteTokens.textFieldTooltipTextFontFamily, _styledcomponents.autocompleteTokens.textFieldTooltipTextFontSize, _styledcomponents.autocompleteTokens.textFieldTooltipTextFontStyle, _styledcomponents.autocompleteTokens.textFieldTooltipTextFontWeight, _styledcomponents.autocompleteTokens.textFieldTooltipTextFontLetterSpacing, _styledcomponents.autocompleteTokens.textFieldTooltipTextFontLineHeight, _styledcomponents.autocompleteTokens.textFieldTooltipContentLeftMargin, _styledcomponents.autocompleteTokens.textFieldTooltipArrowMaskWidth, _styledcomponents.autocompleteTokens.textFieldTooltipArrowMaskHeight, _styledcomponents.autocompleteTokens.textFieldTooltipArrowMaskImage, _styledcomponents.autocompleteTokens.textFieldTooltipArrowHeight, _styledcomponents.autocompleteTokens.textFieldTooltipArrowEdgeMargin),
636
- s: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.autocompleteTokens.textFieldTooltipPaddingTop, _styledcomponents.autocompleteTokens.textFieldTooltipPaddingRight, _styledcomponents.autocompleteTokens.textFieldTooltipPaddingBottom, _styledcomponents.autocompleteTokens.textFieldTooltipPaddingLeft, _styledcomponents.autocompleteTokens.textFieldTooltipMinHeight, _styledcomponents.autocompleteTokens.textFieldTooltipBorderRadius, _styledcomponents.autocompleteTokens.textFieldTooltipTextFontFamily, _styledcomponents.autocompleteTokens.textFieldTooltipTextFontSize, _styledcomponents.autocompleteTokens.textFieldTooltipTextFontStyle, _styledcomponents.autocompleteTokens.textFieldTooltipTextFontWeight, _styledcomponents.autocompleteTokens.textFieldTooltipTextFontLetterSpacing, _styledcomponents.autocompleteTokens.textFieldTooltipTextFontLineHeight, _styledcomponents.autocompleteTokens.textFieldTooltipContentLeftMargin, _styledcomponents.autocompleteTokens.textFieldTooltipArrowMaskWidth, _styledcomponents.autocompleteTokens.textFieldTooltipArrowMaskHeight, _styledcomponents.autocompleteTokens.textFieldTooltipArrowMaskImage, _styledcomponents.autocompleteTokens.textFieldTooltipArrowHeight, _styledcomponents.autocompleteTokens.textFieldTooltipArrowEdgeMargin)
532
+ m: (0, _styledcomponents.css)`
533
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipPaddingTop}: 0.6875rem;
534
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipPaddingRight}: 0.875rem;
535
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipPaddingBottom}: 0.6875rem;
536
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipPaddingLeft}: 0.875rem;
537
+
538
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipMinHeight}: 2.5rem;
539
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipBorderRadius}: 0.625rem;
540
+
541
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);
542
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);
543
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);
544
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);
545
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
546
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);
547
+
548
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipContentLeftMargin}: 0.375rem;
549
+
550
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipArrowMaskWidth}: 1.25rem;
551
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipArrowMaskHeight}: 1.25rem;
552
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");
553
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipArrowHeight}: 0.5rem;
554
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;
555
+ `,
556
+ s: (0, _styledcomponents.css)`
557
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipPaddingTop}: 0.5rem;
558
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipPaddingRight}: 0.75rem;
559
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipPaddingBottom}: 0.5rem;
560
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipPaddingLeft}: 0.75rem;
561
+
562
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipMinHeight}: 2rem;
563
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipBorderRadius}: 0.5rem;
564
+
565
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);
566
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);
567
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);
568
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
569
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
570
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);
571
+
572
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipContentLeftMargin}: 0.25rem;
573
+
574
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipArrowMaskWidth}: 1rem;
575
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipArrowMaskHeight}: 1rem;
576
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");
577
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipArrowHeight}: 0.375rem;
578
+ ${_styledcomponents.autocompleteTokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;
579
+ `
637
580
  },
638
581
  disabled: {
639
- true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.autocompleteTokens.textFieldDisabledOpacity)
582
+ true: (0, _styledcomponents.css)`
583
+ ${_styledcomponents.autocompleteTokens.textFieldDisabledOpacity}: 0.4;
584
+ `
640
585
  },
641
586
  readOnly: {
642
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.autocompleteTokens.textFieldReadOnlyOpacity, _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderWidth)
587
+ true: (0, _styledcomponents.css)`
588
+ ${_styledcomponents.autocompleteTokens.textFieldReadOnlyOpacity}: 1;
589
+ ${_styledcomponents.autocompleteTokens.textFieldColorReadOnly}: var(--text-primary);
590
+ ${_styledcomponents.autocompleteTokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
591
+ ${_styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly}: var(--surface-clear);
592
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColorReadOnly}: var(--outline-read-only);
593
+ ${_styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
594
+ ${_styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);
595
+ ${_styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly}: var(--text-primary);
596
+ ${_styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly}: var(--outline-read-only);
597
+ ${_styledcomponents.autocompleteTokens.textFieldBorderColor}: transparent;
598
+ ${_styledcomponents.autocompleteTokens.textFieldBorderWidth}: 0.063rem;
599
+ `
643
600
  }
644
601
  }
645
602
  };