@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,806 +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-negative);\n ",
46
- ": var(--text-tertiary);\n\n ",
47
- ": var(--text-secondary);\n ",
48
- ": var(--text-secondary-hover);\n ",
49
- ": var(--text-secondary);\n ",
50
- ": var(--text-primary);\n ",
51
- ": var(--surface-transparent-secondary);\n ",
52
- ": var(--text-primary);\n ",
53
- ": var(--surface-transparent-secondary-hover);\n ",
54
- ": var(--text-primary);\n ",
55
- ": var(--surface-transparent-secondary-active);\n ",
56
- ": var(--surface-transparent-secondary);\n ",
57
- ": var(--text-primary);\n ",
58
- ": var(--surface-transparent-secondary);\n ",
59
- ": var(--text-primary);\n ",
60
- ": 0.72;\n\n ",
61
- ": var(--text-secondary);\n ",
62
- ": var(--text-secondary-hover);\n ",
63
- ": var(--surface-transparent-secondary);\n ",
64
- ": var(--text-secondary);\n\n ",
65
- ": var(--surface-transparent-tertiary);\n\n ",
66
- ": var(--text-accent);\n\n ",
67
- ": var(--text-accent);\n ",
68
- ": var(--on-dark-text-primary);\n ",
69
- ": transparent;\n ",
70
- ": var(--text-secondary);\n "
71
- ]);
72
- _templateObject = function _templateObject() {
73
- return data;
74
- };
75
- return data;
76
- }
77
- function _templateObject1() {
78
- var data = _tagged_template_literal([
79
- "\n ",
80
- ": var(--text-primary);\n ",
81
- ": var(--text-positive);\n\n ",
82
- ": var(--text-secondary);\n ",
83
- ": var(--text-tertiary);\n ",
84
- ": var(--text-positive);\n ",
85
- ": var(--text-positive);\n\n ",
86
- ": var(--surface-clear);\n ",
87
- ": var(--surface-clear);\n ",
88
- ": var(--text-accent);\n ",
89
- ": var(--text-tertiary);\n ",
90
- ": var(--text-tertiary);\n ",
91
- ": var(--text-primary);\n ",
92
- ": var(--text-positive);\n ",
93
- ": var(--text-accent);\n\n ",
94
- ": var(--outline-positive);\n ",
95
- ": var(--outline-positive-hover);\n ",
96
- ": var(--surface-accent);\n\n ",
97
- ": var(--text-secondary);\n ",
98
- ": var(--text-secondary-hover);\n ",
99
- ": var(--text-secondary-active);\n\n ",
100
- ": var(--surface-negative);\n ",
101
- ": var(--text-tertiary);\n\n ",
102
- ": var(--text-secondary);\n ",
103
- ": var(--text-secondary-hover);\n ",
104
- ": var(--text-secondary);\n ",
105
- ": var(--text-primary);\n ",
106
- ": var(--surface-transparent-secondary);\n ",
107
- ": var(--text-primary);\n ",
108
- ": var(--surface-transparent-secondary-hover);\n ",
109
- ": var(--text-primary);\n ",
110
- ": var(--surface-transparent-secondary-active);\n ",
111
- ": var(--surface-transparent-secondary);\n ",
112
- ": var(--text-primary);\n ",
113
- ": var(--surface-transparent-secondary);\n ",
114
- ": var(--text-primary);\n ",
115
- ": 0.72;\n\n ",
116
- ": var(--text-secondary);\n ",
117
- ": var(--text-secondary-hover);\n ",
118
- ": var(--surface-transparent-secondary);\n ",
119
- ": var(--text-secondary);\n\n ",
120
- ": var(--surface-transparent-tertiary);\n\n ",
121
- ": var(--text-accent);\n\n ",
122
- ": var(--text-accent);\n ",
123
- ": var(--on-dark-text-primary);\n ",
124
- ": transparent;\n ",
125
- ": var(--text-secondary);\n "
126
- ]);
127
- _templateObject1 = function _templateObject() {
128
- return data;
129
- };
130
- return data;
131
- }
132
- function _templateObject2() {
133
- var data = _tagged_template_literal([
134
- "\n ",
135
- ": var(--text-primary);\n ",
136
- ": var(--text-warning);\n\n ",
137
- ": var(--text-secondary);\n ",
138
- ": var(--text-tertiary);\n ",
139
- ": var(--text-warning);\n ",
140
- ": var(--text-warning);\n\n ",
141
- ": var(--surface-clear);\n ",
142
- ": var(--surface-clear);\n ",
143
- ": var(--text-accent);\n ",
144
- ": var(--text-tertiary);\n ",
145
- ": var(--text-tertiary);\n ",
146
- ": var(--text-primary);\n ",
147
- ": var(--text-warning);\n ",
148
- ": var(--text-accent);\n\n ",
149
- ": var(--outline-warning);\n ",
150
- ": var(--outline-warning-hover);\n ",
151
- ": var(--surface-accent);\n\n ",
152
- ": var(--text-secondary);\n ",
153
- ": var(--text-secondary-hover);\n ",
154
- ": var(--text-secondary-active);\n\n ",
155
- ": var(--surface-negative);\n ",
156
- ": var(--text-tertiary);\n\n ",
157
- ": var(--text-secondary);\n ",
158
- ": var(--text-secondary-hover);\n ",
159
- ": var(--text-secondary);\n ",
160
- ": var(--text-primary);\n ",
161
- ": var(--surface-transparent-secondary);\n ",
162
- ": var(--text-primary);\n ",
163
- ": var(--surface-transparent-secondary-hover);\n ",
164
- ": var(--text-primary);\n ",
165
- ": var(--surface-transparent-secondary-active);\n ",
166
- ": var(--surface-transparent-secondary);\n ",
167
- ": var(--text-primary);\n ",
168
- ": var(--surface-transparent-secondary);\n ",
169
- ": var(--text-primary);\n ",
170
- ": 0.72;\n\n ",
171
- ": var(--text-secondary);\n ",
172
- ": var(--text-secondary-hover);\n ",
173
- ": var(--surface-transparent-secondary);\n ",
174
- ": var(--text-secondary);\n\n ",
175
- ": var(--surface-transparent-tertiary);\n\n ",
176
- ": var(--text-accent);\n\n ",
177
- ": var(--text-accent);\n ",
178
- ": var(--on-dark-text-primary);\n ",
179
- ": transparent;\n ",
180
- ": var(--text-secondary);\n "
181
- ]);
182
- _templateObject2 = function _templateObject() {
183
- return data;
184
- };
185
- return data;
186
- }
187
- function _templateObject3() {
188
- var data = _tagged_template_literal([
189
- "\n ",
190
- ": var(--text-primary);\n ",
191
- ": var(--text-negative);\n\n ",
192
- ": var(--text-secondary);\n ",
193
- ": var(--text-tertiary);\n ",
194
- ": var(--text-negative);\n ",
195
- ": var(--text-negative);\n\n ",
196
- ": var(--surface-clear);\n ",
197
- ": var(--surface-clear);\n ",
198
- ": var(--text-accent);\n ",
199
- ": var(--text-tertiary);\n ",
200
- ": var(--text-tertiary);\n ",
201
- ": var(--text-primary);\n ",
202
- ": var(--text-negative);\n ",
203
- ": var(--text-accent);\n\n ",
204
- ": var(--outline-negative);\n ",
205
- ": var(--outline-negative-hover);\n ",
206
- ": var(--surface-accent);\n\n ",
207
- ": var(--text-secondary);\n ",
208
- ": var(--text-secondary-hover);\n ",
209
- ": var(--text-secondary-active);\n\n ",
210
- ": var(--surface-negative);\n ",
211
- ": var(--text-tertiary);\n\n ",
212
- ": var(--text-secondary);\n ",
213
- ": var(--text-secondary-hover);\n ",
214
- ": var(--text-secondary);\n ",
215
- ": var(--text-primary);\n ",
216
- ": var(--surface-transparent-secondary);\n ",
217
- ": var(--text-primary);\n ",
218
- ": var(--surface-transparent-secondary-hover);\n ",
219
- ": var(--text-primary);\n ",
220
- ": var(--surface-transparent-secondary-active);\n ",
221
- ": var(--surface-transparent-secondary);\n ",
222
- ": var(--text-primary);\n ",
223
- ": var(--surface-transparent-secondary);\n ",
224
- ": var(--text-primary);\n ",
225
- ": 0.72;\n\n ",
226
- ": var(--text-secondary);\n ",
227
- ": var(--text-secondary-hover);\n ",
228
- ": var(--surface-transparent-secondary);\n ",
229
- ": var(--text-secondary);\n\n ",
230
- ": var(--surface-transparent-tertiary);\n\n ",
231
- ": var(--text-accent);\n\n ",
232
- ": var(--text-accent);\n ",
233
- ": var(--on-dark-text-primary);\n ",
234
- ": transparent;\n ",
235
- ": var(--text-secondary);\n "
236
- ]);
237
- _templateObject3 = function _templateObject() {
238
- return data;
239
- };
240
- return data;
241
- }
242
- function _templateObject4() {
243
- var data = _tagged_template_literal([
244
- "\n ",
245
- ": 3.5rem;\n ",
246
- ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
247
- ": 0.375rem;\n ",
248
- ": 0.875rem;\n ",
249
- ": 0.0625rem;\n\n ",
250
- ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
251
- ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
252
- ": -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ",
253
- ": 0.25rem;\n ",
254
- ": -0.438rem -0.438rem -0.438rem 0;\n\n ",
255
- ": 0 0.25rem 0 0;\n ",
256
- ": 0 0 0 0.25rem;\n\n ",
257
- ": var(--plasma-typo-body-l-font-family);\n ",
258
- ": var(--plasma-typo-body-l-font-size);\n ",
259
- ": var(--plasma-typo-body-l-font-style);\n ",
260
- ": var(--plasma-typo-body-l-font-weight);\n ",
261
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
262
- ": var(--plasma-typo-body-l-line-height);\n\n ",
263
- ": 0.75rem;\n ",
264
- ": var(--plasma-typo-body-l-font-family);\n ",
265
- ": var(--plasma-typo-body-l-font-size);\n ",
266
- ": var(--plasma-typo-body-l-font-style);\n ",
267
- ": var(--plasma-typo-body-l-font-weight);\n ",
268
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
269
- ": var(--plasma-typo-body-l-line-height);\n\n ",
270
- ": 0.25rem;\n ",
271
- ": var(--plasma-typo-body-xs-font-family);\n ",
272
- ": var(--plasma-typo-body-xs-font-size);\n ",
273
- ": var(--plasma-typo-body-xs-font-style);\n ",
274
- ": var(--plasma-typo-body-xs-font-weight);\n ",
275
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
276
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
277
- ": -0.688rem -0.5rem;\n ",
278
- ": 2.375rem;\n ",
279
- ": 0.563rem -2.938rem auto auto;\n ",
280
- ": 0.563rem -2.188rem auto auto;\n\n ",
281
- ": 0.5625rem 0 0.125rem 0;\n ",
282
- ": 1.5625rem 0 0.5625rem 0;\n\n ",
283
- ": 0.5rem;\n ",
284
- ": 0.375rem;\n ",
285
- ": 0 0 0 0;\n ",
286
- ": 0.5rem auto auto -0.75rem;\n ",
287
- ": 0 0 auto auto;\n ",
288
- ": 0.25rem -0.625rem auto auto;\n ",
289
- ": 1.5rem auto auto -0.875rem;\n ",
290
- ": 1.5rem -0.875rem auto auto;\n ",
291
- ": 1.5rem -2.488rem auto auto;\n\n ",
292
- ": 0.25rem;\n ",
293
- ": 0.5rem;\n ",
294
- ": auto;\n ",
295
- ": 2.75rem;\n ",
296
- ": 0 0.75rem 0 1rem;\n ",
297
- ": 0.625rem;\n ",
298
- ": 0rem;\n ",
299
- ": 1.5rem;\n ",
300
- ": var(--plasma-typo-body-l-font-family);\n ",
301
- ": var(--plasma-typo-body-l-font-size);\n ",
302
- ": var(--plasma-typo-body-l-font-style);\n ",
303
- ": var(--plasma-typo-body-l-font-weight);\n ",
304
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
305
- ": var(--plasma-typo-body-l-line-height);\n\n ",
306
- ": 1rem;\n ",
307
- ": 0.125rem;\n ",
308
- ": 0.875rem;\n\n ",
309
- ": 1.5rem;\n ",
310
- ": 1rem 0.875rem;\n ",
311
- ": 0.75rem 0.875rem;\n ",
312
- ": 0.75rem;\n ",
313
- ": 0 0.5rem 0 0;\n ",
314
- ": 1.5rem;\n ",
315
- ": 1.5rem;\n ",
316
- ": 0.5rem;\n ",
317
- ": 2rem;\n\n ",
318
- ": 0rem;\n ",
319
- ": 0rem;\n ",
320
- ": 0rem;\n ",
321
- ": 0rem;\n ",
322
- ": 0.125rem;\n ",
323
- ": 0.375rem;\n ",
324
- ": var(--plasma-typo-body-l-font-family);\n ",
325
- ": var(--plasma-typo-body-l-font-size);\n ",
326
- ": var(--plasma-typo-body-l-font-style);\n ",
327
- ": var(--plasma-typo-body-l-font-weight);\n ",
328
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
329
- ": var(--plasma-typo-body-l-line-height);\n\n ",
330
- ": var(--plasma-typo-body-l-font-family);\n ",
331
- ": var(--plasma-typo-body-l-font-size);\n ",
332
- ": var(--plasma-typo-body-l-font-style);\n ",
333
- ": var(--plasma-typo-body-l-font-weight);\n ",
334
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
335
- ": var(--plasma-typo-body-l-line-height);\n\n ",
336
- ": 1.25rem;\n ",
337
- ": 1.25rem;\n ",
338
- ": 0.375rem;\n ",
339
- ": 0.375rem;\n ",
340
- ": 0.125rem;\n\n ",
341
- ": 0.375rem;\n\n ",
342
- ": 0.5rem;\n ",
343
- ": 1rem;\n ",
344
- ": 0.5rem;\n ",
345
- ": 1rem;\n ",
346
- ": 0.375rem;\n ",
347
- ": 0.375rem;\n "
348
- ]);
349
- _templateObject4 = function _templateObject() {
350
- return data;
351
- };
352
- return data;
353
- }
354
- function _templateObject5() {
355
- var data = _tagged_template_literal([
356
- "\n ",
357
- ": 3rem;\n ",
358
- ": 0.875rem 1rem 0.875rem 1rem;\n ",
359
- ": 0.375rem;\n ",
360
- ": 0.75rem;\n ",
361
- ": 0.0625rem;\n\n ",
362
- ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
363
- ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
364
- ": -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ",
365
- ": 0.25rem;\n ",
366
- ": -0.438rem -0.438rem -0.438rem 0;\n\n ",
367
- ": 0 0.25rem 0 0;\n ",
368
- ": 0 0 0 0.25rem;\n\n ",
369
- ": var(--plasma-typo-body-m-font-family);\n ",
370
- ": var(--plasma-typo-body-m-font-size);\n ",
371
- ": var(--plasma-typo-body-m-font-style);\n ",
372
- ": var(--plasma-typo-body-m-font-weight);\n ",
373
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
374
- ": var(--plasma-typo-body-m-line-height);\n\n ",
375
- ": 0.625rem;\n ",
376
- ": var(--plasma-typo-body-m-font-family);\n ",
377
- ": var(--plasma-typo-body-m-font-size);\n ",
378
- ": var(--plasma-typo-body-m-font-style);\n ",
379
- ": var(--plasma-typo-body-m-font-weight);\n ",
380
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
381
- ": var(--plasma-typo-body-m-line-height);\n\n ",
382
- ": 0.25rem;\n ",
383
- ": var(--plasma-typo-body-xs-font-family);\n ",
384
- ": var(--plasma-typo-body-xs-font-size);\n ",
385
- ": var(--plasma-typo-body-xs-font-style);\n ",
386
- ": var(--plasma-typo-body-xs-font-weight);\n ",
387
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
388
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
389
- ": -0.688rem -0.5rem;\n ",
390
- ": 2.375rem;\n ",
391
- ": 0.312rem -2.813rem auto auto;\n ",
392
- ": 0.312rem -2.188rem auto auto;\n\n ",
393
- ": 0.375rem 0 0.125rem 0;\n ",
394
- ": 1.375rem 0 0.375rem 0;\n\n ",
395
- ": 0.5rem;\n ",
396
- ": 0.375rem;\n ",
397
- ": 0 0 0 0;\n ",
398
- ": 0.375rem auto auto -0.75rem;\n ",
399
- ": 0 0 auto auto;\n ",
400
- ": 0.25rem -0.6875rem auto auto;\n ",
401
- ": 1.25rem auto auto -0.875rem;\n ",
402
- ": 1.25rem -0.875rem auto auto;\n ",
403
- ": 1.25rem -2.488rem auto auto;\n\n ",
404
- ": 0.25rem;\n ",
405
- ": 0.375rem;\n ",
406
- ": auto;\n ",
407
- ": 2.25rem;\n ",
408
- ": 0 0.625rem 0 0.875rem;\n ",
409
- ": 0.5rem;\n ",
410
- ": 0rem;\n ",
411
- ": 1.25rem;\n ",
412
- ": var(--plasma-typo-body-m-font-family);\n ",
413
- ": var(--plasma-typo-body-m-font-size);\n ",
414
- ": var(--plasma-typo-body-m-font-style);\n ",
415
- ": var(--plasma-typo-body-m-font-weight);\n ",
416
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
417
- ": var(--plasma-typo-body-m-line-height);\n\n ",
418
- ": 0.875rem 1rem 0.875rem 1rem;\n ",
419
- ": 0.125rem;\n ",
420
- ": 0.75rem;\n\n ",
421
- ": 1.5rem;\n ",
422
- ": 0.75rem 0.75rem;\n ",
423
- ": 0.5rem 0.75rem;\n ",
424
- ": 0.625rem;\n ",
425
- ": 0 0.375rem 0 0;\n ",
426
- ": 1.5rem;\n ",
427
- ": 1.5rem;\n ",
428
- ": 0.375rem;\n ",
429
- ": 2rem;\n\n ",
430
- ": 0rem;\n ",
431
- ": 0rem;\n ",
432
- ": 0rem;\n ",
433
- ": 0rem;\n ",
434
- ": 0.125rem;\n ",
435
- ": 0.375rem;\n ",
436
- ": var(--plasma-typo-body-m-font-family);\n ",
437
- ": var(--plasma-typo-body-m-font-size);\n ",
438
- ": var(--plasma-typo-body-m-font-style);\n ",
439
- ": var(--plasma-typo-body-m-font-weight);\n ",
440
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
441
- ": var(--plasma-typo-body-m-line-height);\n\n ",
442
- ": var(--plasma-typo-body-m-font-family);\n ",
443
- ": var(--plasma-typo-body-m-font-size);\n ",
444
- ": var(--plasma-typo-body-m-font-style);\n ",
445
- ": var(--plasma-typo-body-m-font-weight);\n ",
446
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
447
- ": var(--plasma-typo-body-m-line-height);\n\n ",
448
- ": 1.25rem;\n ",
449
- ": 1.25rem;\n ",
450
- ": 0.375rem;\n ",
451
- ": 0.375rem;\n ",
452
- ": 0.125rem;\n\n ",
453
- ": 0.375rem;\n\n ",
454
- ": 0.375rem;\n ",
455
- ": 0.875rem;\n ",
456
- ": 0.375rem;\n ",
457
- ": 0.875rem;\n ",
458
- ": 0.375rem;\n ",
459
- ": 0.375rem;\n "
460
- ]);
461
- _templateObject5 = function _templateObject() {
462
- return data;
463
- };
464
- return data;
465
- }
466
- function _templateObject6() {
467
- var data = _tagged_template_literal([
468
- "\n ",
469
- ": 2.5rem;\n ",
470
- ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
471
- ": 0.375rem;\n ",
472
- ": 0.625rem;\n ",
473
- ": 0.0625rem;\n\n ",
474
- ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
475
- ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
476
- ": -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ",
477
- ": 0.25rem;\n ",
478
- ": -0.438rem -0.438rem -0.438rem 0;\n\n ",
479
- ": 0 0.25rem 0 0;\n ",
480
- ": 0 0 0 0.25rem;\n\n ",
481
- ": var(--plasma-typo-body-s-font-family);\n ",
482
- ": var(--plasma-typo-body-s-font-size);\n ",
483
- ": var(--plasma-typo-body-s-font-style);\n ",
484
- ": var(--plasma-typo-body-s-font-weight);\n ",
485
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
486
- ": var(--plasma-typo-body-s-line-height);\n\n ",
487
- ": 0.5rem;\n ",
488
- ": var(--plasma-typo-body-s-font-family);\n ",
489
- ": var(--plasma-typo-body-s-font-size);\n ",
490
- ": var(--plasma-typo-body-s-font-style);\n ",
491
- ": var(--plasma-typo-body-s-font-weight);\n ",
492
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
493
- ": var(--plasma-typo-body-s-line-height);\n\n ",
494
- ": 0.25rem;\n ",
495
- ": var(--plasma-typo-body-xs-font-family);\n ",
496
- ": var(--plasma-typo-body-xs-font-size);\n ",
497
- ": var(--plasma-typo-body-xs-font-style);\n ",
498
- ": var(--plasma-typo-body-xs-font-weight);\n ",
499
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
500
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
501
- ": -0.688rem -0.5rem;\n ",
502
- ": 2.375rem;\n ",
503
- ": 0.062rem -2.688rem auto auto;\n ",
504
- ": 0.062rem -2.188rem auto auto;\n\n ",
505
- ": 0.3125rem 0 0 0;\n ",
506
- ": 1.0625rem 0 0.3125rem 0;\n\n ",
507
- ": 0.375rem;\n ",
508
- ": 0.375rem;\n ",
509
- ": 0 0 0 0;\n ",
510
- ": 0.3125rem auto auto -0.6875rem;\n ",
511
- ": 0 0 auto auto;\n ",
512
- ": 0.25rem -0.625rem auto auto;\n ",
513
- ": 1.063rem auto auto -0.75rem;\n ",
514
- ": 1.063rem -0.75rem auto auto;\n ",
515
- ": 1.063rem -2.238rem auto auto;\n\n ",
516
- ": 0.25rem;\n ",
517
- ": 0.25rem;\n ",
518
- ": auto;\n ",
519
- ": 1.75rem;\n ",
520
- ": 0 0.5rem 0 0.75rem;\n ",
521
- ": 0.375rem;\n ",
522
- ": 0rem;\n ",
523
- ": 1rem;\n ",
524
- ": var(--plasma-typo-body-s-font-family);\n ",
525
- ": var(--plasma-typo-body-s-font-size);\n ",
526
- ": var(--plasma-typo-body-s-font-style);\n ",
527
- ": var(--plasma-typo-body-s-font-weight);\n ",
528
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
529
- ": var(--plasma-typo-body-s-line-height);\n\n ",
530
- ": 0.625rem 0.875rem 0.625rem 0.875rem;\n ",
531
- ": 0.125rem;\n ",
532
- ": 0.625rem;\n\n ",
533
- ": 1.5rem;\n ",
534
- ": 0.5rem 0.625rem;\n ",
535
- ": 0.25rem 0.625rem;\n ",
536
- ": 0.5rem;\n ",
537
- ": 1.5rem;\n ",
538
- ": 1rem;\n ",
539
- ": 0 0.375rem 0 0;\n ",
540
- ": 0.375rem;\n ",
541
- ": 1.875rem;\n\n ",
542
- ": 0rem;\n ",
543
- ": 0rem;\n ",
544
- ": 0rem;\n ",
545
- ": 0rem;\n ",
546
- ": 0.125rem;\n ",
547
- ": 0.375rem;\n ",
548
- ": var(--plasma-typo-body-s-font-family);\n ",
549
- ": var(--plasma-typo-body-s-font-size);\n ",
550
- ": var(--plasma-typo-body-s-font-style);\n ",
551
- ": var(--plasma-typo-body-s-font-weight);\n ",
552
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
553
- ": var(--plasma-typo-body-s-line-height);\n\n ",
554
- ": var(--plasma-typo-body-s-font-family);\n ",
555
- ": var(--plasma-typo-body-s-font-size);\n ",
556
- ": var(--plasma-typo-body-s-font-style);\n ",
557
- ": var(--plasma-typo-body-s-font-weight);\n ",
558
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
559
- ": var(--plasma-typo-body-s-line-height);\n\n ",
560
- ": 1.25rem;\n ",
561
- ": 0.875rem;\n ",
562
- ": 0.375rem;\n ",
563
- ": 0.25rem;\n ",
564
- ": 0.125rem;\n\n ",
565
- ": 0.375rem;\n\n ",
566
- ": 0.375rem;\n ",
567
- ": 0.75rem;\n ",
568
- ": 0.375rem;\n ",
569
- ": 0.75rem;\n ",
570
- ": 0.25rem;\n ",
571
- ": 0.25rem;\n "
572
- ]);
573
- _templateObject6 = function _templateObject() {
574
- return data;
575
- };
576
- return data;
577
- }
578
- function _templateObject7() {
579
- var data = _tagged_template_literal([
580
- "\n ",
581
- ": 2rem;\n ",
582
- ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
583
- ": 0.375rem;\n ",
584
- ": 0.5rem;\n ",
585
- ": 0.0625rem;\n\n ",
586
- ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
587
- ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
588
- ": -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ",
589
- ": 0.25rem;\n ",
590
- ": -0.688rem -0.688rem -0.688rem 0;\n\n ",
591
- ": 0 0.25rem 0 0;\n ",
592
- ": 0 0 0 0.25rem;\n\n ",
593
- ": var(--plasma-typo-body-xs-font-family);\n ",
594
- ": var(--plasma-typo-body-xs-font-size);\n ",
595
- ": var(--plasma-typo-body-xs-font-style);\n ",
596
- ": var(--plasma-typo-body-xs-font-weight);\n ",
597
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
598
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
599
- ": 0.375rem;\n ",
600
- ": var(--plasma-typo-body-xs-font-family);\n ",
601
- ": var(--plasma-typo-body-xs-font-size);\n ",
602
- ": var(--plasma-typo-body-xs-font-style);\n ",
603
- ": var(--plasma-typo-body-xs-font-weight);\n ",
604
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
605
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
606
- ": 0.25rem;\n ",
607
- ": var(--plasma-typo-body-xs-font-family);\n ",
608
- ": var(--plasma-typo-body-xs-font-size);\n ",
609
- ": var(--plasma-typo-body-xs-font-style);\n ",
610
- ": var(--plasma-typo-body-xs-font-weight);\n ",
611
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
612
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
613
- ": -0.75rem -0.625rem -0.75rem -0.5rem;\n ",
614
- ": 2.375rem;\n ",
615
- ": -0.188rem -2.1875rem auto auto;\n ",
616
- ": -0.188rem -1.938rem auto auto;\n\n ",
617
- ": 0.3125rem 0 0 0;\n ",
618
- ": 1.0625rem 0 0.3125rem 0;\n\n ",
619
- ": 0.375rem;\n ",
620
- ": 0.375rem;\n ",
621
- ": 0 0 0 0;\n ",
622
- ": 0.25rem auto auto -0.625rem;\n ",
623
- ": 0 0 auto auto;\n ",
624
- ": 0.125rem -0.6875rem auto auto;\n ",
625
- ": 0.813rem auto auto -0.625rem;\n ",
626
- ": 0.813rem -0.625rem auto auto;\n ",
627
- ": 0.813rem -1.988rem auto auto;\n\n ",
628
- ": 0.25rem;\n ",
629
- ": 0.125rem;\n ",
630
- ": auto;\n ",
631
- ": 1.25rem;\n ",
632
- ": 0 0.375rem 0 0.625rem;\n ",
633
- ": 0.25rem;\n ",
634
- ": 0rem;\n ",
635
- ": 0.75rem;\n ",
636
- ": var(--plasma-typo-body-xs-font-family);\n ",
637
- ": var(--plasma-typo-body-xs-font-size);\n ",
638
- ": var(--plasma-typo-body-xs-font-style);\n ",
639
- ": var(--plasma-typo-body-xs-font-weight);\n ",
640
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
641
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
642
- ": 0.5rem 0.625rem 0.5rem 0.625rem;\n ",
643
- ": 0.125rem;\n ",
644
- ": 0.5rem;\n\n ",
645
- ": 1rem;\n ",
646
- ": 0.5rem 0.375rem;\n ",
647
- ": 0.25rem 0.375rem;\n ",
648
- ": 0.375rem;\n ",
649
- ": 1rem;\n ",
650
- ": 1rem;\n ",
651
- ": 0 0.25rem 0 0;\n ",
652
- ": 0.25rem;\n ",
653
- ": 1.25rem;\n\n ",
654
- ": 0rem;\n ",
655
- ": 0rem;\n ",
656
- ": 0rem;\n ",
657
- ": 0rem;\n ",
658
- ": 0.125rem;\n ",
659
- ": 0.25rem;\n ",
660
- ": var(--plasma-typo-body-xs-font-family);\n ",
661
- ": var(--plasma-typo-body-xs-font-size);\n ",
662
- ": var(--plasma-typo-body-xs-font-style);\n ",
663
- ": var(--plasma-typo-body-xs-font-weight);\n ",
664
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
665
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
666
- ": var(--plasma-typo-body-m-font-family);\n ",
667
- ": var(--plasma-typo-body-m-font-size);\n ",
668
- ": var(--plasma-typo-body-m-font-style);\n ",
669
- ": var(--plasma-typo-body-m-font-weight);\n ",
670
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
671
- ": var(--plasma-typo-body-m-line-height);\n\n ",
672
- ": 0.875rem;\n ",
673
- ": 0.875rem;\n ",
674
- ": 0.25rem;\n ",
675
- ": 0.25rem;\n ",
676
- ": 0.125rem;\n\n ",
677
- ": 0.375rem;\n\n ",
678
- ": 0.25rem;\n ",
679
- ": 0.5rem;\n ",
680
- ": 0.225rem;\n ",
681
- ": 0.5rem;\n ",
682
- ": 0.125rem;\n ",
683
- ": 0.125rem;\n "
684
- ]);
685
- _templateObject7 = function _templateObject() {
686
- return data;
687
- };
688
- return data;
689
- }
690
- function _templateObject8() {
691
- var data = _tagged_template_literal([
692
- "\n ",
693
- ": var(--text-secondary);\n ",
694
- ": var(--plasma-typo-body-xs-font-family);\n ",
695
- ": var(--plasma-typo-body-xs-font-size);\n ",
696
- ": var(--plasma-typo-body-xs-font-style);\n ",
697
- ": var(--plasma-typo-body-xs-font-weight);\n ",
698
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
699
- ": var(--plasma-typo-body-xs-line-height);\n "
700
- ]);
701
- _templateObject8 = function _templateObject() {
702
- return data;
703
- };
704
- return data;
705
- }
706
- function _templateObject9() {
707
- var data = _tagged_template_literal([
708
- ""
709
- ]);
710
- _templateObject9 = function _templateObject() {
711
- return data;
712
- };
713
- return data;
714
- }
715
- function _templateObject10() {
716
- var data = _tagged_template_literal([
717
- "\n ",
718
- ": var(--surface-solid-card-brightness);\n ",
719
- ": 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 ",
720
- ": var(--text-primary);\n ",
721
- ": var(--surface-solid-card);\n "
722
- ]);
723
- _templateObject10 = function _templateObject() {
724
- return data;
725
- };
726
- return data;
727
- }
728
- function _templateObject11() {
729
- var data = _tagged_template_literal([
730
- "\n ",
731
- ": 0.6875rem;\n ",
732
- ": 0.875rem;\n ",
733
- ": 0.6875rem;\n ",
734
- ": 0.875rem;\n\n ",
735
- ": 2.5rem;\n ",
736
- ": 0.625rem;\n\n ",
737
- ": var(--plasma-typo-body-s-font-family);\n ",
738
- ": var(--plasma-typo-body-s-font-size);\n ",
739
- ": var(--plasma-typo-body-s-font-style);\n ",
740
- ": var(--plasma-typo-body-s-font-weight);\n ",
741
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
742
- ": var(--plasma-typo-body-s-line-height);\n\n ",
743
- ": 0.375rem;\n\n ",
744
- ": 1.25rem;\n ",
745
- ": 1.25rem;\n ",
746
- ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
747
- ": 0.5rem;\n ",
748
- ": 0.625rem;\n "
749
- ]);
750
- _templateObject11 = function _templateObject() {
751
- return data;
752
- };
753
- return data;
754
- }
755
- function _templateObject12() {
756
- var data = _tagged_template_literal([
757
- "\n ",
758
- ": 0.5rem;\n ",
759
- ": 0.75rem;\n ",
760
- ": 0.5rem;\n ",
761
- ": 0.75rem;\n\n ",
762
- ": 2rem;\n ",
763
- ": 0.5rem;\n\n ",
764
- ": var(--plasma-typo-body-xs-font-family);\n ",
765
- ": var(--plasma-typo-body-xs-font-size);\n ",
766
- ": var(--plasma-typo-body-xs-font-style);\n ",
767
- ": var(--plasma-typo-body-xs-font-weight);\n ",
768
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
769
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
770
- ": 0.25rem;\n\n ",
771
- ": 1rem;\n ",
772
- ": 1rem;\n ",
773
- ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
774
- ": 0.375rem;\n ",
775
- ": 0.5625rem;\n "
776
- ]);
777
- _templateObject12 = function _templateObject() {
778
- return data;
779
- };
780
- return data;
781
- }
782
- function _templateObject13() {
783
- var data = _tagged_template_literal([
784
- "\n ",
785
- ": 0.4;\n "
786
- ]);
787
- _templateObject13 = function _templateObject() {
788
- return data;
789
- };
790
- return data;
791
- }
792
- function _templateObject14() {
793
- var data = _tagged_template_literal([
794
- "\n ",
795
- ": var(--text-primary);\n ",
796
- ": var(--surface-clear);\n ",
797
- ": var(--outline-read-only);\n ",
798
- ": var(--text-secondary);\n ",
799
- ": var(--text-secondary);\n ",
800
- ": var(--text-primary);\n ",
801
- ": 0.4;\n ",
802
- ": transparent;\n ",
803
- ": 0.063rem;\n "
804
- ]);
805
- _templateObject14 = function _templateObject() {
806
- return data;
807
- };
808
- return data;
809
- }
810
- var config = {
11
+ const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ const config = {
811
13
  defaults: {
812
14
  view: 'default',
813
15
  size: 'm',
@@ -817,33 +19,816 @@ var config = {
817
19
  },
818
20
  variations: {
819
21
  view: {
820
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorHover, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _styledcomponents.comboboxNewTokens.textFieldChipColor, _styledcomponents.comboboxNewTokens.textFieldChipBackground, _styledcomponents.comboboxNewTokens.textFieldChipColorHover, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldChipColorActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipOpacityReadonly, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldHintIconColor, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor),
821
- positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorHover, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _styledcomponents.comboboxNewTokens.textFieldChipColor, _styledcomponents.comboboxNewTokens.textFieldChipBackground, _styledcomponents.comboboxNewTokens.textFieldChipColorHover, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldChipColorActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipOpacityReadonly, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldHintIconColor, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor),
822
- warning: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorHover, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _styledcomponents.comboboxNewTokens.textFieldChipColor, _styledcomponents.comboboxNewTokens.textFieldChipBackground, _styledcomponents.comboboxNewTokens.textFieldChipColorHover, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldChipColorActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipOpacityReadonly, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldHintIconColor, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor),
823
- negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.comboboxNewTokens.textFieldColor, _styledcomponents.comboboxNewTokens.textFieldClearColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.comboboxNewTokens.textFieldBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorFocus, _styledcomponents.comboboxNewTokens.textFieldCaretColor, _styledcomponents.comboboxNewTokens.textFieldTextBeforeColor, _styledcomponents.comboboxNewTokens.textFieldTextAfterColor, _styledcomponents.comboboxNewTokens.textFieldLabelColor, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColor, _styledcomponents.comboboxNewTokens.textFieldFocusColor, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderColorHover, _styledcomponents.comboboxNewTokens.textFieldBorderColorFocus, _styledcomponents.comboboxNewTokens.textFieldContentSlotColor, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorHover, _styledcomponents.comboboxNewTokens.textFieldContentSlotColorActive, _styledcomponents.comboboxNewTokens.textFieldIndicatorColor, _styledcomponents.comboboxNewTokens.textFieldOptionalColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColor, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorHover, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconColorReadonly, _styledcomponents.comboboxNewTokens.textFieldChipColor, _styledcomponents.comboboxNewTokens.textFieldChipBackground, _styledcomponents.comboboxNewTokens.textFieldChipColorHover, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldChipColorActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundActive, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipColorReadOnlyHover, _styledcomponents.comboboxNewTokens.textFieldChipOpacityReadonly, _styledcomponents.comboboxNewTokens.disclosureIconColor, _styledcomponents.comboboxNewTokens.disclosureIconColorHover, _styledcomponents.comboboxNewTokens.itemBackgroundHover, _styledcomponents.comboboxNewTokens.textFieldHintIconColor, _styledcomponents.comboboxNewTokens.dividerColor, _styledcomponents.comboboxNewTokens.itemIconColor, _styledcomponents.comboboxNewTokens.checkboxFillColor, _styledcomponents.comboboxNewTokens.checkboxIconColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderCheckedColor, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderColor)
22
+ default: (0, _styledcomponents.css)`
23
+ ${_styledcomponents.comboboxTokens.textFieldColor}: var(--text-primary);
24
+ ${_styledcomponents.comboboxTokens.textFieldClearColor}: var(--text-primary);
25
+
26
+ ${_styledcomponents.comboboxTokens.textFieldPlaceholderColor}: var(--text-secondary);
27
+ ${_styledcomponents.comboboxTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
28
+ ${_styledcomponents.comboboxTokens.textFieldClearPlaceholderColor}: var(--text-secondary);
29
+ ${_styledcomponents.comboboxTokens.textFieldClearPlaceholderColorFocus}: var(--text-tertiary);
30
+
31
+ ${_styledcomponents.comboboxTokens.textFieldBackgroundColor}: var(--surface-clear);
32
+ ${_styledcomponents.comboboxTokens.textFieldBackgroundColorFocus}: var(--surface-clear);
33
+ ${_styledcomponents.comboboxTokens.textFieldCaretColor}: var(--text-accent);
34
+ ${_styledcomponents.comboboxTokens.textFieldTextBeforeColor}: var(--text-tertiary);
35
+ ${_styledcomponents.comboboxTokens.textFieldTextAfterColor}: var(--text-tertiary);
36
+ ${_styledcomponents.comboboxTokens.textFieldLabelColor}: var(--text-primary);
37
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperColor}: var(--text-secondary);
38
+ ${_styledcomponents.comboboxTokens.textFieldFocusColor}: var(--text-accent);
39
+
40
+ ${_styledcomponents.comboboxTokens.textFieldBorderColor}: var(--outline-transparent-primary);
41
+ ${_styledcomponents.comboboxTokens.textFieldBorderColorHover}: var(--outline-transparent-primary-hover);
42
+ ${_styledcomponents.comboboxTokens.textFieldBorderColorFocus}: var(--surface-accent);
43
+
44
+ ${_styledcomponents.comboboxTokens.textFieldContentSlotColor}: var(--text-secondary);
45
+ ${_styledcomponents.comboboxTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
46
+ ${_styledcomponents.comboboxTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
47
+
48
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorColor}: var(--surface-negative);
49
+ ${_styledcomponents.comboboxTokens.textFieldOptionalColor}: var(--text-tertiary);
50
+
51
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--text-secondary);
52
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
53
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
54
+ ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--text-primary);
55
+ ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-transparent-secondary);
56
+ ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--text-primary);
57
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
58
+ ${_styledcomponents.comboboxTokens.textFieldChipColorActive}: var(--text-primary);
59
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);
60
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
61
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--text-primary);
62
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
63
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
64
+ ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 0.72;
65
+
66
+ ${_styledcomponents.comboboxTokens.disclosureIconColor}: var(--text-secondary);
67
+ ${_styledcomponents.comboboxTokens.disclosureIconColorHover}: var(--text-secondary-hover);
68
+ ${_styledcomponents.comboboxTokens.itemBackgroundHover}: var(--surface-transparent-secondary);
69
+ ${_styledcomponents.comboboxTokens.textFieldHintIconColor}: var(--text-secondary);
70
+
71
+ ${_styledcomponents.comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);
72
+
73
+ ${_styledcomponents.comboboxTokens.itemIconColor}: var(--text-accent);
74
+
75
+ ${_styledcomponents.comboboxTokens.checkboxFillColor}: var(--text-accent);
76
+ ${_styledcomponents.comboboxTokens.checkboxIconColor}: var(--on-dark-text-primary);
77
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderCheckedColor}: transparent;
78
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderColor}: var(--text-secondary);
79
+ `,
80
+ positive: (0, _styledcomponents.css)`
81
+ ${_styledcomponents.comboboxTokens.textFieldColor}: var(--text-primary);
82
+ ${_styledcomponents.comboboxTokens.textFieldClearColor}: var(--text-positive);
83
+
84
+ ${_styledcomponents.comboboxTokens.textFieldPlaceholderColor}: var(--text-secondary);
85
+ ${_styledcomponents.comboboxTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
86
+ ${_styledcomponents.comboboxTokens.textFieldClearPlaceholderColor}: var(--text-positive);
87
+ ${_styledcomponents.comboboxTokens.textFieldClearPlaceholderColorFocus}: var(--text-positive);
88
+
89
+ ${_styledcomponents.comboboxTokens.textFieldBackgroundColor}: var(--surface-clear);
90
+ ${_styledcomponents.comboboxTokens.textFieldBackgroundColorFocus}: var(--surface-clear);
91
+ ${_styledcomponents.comboboxTokens.textFieldCaretColor}: var(--text-accent);
92
+ ${_styledcomponents.comboboxTokens.textFieldTextBeforeColor}: var(--text-tertiary);
93
+ ${_styledcomponents.comboboxTokens.textFieldTextAfterColor}: var(--text-tertiary);
94
+ ${_styledcomponents.comboboxTokens.textFieldLabelColor}: var(--text-primary);
95
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperColor}: var(--text-positive);
96
+ ${_styledcomponents.comboboxTokens.textFieldFocusColor}: var(--text-accent);
97
+
98
+ ${_styledcomponents.comboboxTokens.textFieldBorderColor}: var(--outline-positive);
99
+ ${_styledcomponents.comboboxTokens.textFieldBorderColorHover}: var(--outline-positive-hover);
100
+ ${_styledcomponents.comboboxTokens.textFieldBorderColorFocus}: var(--surface-accent);
101
+
102
+ ${_styledcomponents.comboboxTokens.textFieldContentSlotColor}: var(--text-secondary);
103
+ ${_styledcomponents.comboboxTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
104
+ ${_styledcomponents.comboboxTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
105
+
106
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorColor}: var(--surface-negative);
107
+ ${_styledcomponents.comboboxTokens.textFieldOptionalColor}: var(--text-tertiary);
108
+
109
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--text-secondary);
110
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
111
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
112
+ ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--text-primary);
113
+ ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-transparent-secondary);
114
+ ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--text-primary);
115
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
116
+ ${_styledcomponents.comboboxTokens.textFieldChipColorActive}: var(--text-primary);
117
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);
118
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
119
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--text-primary);
120
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
121
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
122
+ ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 0.72;
123
+
124
+ ${_styledcomponents.comboboxTokens.disclosureIconColor}: var(--text-secondary);
125
+ ${_styledcomponents.comboboxTokens.disclosureIconColorHover}: var(--text-secondary-hover);
126
+ ${_styledcomponents.comboboxTokens.itemBackgroundHover}: var(--surface-transparent-secondary);
127
+ ${_styledcomponents.comboboxTokens.textFieldHintIconColor}: var(--text-secondary);
128
+
129
+ ${_styledcomponents.comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);
130
+
131
+ ${_styledcomponents.comboboxTokens.itemIconColor}: var(--text-accent);
132
+
133
+ ${_styledcomponents.comboboxTokens.checkboxFillColor}: var(--text-accent);
134
+ ${_styledcomponents.comboboxTokens.checkboxIconColor}: var(--on-dark-text-primary);
135
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderCheckedColor}: transparent;
136
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderColor}: var(--text-secondary);
137
+ `,
138
+ warning: (0, _styledcomponents.css)`
139
+ ${_styledcomponents.comboboxTokens.textFieldColor}: var(--text-primary);
140
+ ${_styledcomponents.comboboxTokens.textFieldClearColor}: var(--text-warning);
141
+
142
+ ${_styledcomponents.comboboxTokens.textFieldPlaceholderColor}: var(--text-secondary);
143
+ ${_styledcomponents.comboboxTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
144
+ ${_styledcomponents.comboboxTokens.textFieldClearPlaceholderColor}: var(--text-warning);
145
+ ${_styledcomponents.comboboxTokens.textFieldClearPlaceholderColorFocus}: var(--text-warning);
146
+
147
+ ${_styledcomponents.comboboxTokens.textFieldBackgroundColor}: var(--surface-clear);
148
+ ${_styledcomponents.comboboxTokens.textFieldBackgroundColorFocus}: var(--surface-clear);
149
+ ${_styledcomponents.comboboxTokens.textFieldCaretColor}: var(--text-accent);
150
+ ${_styledcomponents.comboboxTokens.textFieldTextBeforeColor}: var(--text-tertiary);
151
+ ${_styledcomponents.comboboxTokens.textFieldTextAfterColor}: var(--text-tertiary);
152
+ ${_styledcomponents.comboboxTokens.textFieldLabelColor}: var(--text-primary);
153
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperColor}: var(--text-warning);
154
+ ${_styledcomponents.comboboxTokens.textFieldFocusColor}: var(--text-accent);
155
+
156
+ ${_styledcomponents.comboboxTokens.textFieldBorderColor}: var(--outline-warning);
157
+ ${_styledcomponents.comboboxTokens.textFieldBorderColorHover}: var(--outline-warning-hover);
158
+ ${_styledcomponents.comboboxTokens.textFieldBorderColorFocus}: var(--surface-accent);
159
+
160
+ ${_styledcomponents.comboboxTokens.textFieldContentSlotColor}: var(--text-secondary);
161
+ ${_styledcomponents.comboboxTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
162
+ ${_styledcomponents.comboboxTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
163
+
164
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorColor}: var(--surface-negative);
165
+ ${_styledcomponents.comboboxTokens.textFieldOptionalColor}: var(--text-tertiary);
166
+
167
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--text-secondary);
168
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
169
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
170
+ ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--text-primary);
171
+ ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-transparent-secondary);
172
+ ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--text-primary);
173
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
174
+ ${_styledcomponents.comboboxTokens.textFieldChipColorActive}: var(--text-primary);
175
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);
176
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
177
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--text-primary);
178
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
179
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
180
+ ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 0.72;
181
+
182
+ ${_styledcomponents.comboboxTokens.disclosureIconColor}: var(--text-secondary);
183
+ ${_styledcomponents.comboboxTokens.disclosureIconColorHover}: var(--text-secondary-hover);
184
+ ${_styledcomponents.comboboxTokens.itemBackgroundHover}: var(--surface-transparent-secondary);
185
+ ${_styledcomponents.comboboxTokens.textFieldHintIconColor}: var(--text-secondary);
186
+
187
+ ${_styledcomponents.comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);
188
+
189
+ ${_styledcomponents.comboboxTokens.itemIconColor}: var(--text-accent);
190
+
191
+ ${_styledcomponents.comboboxTokens.checkboxFillColor}: var(--text-accent);
192
+ ${_styledcomponents.comboboxTokens.checkboxIconColor}: var(--on-dark-text-primary);
193
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderCheckedColor}: transparent;
194
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderColor}: var(--text-secondary);
195
+ `,
196
+ negative: (0, _styledcomponents.css)`
197
+ ${_styledcomponents.comboboxTokens.textFieldColor}: var(--text-primary);
198
+ ${_styledcomponents.comboboxTokens.textFieldClearColor}: var(--text-negative);
199
+
200
+ ${_styledcomponents.comboboxTokens.textFieldPlaceholderColor}: var(--text-secondary);
201
+ ${_styledcomponents.comboboxTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
202
+ ${_styledcomponents.comboboxTokens.textFieldClearPlaceholderColor}: var(--text-negative);
203
+ ${_styledcomponents.comboboxTokens.textFieldClearPlaceholderColorFocus}: var(--text-negative);
204
+
205
+ ${_styledcomponents.comboboxTokens.textFieldBackgroundColor}: var(--surface-clear);
206
+ ${_styledcomponents.comboboxTokens.textFieldBackgroundColorFocus}: var(--surface-clear);
207
+ ${_styledcomponents.comboboxTokens.textFieldCaretColor}: var(--text-accent);
208
+ ${_styledcomponents.comboboxTokens.textFieldTextBeforeColor}: var(--text-tertiary);
209
+ ${_styledcomponents.comboboxTokens.textFieldTextAfterColor}: var(--text-tertiary);
210
+ ${_styledcomponents.comboboxTokens.textFieldLabelColor}: var(--text-primary);
211
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperColor}: var(--text-negative);
212
+ ${_styledcomponents.comboboxTokens.textFieldFocusColor}: var(--text-accent);
213
+
214
+ ${_styledcomponents.comboboxTokens.textFieldBorderColor}: var(--outline-negative);
215
+ ${_styledcomponents.comboboxTokens.textFieldBorderColorHover}: var(--outline-negative-hover);
216
+ ${_styledcomponents.comboboxTokens.textFieldBorderColorFocus}: var(--surface-accent);
217
+
218
+ ${_styledcomponents.comboboxTokens.textFieldContentSlotColor}: var(--text-secondary);
219
+ ${_styledcomponents.comboboxTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
220
+ ${_styledcomponents.comboboxTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
221
+
222
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorColor}: var(--surface-negative);
223
+ ${_styledcomponents.comboboxTokens.textFieldOptionalColor}: var(--text-tertiary);
224
+
225
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColor}: var(--text-secondary);
226
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
227
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
228
+ ${_styledcomponents.comboboxTokens.textFieldChipColor}: var(--text-primary);
229
+ ${_styledcomponents.comboboxTokens.textFieldChipBackground}: var(--surface-transparent-secondary);
230
+ ${_styledcomponents.comboboxTokens.textFieldChipColorHover}: var(--text-primary);
231
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
232
+ ${_styledcomponents.comboboxTokens.textFieldChipColorActive}: var(--text-primary);
233
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);
234
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
235
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnly}: var(--text-primary);
236
+ ${_styledcomponents.comboboxTokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
237
+ ${_styledcomponents.comboboxTokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
238
+ ${_styledcomponents.comboboxTokens.textFieldChipOpacityReadonly}: 0.72;
239
+
240
+ ${_styledcomponents.comboboxTokens.disclosureIconColor}: var(--text-secondary);
241
+ ${_styledcomponents.comboboxTokens.disclosureIconColorHover}: var(--text-secondary-hover);
242
+ ${_styledcomponents.comboboxTokens.itemBackgroundHover}: var(--surface-transparent-secondary);
243
+ ${_styledcomponents.comboboxTokens.textFieldHintIconColor}: var(--text-secondary);
244
+
245
+ ${_styledcomponents.comboboxTokens.dividerColor}: var(--surface-transparent-tertiary);
246
+
247
+ ${_styledcomponents.comboboxTokens.itemIconColor}: var(--text-accent);
248
+
249
+ ${_styledcomponents.comboboxTokens.checkboxFillColor}: var(--text-accent);
250
+ ${_styledcomponents.comboboxTokens.checkboxIconColor}: var(--on-dark-text-primary);
251
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderCheckedColor}: transparent;
252
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderColor}: var(--text-secondary);
253
+ `
824
254
  },
825
255
  size: {
826
- l: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.comboboxNewTokens.textFieldHeight, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldPaddingWithChips, _styledcomponents.comboboxNewTokens.textFieldBorderRadius, _styledcomponents.comboboxNewTokens.textFieldBorderWidth, _styledcomponents.comboboxNewTokens.textFieldLeftContentMargin, _styledcomponents.comboboxNewTokens.textFieldRightContentMargin, _styledcomponents.comboboxNewTokens.textFieldRightContentWithHintMargin, _styledcomponents.comboboxNewTokens.textFieldContentRightWrapperGap, _styledcomponents.comboboxNewTokens.textFieldContentRightWrapperMargin, _styledcomponents.comboboxNewTokens.textFieldTextBeforeMargin, _styledcomponents.comboboxNewTokens.textFieldTextAfterMargin, _styledcomponents.comboboxNewTokens.textFieldFontFamily, _styledcomponents.comboboxNewTokens.textFieldFontSize, _styledcomponents.comboboxNewTokens.textFieldFontStyle, _styledcomponents.comboboxNewTokens.textFieldFontWeight, _styledcomponents.comboboxNewTokens.textFieldLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLineHeight, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLabelFontFamily, _styledcomponents.comboboxNewTokens.textFieldLabelFontSize, _styledcomponents.comboboxNewTokens.textFieldLabelFontStyle, _styledcomponents.comboboxNewTokens.textFieldLabelFontWeight, _styledcomponents.comboboxNewTokens.textFieldLabelLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLabelLineHeight, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontFamily, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontSize, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontStyle, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontWeight, _styledcomponents.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLeftHelperLineHeight, _styledcomponents.comboboxNewTokens.textFieldHintMargin, _styledcomponents.comboboxNewTokens.textFieldHintTargetSize, _styledcomponents.comboboxNewTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.comboboxNewTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.comboboxNewTokens.textFieldLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldContentLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.comboboxNewTokens.textFieldChipGap, _styledcomponents.comboboxNewTokens.textFieldChipBorderRadius, _styledcomponents.comboboxNewTokens.textFieldChipWidth, _styledcomponents.comboboxNewTokens.textFieldChipHeight, _styledcomponents.comboboxNewTokens.textFieldChipPadding, _styledcomponents.comboboxNewTokens.textFieldChipClearContentMarginLeft, _styledcomponents.comboboxNewTokens.textFieldChipClearContentMarginRight, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconSize, _styledcomponents.comboboxNewTokens.textFieldChipFontFamily, _styledcomponents.comboboxNewTokens.textFieldChipFontSize, _styledcomponents.comboboxNewTokens.textFieldChipFontStyle, _styledcomponents.comboboxNewTokens.textFieldChipFontWeight, _styledcomponents.comboboxNewTokens.textFieldChipLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldChipLineHeight, _styledcomponents.comboboxNewTokens.emptyStatePadding, _styledcomponents.comboboxNewTokens.padding, _styledcomponents.comboboxNewTokens.borderRadius, _styledcomponents.comboboxNewTokens.itemHeight, _styledcomponents.comboboxNewTokens.itemPadding, _styledcomponents.comboboxNewTokens.itemPaddingTight, _styledcomponents.comboboxNewTokens.itemBorderRadius, _styledcomponents.comboboxNewTokens.itemIconMargin, _styledcomponents.comboboxNewTokens.itemIconSize, _styledcomponents.comboboxNewTokens.itemIconSizeTight, _styledcomponents.comboboxNewTokens.itemGap, _styledcomponents.comboboxNewTokens.itemTreeOffsetWidth, _styledcomponents.comboboxNewTokens.cellPadding, _styledcomponents.comboboxNewTokens.cellPaddingLeftContent, _styledcomponents.comboboxNewTokens.cellPaddingContent, _styledcomponents.comboboxNewTokens.cellPaddingRightContent, _styledcomponents.comboboxNewTokens.cellTextboxGap, _styledcomponents.comboboxNewTokens.cellGap, _styledcomponents.comboboxNewTokens.cellTitleFontFamily, _styledcomponents.comboboxNewTokens.cellTitleFontSize, _styledcomponents.comboboxNewTokens.cellTitleFontStyle, _styledcomponents.comboboxNewTokens.cellTitleFontWeight, _styledcomponents.comboboxNewTokens.cellTitleLetterSpacing, _styledcomponents.comboboxNewTokens.cellTitleLineHeight, _styledcomponents.comboboxNewTokens.fontFamily, _styledcomponents.comboboxNewTokens.fontSize, _styledcomponents.comboboxNewTokens.fontStyle, _styledcomponents.comboboxNewTokens.fontWeight, _styledcomponents.comboboxNewTokens.fontLetterSpacing, _styledcomponents.comboboxNewTokens.fontLineHeight, _styledcomponents.comboboxNewTokens.checkboxTriggerSize, _styledcomponents.comboboxNewTokens.checkboxTriggerSizeTight, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderRadius, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderWidth, _styledcomponents.comboboxNewTokens.indicatorSize, _styledcomponents.comboboxNewTokens.dividerMarginTop, _styledcomponents.comboboxNewTokens.dividerMarginRight, _styledcomponents.comboboxNewTokens.dividerMarginBottom, _styledcomponents.comboboxNewTokens.dividerMarginLeft, _styledcomponents.comboboxNewTokens.dividerMarginTopTight, _styledcomponents.comboboxNewTokens.dividerMarginBottomTight),
827
- m: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.comboboxNewTokens.textFieldHeight, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldPaddingWithChips, _styledcomponents.comboboxNewTokens.textFieldBorderRadius, _styledcomponents.comboboxNewTokens.textFieldBorderWidth, _styledcomponents.comboboxNewTokens.textFieldLeftContentMargin, _styledcomponents.comboboxNewTokens.textFieldRightContentMargin, _styledcomponents.comboboxNewTokens.textFieldRightContentWithHintMargin, _styledcomponents.comboboxNewTokens.textFieldContentRightWrapperGap, _styledcomponents.comboboxNewTokens.textFieldContentRightWrapperMargin, _styledcomponents.comboboxNewTokens.textFieldTextBeforeMargin, _styledcomponents.comboboxNewTokens.textFieldTextAfterMargin, _styledcomponents.comboboxNewTokens.textFieldFontFamily, _styledcomponents.comboboxNewTokens.textFieldFontSize, _styledcomponents.comboboxNewTokens.textFieldFontStyle, _styledcomponents.comboboxNewTokens.textFieldFontWeight, _styledcomponents.comboboxNewTokens.textFieldLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLineHeight, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLabelFontFamily, _styledcomponents.comboboxNewTokens.textFieldLabelFontSize, _styledcomponents.comboboxNewTokens.textFieldLabelFontStyle, _styledcomponents.comboboxNewTokens.textFieldLabelFontWeight, _styledcomponents.comboboxNewTokens.textFieldLabelLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLabelLineHeight, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontFamily, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontSize, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontStyle, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontWeight, _styledcomponents.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLeftHelperLineHeight, _styledcomponents.comboboxNewTokens.textFieldHintMargin, _styledcomponents.comboboxNewTokens.textFieldHintTargetSize, _styledcomponents.comboboxNewTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.comboboxNewTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.comboboxNewTokens.textFieldLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldContentLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.comboboxNewTokens.textFieldChipGap, _styledcomponents.comboboxNewTokens.textFieldChipBorderRadius, _styledcomponents.comboboxNewTokens.textFieldChipWidth, _styledcomponents.comboboxNewTokens.textFieldChipHeight, _styledcomponents.comboboxNewTokens.textFieldChipPadding, _styledcomponents.comboboxNewTokens.textFieldChipClearContentMarginLeft, _styledcomponents.comboboxNewTokens.textFieldChipClearContentMarginRight, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconSize, _styledcomponents.comboboxNewTokens.textFieldChipFontFamily, _styledcomponents.comboboxNewTokens.textFieldChipFontSize, _styledcomponents.comboboxNewTokens.textFieldChipFontStyle, _styledcomponents.comboboxNewTokens.textFieldChipFontWeight, _styledcomponents.comboboxNewTokens.textFieldChipLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldChipLineHeight, _styledcomponents.comboboxNewTokens.emptyStatePadding, _styledcomponents.comboboxNewTokens.padding, _styledcomponents.comboboxNewTokens.borderRadius, _styledcomponents.comboboxNewTokens.itemHeight, _styledcomponents.comboboxNewTokens.itemPadding, _styledcomponents.comboboxNewTokens.itemPaddingTight, _styledcomponents.comboboxNewTokens.itemBorderRadius, _styledcomponents.comboboxNewTokens.itemIconMargin, _styledcomponents.comboboxNewTokens.itemIconSize, _styledcomponents.comboboxNewTokens.itemIconSizeTight, _styledcomponents.comboboxNewTokens.itemGap, _styledcomponents.comboboxNewTokens.itemTreeOffsetWidth, _styledcomponents.comboboxNewTokens.cellPadding, _styledcomponents.comboboxNewTokens.cellPaddingLeftContent, _styledcomponents.comboboxNewTokens.cellPaddingContent, _styledcomponents.comboboxNewTokens.cellPaddingRightContent, _styledcomponents.comboboxNewTokens.cellTextboxGap, _styledcomponents.comboboxNewTokens.cellGap, _styledcomponents.comboboxNewTokens.cellTitleFontFamily, _styledcomponents.comboboxNewTokens.cellTitleFontSize, _styledcomponents.comboboxNewTokens.cellTitleFontStyle, _styledcomponents.comboboxNewTokens.cellTitleFontWeight, _styledcomponents.comboboxNewTokens.cellTitleLetterSpacing, _styledcomponents.comboboxNewTokens.cellTitleLineHeight, _styledcomponents.comboboxNewTokens.fontFamily, _styledcomponents.comboboxNewTokens.fontSize, _styledcomponents.comboboxNewTokens.fontStyle, _styledcomponents.comboboxNewTokens.fontWeight, _styledcomponents.comboboxNewTokens.fontLetterSpacing, _styledcomponents.comboboxNewTokens.fontLineHeight, _styledcomponents.comboboxNewTokens.checkboxTriggerSize, _styledcomponents.comboboxNewTokens.checkboxTriggerSizeTight, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderRadius, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderWidth, _styledcomponents.comboboxNewTokens.indicatorSize, _styledcomponents.comboboxNewTokens.dividerMarginTop, _styledcomponents.comboboxNewTokens.dividerMarginRight, _styledcomponents.comboboxNewTokens.dividerMarginBottom, _styledcomponents.comboboxNewTokens.dividerMarginLeft, _styledcomponents.comboboxNewTokens.dividerMarginTopTight, _styledcomponents.comboboxNewTokens.dividerMarginBottomTight),
828
- s: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.comboboxNewTokens.textFieldHeight, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldPaddingWithChips, _styledcomponents.comboboxNewTokens.textFieldBorderRadius, _styledcomponents.comboboxNewTokens.textFieldBorderWidth, _styledcomponents.comboboxNewTokens.textFieldLeftContentMargin, _styledcomponents.comboboxNewTokens.textFieldRightContentMargin, _styledcomponents.comboboxNewTokens.textFieldRightContentWithHintMargin, _styledcomponents.comboboxNewTokens.textFieldContentRightWrapperGap, _styledcomponents.comboboxNewTokens.textFieldContentRightWrapperMargin, _styledcomponents.comboboxNewTokens.textFieldTextBeforeMargin, _styledcomponents.comboboxNewTokens.textFieldTextAfterMargin, _styledcomponents.comboboxNewTokens.textFieldFontFamily, _styledcomponents.comboboxNewTokens.textFieldFontSize, _styledcomponents.comboboxNewTokens.textFieldFontStyle, _styledcomponents.comboboxNewTokens.textFieldFontWeight, _styledcomponents.comboboxNewTokens.textFieldLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLineHeight, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLabelFontFamily, _styledcomponents.comboboxNewTokens.textFieldLabelFontSize, _styledcomponents.comboboxNewTokens.textFieldLabelFontStyle, _styledcomponents.comboboxNewTokens.textFieldLabelFontWeight, _styledcomponents.comboboxNewTokens.textFieldLabelLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLabelLineHeight, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontFamily, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontSize, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontStyle, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontWeight, _styledcomponents.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLeftHelperLineHeight, _styledcomponents.comboboxNewTokens.textFieldHintMargin, _styledcomponents.comboboxNewTokens.textFieldHintTargetSize, _styledcomponents.comboboxNewTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.comboboxNewTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.comboboxNewTokens.textFieldLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldContentLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.comboboxNewTokens.textFieldChipGap, _styledcomponents.comboboxNewTokens.textFieldChipBorderRadius, _styledcomponents.comboboxNewTokens.textFieldChipWidth, _styledcomponents.comboboxNewTokens.textFieldChipHeight, _styledcomponents.comboboxNewTokens.textFieldChipPadding, _styledcomponents.comboboxNewTokens.textFieldChipClearContentMarginLeft, _styledcomponents.comboboxNewTokens.textFieldChipClearContentMarginRight, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconSize, _styledcomponents.comboboxNewTokens.textFieldChipFontFamily, _styledcomponents.comboboxNewTokens.textFieldChipFontSize, _styledcomponents.comboboxNewTokens.textFieldChipFontStyle, _styledcomponents.comboboxNewTokens.textFieldChipFontWeight, _styledcomponents.comboboxNewTokens.textFieldChipLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldChipLineHeight, _styledcomponents.comboboxNewTokens.emptyStatePadding, _styledcomponents.comboboxNewTokens.padding, _styledcomponents.comboboxNewTokens.borderRadius, _styledcomponents.comboboxNewTokens.itemHeight, _styledcomponents.comboboxNewTokens.itemPadding, _styledcomponents.comboboxNewTokens.itemPaddingTight, _styledcomponents.comboboxNewTokens.itemBorderRadius, _styledcomponents.comboboxNewTokens.itemIconSize, _styledcomponents.comboboxNewTokens.itemIconSizeTight, _styledcomponents.comboboxNewTokens.itemIconMargin, _styledcomponents.comboboxNewTokens.itemGap, _styledcomponents.comboboxNewTokens.itemTreeOffsetWidth, _styledcomponents.comboboxNewTokens.cellPadding, _styledcomponents.comboboxNewTokens.cellPaddingLeftContent, _styledcomponents.comboboxNewTokens.cellPaddingContent, _styledcomponents.comboboxNewTokens.cellPaddingRightContent, _styledcomponents.comboboxNewTokens.cellTextboxGap, _styledcomponents.comboboxNewTokens.cellGap, _styledcomponents.comboboxNewTokens.cellTitleFontFamily, _styledcomponents.comboboxNewTokens.cellTitleFontSize, _styledcomponents.comboboxNewTokens.cellTitleFontStyle, _styledcomponents.comboboxNewTokens.cellTitleFontWeight, _styledcomponents.comboboxNewTokens.cellTitleLetterSpacing, _styledcomponents.comboboxNewTokens.cellTitleLineHeight, _styledcomponents.comboboxNewTokens.fontFamily, _styledcomponents.comboboxNewTokens.fontSize, _styledcomponents.comboboxNewTokens.fontStyle, _styledcomponents.comboboxNewTokens.fontWeight, _styledcomponents.comboboxNewTokens.fontLetterSpacing, _styledcomponents.comboboxNewTokens.fontLineHeight, _styledcomponents.comboboxNewTokens.checkboxTriggerSize, _styledcomponents.comboboxNewTokens.checkboxTriggerSizeTight, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderRadius, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderWidth, _styledcomponents.comboboxNewTokens.indicatorSize, _styledcomponents.comboboxNewTokens.dividerMarginTop, _styledcomponents.comboboxNewTokens.dividerMarginRight, _styledcomponents.comboboxNewTokens.dividerMarginBottom, _styledcomponents.comboboxNewTokens.dividerMarginLeft, _styledcomponents.comboboxNewTokens.dividerMarginTopTight, _styledcomponents.comboboxNewTokens.dividerMarginBottomTight),
829
- xs: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.comboboxNewTokens.textFieldHeight, _styledcomponents.comboboxNewTokens.textFieldPadding, _styledcomponents.comboboxNewTokens.textFieldPaddingWithChips, _styledcomponents.comboboxNewTokens.textFieldBorderRadius, _styledcomponents.comboboxNewTokens.textFieldBorderWidth, _styledcomponents.comboboxNewTokens.textFieldLeftContentMargin, _styledcomponents.comboboxNewTokens.textFieldRightContentMargin, _styledcomponents.comboboxNewTokens.textFieldRightContentWithHintMargin, _styledcomponents.comboboxNewTokens.textFieldContentRightWrapperGap, _styledcomponents.comboboxNewTokens.textFieldContentRightWrapperMargin, _styledcomponents.comboboxNewTokens.textFieldTextBeforeMargin, _styledcomponents.comboboxNewTokens.textFieldTextAfterMargin, _styledcomponents.comboboxNewTokens.textFieldFontFamily, _styledcomponents.comboboxNewTokens.textFieldFontSize, _styledcomponents.comboboxNewTokens.textFieldFontStyle, _styledcomponents.comboboxNewTokens.textFieldFontWeight, _styledcomponents.comboboxNewTokens.textFieldLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLineHeight, _styledcomponents.comboboxNewTokens.textFieldLabelOffset, _styledcomponents.comboboxNewTokens.textFieldLabelFontFamily, _styledcomponents.comboboxNewTokens.textFieldLabelFontSize, _styledcomponents.comboboxNewTokens.textFieldLabelFontStyle, _styledcomponents.comboboxNewTokens.textFieldLabelFontWeight, _styledcomponents.comboboxNewTokens.textFieldLabelLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLabelLineHeight, _styledcomponents.comboboxNewTokens.textFieldLeftHelperOffset, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontFamily, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontSize, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontStyle, _styledcomponents.comboboxNewTokens.textFieldLeftHelperFontWeight, _styledcomponents.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLeftHelperLineHeight, _styledcomponents.comboboxNewTokens.textFieldHintMargin, _styledcomponents.comboboxNewTokens.textFieldHintTargetSize, _styledcomponents.comboboxNewTokens.textFieldHintInnerLabelPlacementOffset, _styledcomponents.comboboxNewTokens.textFieldClearHintInnerLabelPlacementOffset, _styledcomponents.comboboxNewTokens.textFieldLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldContentLabelInnerPadding, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorSizeOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.comboboxNewTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.comboboxNewTokens.textFieldChipGap, _styledcomponents.comboboxNewTokens.textFieldChipBorderRadius, _styledcomponents.comboboxNewTokens.textFieldChipWidth, _styledcomponents.comboboxNewTokens.textFieldChipHeight, _styledcomponents.comboboxNewTokens.textFieldChipPadding, _styledcomponents.comboboxNewTokens.textFieldChipClearContentMarginLeft, _styledcomponents.comboboxNewTokens.textFieldChipClearContentMarginRight, _styledcomponents.comboboxNewTokens.textFieldChipCloseIconSize, _styledcomponents.comboboxNewTokens.textFieldChipFontFamily, _styledcomponents.comboboxNewTokens.textFieldChipFontSize, _styledcomponents.comboboxNewTokens.textFieldChipFontStyle, _styledcomponents.comboboxNewTokens.textFieldChipFontWeight, _styledcomponents.comboboxNewTokens.textFieldChipLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldChipLineHeight, _styledcomponents.comboboxNewTokens.emptyStatePadding, _styledcomponents.comboboxNewTokens.padding, _styledcomponents.comboboxNewTokens.borderRadius, _styledcomponents.comboboxNewTokens.itemHeight, _styledcomponents.comboboxNewTokens.itemPadding, _styledcomponents.comboboxNewTokens.itemPaddingTight, _styledcomponents.comboboxNewTokens.itemBorderRadius, _styledcomponents.comboboxNewTokens.itemIconSize, _styledcomponents.comboboxNewTokens.itemIconSizeTight, _styledcomponents.comboboxNewTokens.itemIconMargin, _styledcomponents.comboboxNewTokens.itemGap, _styledcomponents.comboboxNewTokens.itemTreeOffsetWidth, _styledcomponents.comboboxNewTokens.cellPadding, _styledcomponents.comboboxNewTokens.cellPaddingLeftContent, _styledcomponents.comboboxNewTokens.cellPaddingContent, _styledcomponents.comboboxNewTokens.cellPaddingRightContent, _styledcomponents.comboboxNewTokens.cellTextboxGap, _styledcomponents.comboboxNewTokens.cellGap, _styledcomponents.comboboxNewTokens.cellTitleFontFamily, _styledcomponents.comboboxNewTokens.cellTitleFontSize, _styledcomponents.comboboxNewTokens.cellTitleFontStyle, _styledcomponents.comboboxNewTokens.cellTitleFontWeight, _styledcomponents.comboboxNewTokens.cellTitleLetterSpacing, _styledcomponents.comboboxNewTokens.cellTitleLineHeight, _styledcomponents.comboboxNewTokens.fontFamily, _styledcomponents.comboboxNewTokens.fontSize, _styledcomponents.comboboxNewTokens.fontStyle, _styledcomponents.comboboxNewTokens.fontWeight, _styledcomponents.comboboxNewTokens.fontLetterSpacing, _styledcomponents.comboboxNewTokens.fontLineHeight, _styledcomponents.comboboxNewTokens.checkboxTriggerSize, _styledcomponents.comboboxNewTokens.checkboxTriggerSizeTight, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderRadius, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _styledcomponents.comboboxNewTokens.checkboxTriggerBorderWidth, _styledcomponents.comboboxNewTokens.indicatorSize, _styledcomponents.comboboxNewTokens.dividerMarginTop, _styledcomponents.comboboxNewTokens.dividerMarginRight, _styledcomponents.comboboxNewTokens.dividerMarginBottom, _styledcomponents.comboboxNewTokens.dividerMarginLeft, _styledcomponents.comboboxNewTokens.dividerMarginTopTight, _styledcomponents.comboboxNewTokens.dividerMarginBottomTight)
256
+ l: (0, _styledcomponents.css)`
257
+ ${_styledcomponents.comboboxTokens.textFieldHeight}: 3.5rem;
258
+ ${_styledcomponents.comboboxTokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;
259
+ ${_styledcomponents.comboboxTokens.textFieldPaddingWithChips}: 0.375rem;
260
+ ${_styledcomponents.comboboxTokens.textFieldBorderRadius}: 0.875rem;
261
+ ${_styledcomponents.comboboxTokens.textFieldBorderWidth}: 0.0625rem;
262
+
263
+ ${_styledcomponents.comboboxTokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;
264
+ ${_styledcomponents.comboboxTokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
265
+ ${_styledcomponents.comboboxTokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
266
+
267
+ ${_styledcomponents.comboboxTokens.textFieldContentRightWrapperGap}: 0.25rem;
268
+ ${_styledcomponents.comboboxTokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
269
+
270
+ ${_styledcomponents.comboboxTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
271
+ ${_styledcomponents.comboboxTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
272
+
273
+ ${_styledcomponents.comboboxTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);
274
+ ${_styledcomponents.comboboxTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);
275
+ ${_styledcomponents.comboboxTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);
276
+ ${_styledcomponents.comboboxTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);
277
+ ${_styledcomponents.comboboxTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
278
+ ${_styledcomponents.comboboxTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);
279
+
280
+ ${_styledcomponents.comboboxTokens.textFieldLabelOffset}: 0.75rem;
281
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontFamily}: var(--plasma-typo-body-l-font-family);
282
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontSize}: var(--plasma-typo-body-l-font-size);
283
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontStyle}: var(--plasma-typo-body-l-font-style);
284
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-l-font-weight);
285
+ ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
286
+ ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);
287
+
288
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
289
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
290
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
291
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
292
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
293
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
294
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
295
+
296
+ ${_styledcomponents.comboboxTokens.textFieldHintMargin}: -0.688rem -0.5rem;
297
+ ${_styledcomponents.comboboxTokens.textFieldHintTargetSize}: 2.375rem;
298
+ ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;
299
+ ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;
300
+
301
+ ${_styledcomponents.comboboxTokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;
302
+ ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
303
+
304
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorSizeInner}: 0.5rem;
305
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorSizeOuter}: 0.375rem;
306
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
307
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;
308
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
309
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;
310
+ ${_styledcomponents.comboboxTokens.textFieldClearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;
311
+ ${_styledcomponents.comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;
312
+ ${_styledcomponents.comboboxTokens.textFieldClearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;
313
+
314
+ ${_styledcomponents.comboboxTokens.textFieldChipGap}: 0.25rem;
315
+ ${_styledcomponents.comboboxTokens.textFieldChipBorderRadius}: 0.5rem;
316
+ ${_styledcomponents.comboboxTokens.textFieldChipWidth}: auto;
317
+ ${_styledcomponents.comboboxTokens.textFieldChipHeight}: 2.75rem;
318
+ ${_styledcomponents.comboboxTokens.textFieldChipPadding}: 0 0.75rem 0 1rem;
319
+ ${_styledcomponents.comboboxTokens.textFieldChipClearContentMarginLeft}: 0.625rem;
320
+ ${_styledcomponents.comboboxTokens.textFieldChipClearContentMarginRight}: 0rem;
321
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconSize}: 1.5rem;
322
+ ${_styledcomponents.comboboxTokens.textFieldChipFontFamily}: var(--plasma-typo-body-l-font-family);
323
+ ${_styledcomponents.comboboxTokens.textFieldChipFontSize}: var(--plasma-typo-body-l-font-size);
324
+ ${_styledcomponents.comboboxTokens.textFieldChipFontStyle}: var(--plasma-typo-body-l-font-style);
325
+ ${_styledcomponents.comboboxTokens.textFieldChipFontWeight}: var(--plasma-typo-body-l-font-weight);
326
+ ${_styledcomponents.comboboxTokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
327
+ ${_styledcomponents.comboboxTokens.textFieldChipLineHeight}: var(--plasma-typo-body-l-line-height);
328
+
329
+ ${_styledcomponents.comboboxTokens.emptyStatePadding}: 1rem;
330
+ ${_styledcomponents.comboboxTokens.padding}: 0.125rem;
331
+ ${_styledcomponents.comboboxTokens.borderRadius}: 0.875rem;
332
+
333
+ ${_styledcomponents.comboboxTokens.itemHeight}: 1.5rem;
334
+ ${_styledcomponents.comboboxTokens.itemPadding}: 1rem 0.875rem;
335
+ ${_styledcomponents.comboboxTokens.itemPaddingTight}: 0.75rem 0.875rem;
336
+ ${_styledcomponents.comboboxTokens.itemBorderRadius}: 0.75rem;
337
+ ${_styledcomponents.comboboxTokens.itemIconMargin}: 0 0.5rem 0 0;
338
+ ${_styledcomponents.comboboxTokens.itemIconSize}: 1.5rem;
339
+ ${_styledcomponents.comboboxTokens.itemIconSizeTight}: 1.5rem;
340
+ ${_styledcomponents.comboboxTokens.itemGap}: 0.5rem;
341
+ ${_styledcomponents.comboboxTokens.itemTreeOffsetWidth}: 2rem;
342
+
343
+ ${_styledcomponents.comboboxTokens.cellPadding}: 0rem;
344
+ ${_styledcomponents.comboboxTokens.cellPaddingLeftContent}: 0rem;
345
+ ${_styledcomponents.comboboxTokens.cellPaddingContent}: 0rem;
346
+ ${_styledcomponents.comboboxTokens.cellPaddingRightContent}: 0rem;
347
+ ${_styledcomponents.comboboxTokens.cellTextboxGap}: 0.125rem;
348
+ ${_styledcomponents.comboboxTokens.cellGap}: 0.375rem;
349
+ ${_styledcomponents.comboboxTokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);
350
+ ${_styledcomponents.comboboxTokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);
351
+ ${_styledcomponents.comboboxTokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);
352
+ ${_styledcomponents.comboboxTokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);
353
+ ${_styledcomponents.comboboxTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
354
+ ${_styledcomponents.comboboxTokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);
355
+
356
+ ${_styledcomponents.comboboxTokens.fontFamily}: var(--plasma-typo-body-l-font-family);
357
+ ${_styledcomponents.comboboxTokens.fontSize}: var(--plasma-typo-body-l-font-size);
358
+ ${_styledcomponents.comboboxTokens.fontStyle}: var(--plasma-typo-body-l-font-style);
359
+ ${_styledcomponents.comboboxTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);
360
+ ${_styledcomponents.comboboxTokens.fontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
361
+ ${_styledcomponents.comboboxTokens.fontLineHeight}: var(--plasma-typo-body-l-line-height);
362
+
363
+ ${_styledcomponents.comboboxTokens.checkboxTriggerSize}: 1.25rem;
364
+ ${_styledcomponents.comboboxTokens.checkboxTriggerSizeTight}: 1.25rem;
365
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderRadius}: 0.375rem;
366
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;
367
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderWidth}: 0.125rem;
368
+
369
+ ${_styledcomponents.comboboxTokens.indicatorSize}: 0.375rem;
370
+
371
+ ${_styledcomponents.comboboxTokens.dividerMarginTop}: 0.5rem;
372
+ ${_styledcomponents.comboboxTokens.dividerMarginRight}: 1rem;
373
+ ${_styledcomponents.comboboxTokens.dividerMarginBottom}: 0.5rem;
374
+ ${_styledcomponents.comboboxTokens.dividerMarginLeft}: 1rem;
375
+ ${_styledcomponents.comboboxTokens.dividerMarginTopTight}: 0.375rem;
376
+ ${_styledcomponents.comboboxTokens.dividerMarginBottomTight}: 0.375rem;
377
+ `,
378
+ m: (0, _styledcomponents.css)`
379
+ ${_styledcomponents.comboboxTokens.textFieldHeight}: 3rem;
380
+ ${_styledcomponents.comboboxTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;
381
+ ${_styledcomponents.comboboxTokens.textFieldPaddingWithChips}: 0.375rem;
382
+ ${_styledcomponents.comboboxTokens.textFieldBorderRadius}: 0.75rem;
383
+ ${_styledcomponents.comboboxTokens.textFieldBorderWidth}: 0.0625rem;
384
+
385
+ ${_styledcomponents.comboboxTokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;
386
+ ${_styledcomponents.comboboxTokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;
387
+ ${_styledcomponents.comboboxTokens.textFieldRightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;
388
+
389
+ ${_styledcomponents.comboboxTokens.textFieldContentRightWrapperGap}: 0.25rem;
390
+ ${_styledcomponents.comboboxTokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
391
+
392
+ ${_styledcomponents.comboboxTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
393
+ ${_styledcomponents.comboboxTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
394
+
395
+ ${_styledcomponents.comboboxTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);
396
+ ${_styledcomponents.comboboxTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);
397
+ ${_styledcomponents.comboboxTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);
398
+ ${_styledcomponents.comboboxTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);
399
+ ${_styledcomponents.comboboxTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
400
+ ${_styledcomponents.comboboxTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);
401
+
402
+ ${_styledcomponents.comboboxTokens.textFieldLabelOffset}: 0.625rem;
403
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontFamily}: var(--plasma-typo-body-m-font-family);
404
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontSize}: var(--plasma-typo-body-m-font-size);
405
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontStyle}: var(--plasma-typo-body-m-font-style);
406
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);
407
+ ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
408
+ ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);
409
+
410
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
411
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
412
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
413
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
414
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
415
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
416
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
417
+
418
+ ${_styledcomponents.comboboxTokens.textFieldHintMargin}: -0.688rem -0.5rem;
419
+ ${_styledcomponents.comboboxTokens.textFieldHintTargetSize}: 2.375rem;
420
+ ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
421
+ ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
422
+
423
+ ${_styledcomponents.comboboxTokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;
424
+ ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
425
+
426
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorSizeInner}: 0.5rem;
427
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorSizeOuter}: 0.375rem;
428
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
429
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;
430
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
431
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;
432
+ ${_styledcomponents.comboboxTokens.textFieldClearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;
433
+ ${_styledcomponents.comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;
434
+ ${_styledcomponents.comboboxTokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;
435
+
436
+ ${_styledcomponents.comboboxTokens.textFieldChipGap}: 0.25rem;
437
+ ${_styledcomponents.comboboxTokens.textFieldChipBorderRadius}: 0.375rem;
438
+ ${_styledcomponents.comboboxTokens.textFieldChipWidth}: auto;
439
+ ${_styledcomponents.comboboxTokens.textFieldChipHeight}: 2.25rem;
440
+ ${_styledcomponents.comboboxTokens.textFieldChipPadding}: 0 0.625rem 0 0.875rem;
441
+ ${_styledcomponents.comboboxTokens.textFieldChipClearContentMarginLeft}: 0.5rem;
442
+ ${_styledcomponents.comboboxTokens.textFieldChipClearContentMarginRight}: 0rem;
443
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconSize}: 1.25rem;
444
+ ${_styledcomponents.comboboxTokens.textFieldChipFontFamily}: var(--plasma-typo-body-m-font-family);
445
+ ${_styledcomponents.comboboxTokens.textFieldChipFontSize}: var(--plasma-typo-body-m-font-size);
446
+ ${_styledcomponents.comboboxTokens.textFieldChipFontStyle}: var(--plasma-typo-body-m-font-style);
447
+ ${_styledcomponents.comboboxTokens.textFieldChipFontWeight}: var(--plasma-typo-body-m-font-weight);
448
+ ${_styledcomponents.comboboxTokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
449
+ ${_styledcomponents.comboboxTokens.textFieldChipLineHeight}: var(--plasma-typo-body-m-line-height);
450
+
451
+ ${_styledcomponents.comboboxTokens.emptyStatePadding}: 0.875rem 1rem 0.875rem 1rem;
452
+ ${_styledcomponents.comboboxTokens.padding}: 0.125rem;
453
+ ${_styledcomponents.comboboxTokens.borderRadius}: 0.75rem;
454
+
455
+ ${_styledcomponents.comboboxTokens.itemHeight}: 1.5rem;
456
+ ${_styledcomponents.comboboxTokens.itemPadding}: 0.75rem 0.75rem;
457
+ ${_styledcomponents.comboboxTokens.itemPaddingTight}: 0.5rem 0.75rem;
458
+ ${_styledcomponents.comboboxTokens.itemBorderRadius}: 0.625rem;
459
+ ${_styledcomponents.comboboxTokens.itemIconMargin}: 0 0.375rem 0 0;
460
+ ${_styledcomponents.comboboxTokens.itemIconSize}: 1.5rem;
461
+ ${_styledcomponents.comboboxTokens.itemIconSizeTight}: 1.5rem;
462
+ ${_styledcomponents.comboboxTokens.itemGap}: 0.375rem;
463
+ ${_styledcomponents.comboboxTokens.itemTreeOffsetWidth}: 2rem;
464
+
465
+ ${_styledcomponents.comboboxTokens.cellPadding}: 0rem;
466
+ ${_styledcomponents.comboboxTokens.cellPaddingLeftContent}: 0rem;
467
+ ${_styledcomponents.comboboxTokens.cellPaddingContent}: 0rem;
468
+ ${_styledcomponents.comboboxTokens.cellPaddingRightContent}: 0rem;
469
+ ${_styledcomponents.comboboxTokens.cellTextboxGap}: 0.125rem;
470
+ ${_styledcomponents.comboboxTokens.cellGap}: 0.375rem;
471
+ ${_styledcomponents.comboboxTokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);
472
+ ${_styledcomponents.comboboxTokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);
473
+ ${_styledcomponents.comboboxTokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);
474
+ ${_styledcomponents.comboboxTokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);
475
+ ${_styledcomponents.comboboxTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
476
+ ${_styledcomponents.comboboxTokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);
477
+
478
+ ${_styledcomponents.comboboxTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
479
+ ${_styledcomponents.comboboxTokens.fontSize}: var(--plasma-typo-body-m-font-size);
480
+ ${_styledcomponents.comboboxTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
481
+ ${_styledcomponents.comboboxTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
482
+ ${_styledcomponents.comboboxTokens.fontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
483
+ ${_styledcomponents.comboboxTokens.fontLineHeight}: var(--plasma-typo-body-m-line-height);
484
+
485
+ ${_styledcomponents.comboboxTokens.checkboxTriggerSize}: 1.25rem;
486
+ ${_styledcomponents.comboboxTokens.checkboxTriggerSizeTight}: 1.25rem;
487
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderRadius}: 0.375rem;
488
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;
489
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderWidth}: 0.125rem;
490
+
491
+ ${_styledcomponents.comboboxTokens.indicatorSize}: 0.375rem;
492
+
493
+ ${_styledcomponents.comboboxTokens.dividerMarginTop}: 0.375rem;
494
+ ${_styledcomponents.comboboxTokens.dividerMarginRight}: 0.875rem;
495
+ ${_styledcomponents.comboboxTokens.dividerMarginBottom}: 0.375rem;
496
+ ${_styledcomponents.comboboxTokens.dividerMarginLeft}: 0.875rem;
497
+ ${_styledcomponents.comboboxTokens.dividerMarginTopTight}: 0.375rem;
498
+ ${_styledcomponents.comboboxTokens.dividerMarginBottomTight}: 0.375rem;
499
+ `,
500
+ s: (0, _styledcomponents.css)`
501
+ ${_styledcomponents.comboboxTokens.textFieldHeight}: 2.5rem;
502
+ ${_styledcomponents.comboboxTokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;
503
+ ${_styledcomponents.comboboxTokens.textFieldPaddingWithChips}: 0.375rem;
504
+ ${_styledcomponents.comboboxTokens.textFieldBorderRadius}: 0.625rem;
505
+ ${_styledcomponents.comboboxTokens.textFieldBorderWidth}: 0.0625rem;
506
+
507
+ ${_styledcomponents.comboboxTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
508
+ ${_styledcomponents.comboboxTokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
509
+ ${_styledcomponents.comboboxTokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;
510
+
511
+ ${_styledcomponents.comboboxTokens.textFieldContentRightWrapperGap}: 0.25rem;
512
+ ${_styledcomponents.comboboxTokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
513
+
514
+ ${_styledcomponents.comboboxTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
515
+ ${_styledcomponents.comboboxTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
516
+
517
+ ${_styledcomponents.comboboxTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);
518
+ ${_styledcomponents.comboboxTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);
519
+ ${_styledcomponents.comboboxTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);
520
+ ${_styledcomponents.comboboxTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);
521
+ ${_styledcomponents.comboboxTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
522
+ ${_styledcomponents.comboboxTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
523
+
524
+ ${_styledcomponents.comboboxTokens.textFieldLabelOffset}: 0.5rem;
525
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontFamily}: var(--plasma-typo-body-s-font-family);
526
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontSize}: var(--plasma-typo-body-s-font-size);
527
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontStyle}: var(--plasma-typo-body-s-font-style);
528
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);
529
+ ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
530
+ ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);
531
+
532
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
533
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
534
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
535
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
536
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
537
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
538
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
539
+
540
+ ${_styledcomponents.comboboxTokens.textFieldHintMargin}: -0.688rem -0.5rem;
541
+ ${_styledcomponents.comboboxTokens.textFieldHintTargetSize}: 2.375rem;
542
+ ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
543
+ ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
544
+
545
+ ${_styledcomponents.comboboxTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
546
+ ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
547
+
548
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorSizeInner}: 0.375rem;
549
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorSizeOuter}: 0.375rem;
550
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
551
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;
552
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
553
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;
554
+ ${_styledcomponents.comboboxTokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;
555
+ ${_styledcomponents.comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;
556
+ ${_styledcomponents.comboboxTokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;
557
+
558
+ ${_styledcomponents.comboboxTokens.textFieldChipGap}: 0.25rem;
559
+ ${_styledcomponents.comboboxTokens.textFieldChipBorderRadius}: 0.25rem;
560
+ ${_styledcomponents.comboboxTokens.textFieldChipWidth}: auto;
561
+ ${_styledcomponents.comboboxTokens.textFieldChipHeight}: 1.75rem;
562
+ ${_styledcomponents.comboboxTokens.textFieldChipPadding}: 0 0.5rem 0 0.75rem;
563
+ ${_styledcomponents.comboboxTokens.textFieldChipClearContentMarginLeft}: 0.375rem;
564
+ ${_styledcomponents.comboboxTokens.textFieldChipClearContentMarginRight}: 0rem;
565
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconSize}: 1rem;
566
+ ${_styledcomponents.comboboxTokens.textFieldChipFontFamily}: var(--plasma-typo-body-s-font-family);
567
+ ${_styledcomponents.comboboxTokens.textFieldChipFontSize}: var(--plasma-typo-body-s-font-size);
568
+ ${_styledcomponents.comboboxTokens.textFieldChipFontStyle}: var(--plasma-typo-body-s-font-style);
569
+ ${_styledcomponents.comboboxTokens.textFieldChipFontWeight}: var(--plasma-typo-body-s-font-weight);
570
+ ${_styledcomponents.comboboxTokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
571
+ ${_styledcomponents.comboboxTokens.textFieldChipLineHeight}: var(--plasma-typo-body-s-line-height);
572
+
573
+ ${_styledcomponents.comboboxTokens.emptyStatePadding}: 0.625rem 0.875rem 0.625rem 0.875rem;
574
+ ${_styledcomponents.comboboxTokens.padding}: 0.125rem;
575
+ ${_styledcomponents.comboboxTokens.borderRadius}: 0.625rem;
576
+
577
+ ${_styledcomponents.comboboxTokens.itemHeight}: 1.5rem;
578
+ ${_styledcomponents.comboboxTokens.itemPadding}: 0.5rem 0.625rem;
579
+ ${_styledcomponents.comboboxTokens.itemPaddingTight}: 0.25rem 0.625rem;
580
+ ${_styledcomponents.comboboxTokens.itemBorderRadius}: 0.5rem;
581
+ ${_styledcomponents.comboboxTokens.itemIconSize}: 1.5rem;
582
+ ${_styledcomponents.comboboxTokens.itemIconSizeTight}: 1rem;
583
+ ${_styledcomponents.comboboxTokens.itemIconMargin}: 0 0.375rem 0 0;
584
+ ${_styledcomponents.comboboxTokens.itemGap}: 0.375rem;
585
+ ${_styledcomponents.comboboxTokens.itemTreeOffsetWidth}: 1.875rem;
586
+
587
+ ${_styledcomponents.comboboxTokens.cellPadding}: 0rem;
588
+ ${_styledcomponents.comboboxTokens.cellPaddingLeftContent}: 0rem;
589
+ ${_styledcomponents.comboboxTokens.cellPaddingContent}: 0rem;
590
+ ${_styledcomponents.comboboxTokens.cellPaddingRightContent}: 0rem;
591
+ ${_styledcomponents.comboboxTokens.cellTextboxGap}: 0.125rem;
592
+ ${_styledcomponents.comboboxTokens.cellGap}: 0.375rem;
593
+ ${_styledcomponents.comboboxTokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);
594
+ ${_styledcomponents.comboboxTokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);
595
+ ${_styledcomponents.comboboxTokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);
596
+ ${_styledcomponents.comboboxTokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);
597
+ ${_styledcomponents.comboboxTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
598
+ ${_styledcomponents.comboboxTokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);
599
+
600
+ ${_styledcomponents.comboboxTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
601
+ ${_styledcomponents.comboboxTokens.fontSize}: var(--plasma-typo-body-s-font-size);
602
+ ${_styledcomponents.comboboxTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
603
+ ${_styledcomponents.comboboxTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
604
+ ${_styledcomponents.comboboxTokens.fontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
605
+ ${_styledcomponents.comboboxTokens.fontLineHeight}: var(--plasma-typo-body-s-line-height);
606
+
607
+ ${_styledcomponents.comboboxTokens.checkboxTriggerSize}: 1.25rem;
608
+ ${_styledcomponents.comboboxTokens.checkboxTriggerSizeTight}: 0.875rem;
609
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderRadius}: 0.375rem;
610
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;
611
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderWidth}: 0.125rem;
612
+
613
+ ${_styledcomponents.comboboxTokens.indicatorSize}: 0.375rem;
614
+
615
+ ${_styledcomponents.comboboxTokens.dividerMarginTop}: 0.375rem;
616
+ ${_styledcomponents.comboboxTokens.dividerMarginRight}: 0.75rem;
617
+ ${_styledcomponents.comboboxTokens.dividerMarginBottom}: 0.375rem;
618
+ ${_styledcomponents.comboboxTokens.dividerMarginLeft}: 0.75rem;
619
+ ${_styledcomponents.comboboxTokens.dividerMarginTopTight}: 0.25rem;
620
+ ${_styledcomponents.comboboxTokens.dividerMarginBottomTight}: 0.25rem;
621
+ `,
622
+ xs: (0, _styledcomponents.css)`
623
+ ${_styledcomponents.comboboxTokens.textFieldHeight}: 2rem;
624
+ ${_styledcomponents.comboboxTokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;
625
+ ${_styledcomponents.comboboxTokens.textFieldPaddingWithChips}: 0.375rem;
626
+ ${_styledcomponents.comboboxTokens.textFieldBorderRadius}: 0.5rem;
627
+ ${_styledcomponents.comboboxTokens.textFieldBorderWidth}: 0.0625rem;
628
+
629
+ ${_styledcomponents.comboboxTokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
630
+ ${_styledcomponents.comboboxTokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
631
+ ${_styledcomponents.comboboxTokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;
632
+
633
+ ${_styledcomponents.comboboxTokens.textFieldContentRightWrapperGap}: 0.25rem;
634
+ ${_styledcomponents.comboboxTokens.textFieldContentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;
635
+
636
+ ${_styledcomponents.comboboxTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
637
+ ${_styledcomponents.comboboxTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
638
+
639
+ ${_styledcomponents.comboboxTokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);
640
+ ${_styledcomponents.comboboxTokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);
641
+ ${_styledcomponents.comboboxTokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);
642
+ ${_styledcomponents.comboboxTokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);
643
+ ${_styledcomponents.comboboxTokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
644
+ ${_styledcomponents.comboboxTokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);
645
+
646
+ ${_styledcomponents.comboboxTokens.textFieldLabelOffset}: 0.375rem;
647
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontFamily}: var(--plasma-typo-body-xs-font-family);
648
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontSize}: var(--plasma-typo-body-xs-font-size);
649
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontStyle}: var(--plasma-typo-body-xs-font-style);
650
+ ${_styledcomponents.comboboxTokens.textFieldLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);
651
+ ${_styledcomponents.comboboxTokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
652
+ ${_styledcomponents.comboboxTokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);
653
+
654
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem;
655
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
656
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
657
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
658
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
659
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
660
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
661
+
662
+ ${_styledcomponents.comboboxTokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
663
+ ${_styledcomponents.comboboxTokens.textFieldHintTargetSize}: 2.375rem;
664
+ ${_styledcomponents.comboboxTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
665
+ ${_styledcomponents.comboboxTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
666
+
667
+ ${_styledcomponents.comboboxTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
668
+ ${_styledcomponents.comboboxTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
669
+
670
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorSizeInner}: 0.375rem;
671
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorSizeOuter}: 0.375rem;
672
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
673
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;
674
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
675
+ ${_styledcomponents.comboboxTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;
676
+ ${_styledcomponents.comboboxTokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;
677
+ ${_styledcomponents.comboboxTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;
678
+ ${_styledcomponents.comboboxTokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;
679
+
680
+ ${_styledcomponents.comboboxTokens.textFieldChipGap}: 0.25rem;
681
+ ${_styledcomponents.comboboxTokens.textFieldChipBorderRadius}: 0.125rem;
682
+ ${_styledcomponents.comboboxTokens.textFieldChipWidth}: auto;
683
+ ${_styledcomponents.comboboxTokens.textFieldChipHeight}: 1.25rem;
684
+ ${_styledcomponents.comboboxTokens.textFieldChipPadding}: 0 0.375rem 0 0.625rem;
685
+ ${_styledcomponents.comboboxTokens.textFieldChipClearContentMarginLeft}: 0.25rem;
686
+ ${_styledcomponents.comboboxTokens.textFieldChipClearContentMarginRight}: 0rem;
687
+ ${_styledcomponents.comboboxTokens.textFieldChipCloseIconSize}: 0.75rem;
688
+ ${_styledcomponents.comboboxTokens.textFieldChipFontFamily}: var(--plasma-typo-body-xs-font-family);
689
+ ${_styledcomponents.comboboxTokens.textFieldChipFontSize}: var(--plasma-typo-body-xs-font-size);
690
+ ${_styledcomponents.comboboxTokens.textFieldChipFontStyle}: var(--plasma-typo-body-xs-font-style);
691
+ ${_styledcomponents.comboboxTokens.textFieldChipFontWeight}: var(--plasma-typo-body-xs-font-weight);
692
+ ${_styledcomponents.comboboxTokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
693
+ ${_styledcomponents.comboboxTokens.textFieldChipLineHeight}: var(--plasma-typo-body-xs-line-height);
694
+
695
+ ${_styledcomponents.comboboxTokens.emptyStatePadding}: 0.5rem 0.625rem 0.5rem 0.625rem;
696
+ ${_styledcomponents.comboboxTokens.padding}: 0.125rem;
697
+ ${_styledcomponents.comboboxTokens.borderRadius}: 0.5rem;
698
+
699
+ ${_styledcomponents.comboboxTokens.itemHeight}: 1rem;
700
+ ${_styledcomponents.comboboxTokens.itemPadding}: 0.5rem 0.375rem;
701
+ ${_styledcomponents.comboboxTokens.itemPaddingTight}: 0.25rem 0.375rem;
702
+ ${_styledcomponents.comboboxTokens.itemBorderRadius}: 0.375rem;
703
+ ${_styledcomponents.comboboxTokens.itemIconSize}: 1rem;
704
+ ${_styledcomponents.comboboxTokens.itemIconSizeTight}: 1rem;
705
+ ${_styledcomponents.comboboxTokens.itemIconMargin}: 0 0.25rem 0 0;
706
+ ${_styledcomponents.comboboxTokens.itemGap}: 0.25rem;
707
+ ${_styledcomponents.comboboxTokens.itemTreeOffsetWidth}: 1.25rem;
708
+
709
+ ${_styledcomponents.comboboxTokens.cellPadding}: 0rem;
710
+ ${_styledcomponents.comboboxTokens.cellPaddingLeftContent}: 0rem;
711
+ ${_styledcomponents.comboboxTokens.cellPaddingContent}: 0rem;
712
+ ${_styledcomponents.comboboxTokens.cellPaddingRightContent}: 0rem;
713
+ ${_styledcomponents.comboboxTokens.cellTextboxGap}: 0.125rem;
714
+ ${_styledcomponents.comboboxTokens.cellGap}: 0.25rem;
715
+ ${_styledcomponents.comboboxTokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);
716
+ ${_styledcomponents.comboboxTokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);
717
+ ${_styledcomponents.comboboxTokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);
718
+ ${_styledcomponents.comboboxTokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);
719
+ ${_styledcomponents.comboboxTokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
720
+ ${_styledcomponents.comboboxTokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);
721
+
722
+ ${_styledcomponents.comboboxTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
723
+ ${_styledcomponents.comboboxTokens.fontSize}: var(--plasma-typo-body-m-font-size);
724
+ ${_styledcomponents.comboboxTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
725
+ ${_styledcomponents.comboboxTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
726
+ ${_styledcomponents.comboboxTokens.fontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
727
+ ${_styledcomponents.comboboxTokens.fontLineHeight}: var(--plasma-typo-body-m-line-height);
728
+
729
+ ${_styledcomponents.comboboxTokens.checkboxTriggerSize}: 0.875rem;
730
+ ${_styledcomponents.comboboxTokens.checkboxTriggerSizeTight}: 0.875rem;
731
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderRadius}: 0.25rem;
732
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;
733
+ ${_styledcomponents.comboboxTokens.checkboxTriggerBorderWidth}: 0.125rem;
734
+
735
+ ${_styledcomponents.comboboxTokens.indicatorSize}: 0.375rem;
736
+
737
+ ${_styledcomponents.comboboxTokens.dividerMarginTop}: 0.25rem;
738
+ ${_styledcomponents.comboboxTokens.dividerMarginRight}: 0.5rem;
739
+ ${_styledcomponents.comboboxTokens.dividerMarginBottom}: 0.225rem;
740
+ ${_styledcomponents.comboboxTokens.dividerMarginLeft}: 0.5rem;
741
+ ${_styledcomponents.comboboxTokens.dividerMarginTopTight}: 0.125rem;
742
+ ${_styledcomponents.comboboxTokens.dividerMarginBottomTight}: 0.125rem;
743
+ `
830
744
  },
831
745
  labelPlacement: {
832
- inner: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.comboboxNewTokens.textFieldPlaceholderColor, _styledcomponents.comboboxNewTokens.textFieldLabelInnerFontFamily, _styledcomponents.comboboxNewTokens.textFieldLabelInnerFontSize, _styledcomponents.comboboxNewTokens.textFieldLabelInnerFontStyle, _styledcomponents.comboboxNewTokens.textFieldLabelInnerFontWeight, _styledcomponents.comboboxNewTokens.textFieldLabelInnerLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldLabelInnerLineHeight),
833
- outer: (0, _styledcomponents.css)(_templateObject9())
746
+ inner: (0, _styledcomponents.css)`
747
+ ${_styledcomponents.comboboxTokens.textFieldPlaceholderColor}: var(--text-secondary);
748
+ ${_styledcomponents.comboboxTokens.textFieldLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);
749
+ ${_styledcomponents.comboboxTokens.textFieldLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);
750
+ ${_styledcomponents.comboboxTokens.textFieldLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);
751
+ ${_styledcomponents.comboboxTokens.textFieldLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);
752
+ ${_styledcomponents.comboboxTokens.textFieldLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
753
+ ${_styledcomponents.comboboxTokens.textFieldLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);
754
+ `,
755
+ outer: (0, _styledcomponents.css)``
834
756
  },
835
757
  hintView: {
836
- default: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.comboboxNewTokens.textFieldTooltipBackgroundColor, _styledcomponents.comboboxNewTokens.textFieldTooltipBoxShadow, _styledcomponents.comboboxNewTokens.textFieldTooltipColor, _styledcomponents.comboboxNewTokens.textFieldTooltipArrowBackground)
758
+ default: (0, _styledcomponents.css)`
759
+ ${_styledcomponents.comboboxTokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);
760
+ ${_styledcomponents.comboboxTokens.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));
761
+ ${_styledcomponents.comboboxTokens.textFieldTooltipColor}: var(--text-primary);
762
+ ${_styledcomponents.comboboxTokens.textFieldTooltipArrowBackground}: var(--surface-solid-card);
763
+ `
837
764
  },
838
765
  hintSize: {
839
- m: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.comboboxNewTokens.textFieldTooltipPaddingTop, _styledcomponents.comboboxNewTokens.textFieldTooltipPaddingRight, _styledcomponents.comboboxNewTokens.textFieldTooltipPaddingBottom, _styledcomponents.comboboxNewTokens.textFieldTooltipPaddingLeft, _styledcomponents.comboboxNewTokens.textFieldTooltipMinHeight, _styledcomponents.comboboxNewTokens.textFieldTooltipBorderRadius, _styledcomponents.comboboxNewTokens.textFieldTooltipTextFontFamily, _styledcomponents.comboboxNewTokens.textFieldTooltipTextFontSize, _styledcomponents.comboboxNewTokens.textFieldTooltipTextFontStyle, _styledcomponents.comboboxNewTokens.textFieldTooltipTextFontWeight, _styledcomponents.comboboxNewTokens.textFieldTooltipTextFontLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldTooltipTextFontLineHeight, _styledcomponents.comboboxNewTokens.textFieldTooltipContentLeftMargin, _styledcomponents.comboboxNewTokens.textFieldTooltipArrowMaskWidth, _styledcomponents.comboboxNewTokens.textFieldTooltipArrowMaskHeight, _styledcomponents.comboboxNewTokens.textFieldTooltipArrowMaskImage, _styledcomponents.comboboxNewTokens.textFieldTooltipArrowHeight, _styledcomponents.comboboxNewTokens.textFieldTooltipArrowEdgeMargin),
840
- s: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.comboboxNewTokens.textFieldTooltipPaddingTop, _styledcomponents.comboboxNewTokens.textFieldTooltipPaddingRight, _styledcomponents.comboboxNewTokens.textFieldTooltipPaddingBottom, _styledcomponents.comboboxNewTokens.textFieldTooltipPaddingLeft, _styledcomponents.comboboxNewTokens.textFieldTooltipMinHeight, _styledcomponents.comboboxNewTokens.textFieldTooltipBorderRadius, _styledcomponents.comboboxNewTokens.textFieldTooltipTextFontFamily, _styledcomponents.comboboxNewTokens.textFieldTooltipTextFontSize, _styledcomponents.comboboxNewTokens.textFieldTooltipTextFontStyle, _styledcomponents.comboboxNewTokens.textFieldTooltipTextFontWeight, _styledcomponents.comboboxNewTokens.textFieldTooltipTextFontLetterSpacing, _styledcomponents.comboboxNewTokens.textFieldTooltipTextFontLineHeight, _styledcomponents.comboboxNewTokens.textFieldTooltipContentLeftMargin, _styledcomponents.comboboxNewTokens.textFieldTooltipArrowMaskWidth, _styledcomponents.comboboxNewTokens.textFieldTooltipArrowMaskHeight, _styledcomponents.comboboxNewTokens.textFieldTooltipArrowMaskImage, _styledcomponents.comboboxNewTokens.textFieldTooltipArrowHeight, _styledcomponents.comboboxNewTokens.textFieldTooltipArrowEdgeMargin)
766
+ m: (0, _styledcomponents.css)`
767
+ ${_styledcomponents.comboboxTokens.textFieldTooltipPaddingTop}: 0.6875rem;
768
+ ${_styledcomponents.comboboxTokens.textFieldTooltipPaddingRight}: 0.875rem;
769
+ ${_styledcomponents.comboboxTokens.textFieldTooltipPaddingBottom}: 0.6875rem;
770
+ ${_styledcomponents.comboboxTokens.textFieldTooltipPaddingLeft}: 0.875rem;
771
+
772
+ ${_styledcomponents.comboboxTokens.textFieldTooltipMinHeight}: 2.5rem;
773
+ ${_styledcomponents.comboboxTokens.textFieldTooltipBorderRadius}: 0.625rem;
774
+
775
+ ${_styledcomponents.comboboxTokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);
776
+ ${_styledcomponents.comboboxTokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);
777
+ ${_styledcomponents.comboboxTokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);
778
+ ${_styledcomponents.comboboxTokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);
779
+ ${_styledcomponents.comboboxTokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
780
+ ${_styledcomponents.comboboxTokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);
781
+
782
+ ${_styledcomponents.comboboxTokens.textFieldTooltipContentLeftMargin}: 0.375rem;
783
+
784
+ ${_styledcomponents.comboboxTokens.textFieldTooltipArrowMaskWidth}: 1.25rem;
785
+ ${_styledcomponents.comboboxTokens.textFieldTooltipArrowMaskHeight}: 1.25rem;
786
+ ${_styledcomponents.comboboxTokens.textFieldTooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");
787
+ ${_styledcomponents.comboboxTokens.textFieldTooltipArrowHeight}: 0.5rem;
788
+ ${_styledcomponents.comboboxTokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;
789
+ `,
790
+ s: (0, _styledcomponents.css)`
791
+ ${_styledcomponents.comboboxTokens.textFieldTooltipPaddingTop}: 0.5rem;
792
+ ${_styledcomponents.comboboxTokens.textFieldTooltipPaddingRight}: 0.75rem;
793
+ ${_styledcomponents.comboboxTokens.textFieldTooltipPaddingBottom}: 0.5rem;
794
+ ${_styledcomponents.comboboxTokens.textFieldTooltipPaddingLeft}: 0.75rem;
795
+
796
+ ${_styledcomponents.comboboxTokens.textFieldTooltipMinHeight}: 2rem;
797
+ ${_styledcomponents.comboboxTokens.textFieldTooltipBorderRadius}: 0.5rem;
798
+
799
+ ${_styledcomponents.comboboxTokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);
800
+ ${_styledcomponents.comboboxTokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);
801
+ ${_styledcomponents.comboboxTokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);
802
+ ${_styledcomponents.comboboxTokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
803
+ ${_styledcomponents.comboboxTokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
804
+ ${_styledcomponents.comboboxTokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);
805
+
806
+ ${_styledcomponents.comboboxTokens.textFieldTooltipContentLeftMargin}: 0.25rem;
807
+
808
+ ${_styledcomponents.comboboxTokens.textFieldTooltipArrowMaskWidth}: 1rem;
809
+ ${_styledcomponents.comboboxTokens.textFieldTooltipArrowMaskHeight}: 1rem;
810
+ ${_styledcomponents.comboboxTokens.textFieldTooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");
811
+ ${_styledcomponents.comboboxTokens.textFieldTooltipArrowHeight}: 0.375rem;
812
+ ${_styledcomponents.comboboxTokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;
813
+ `
841
814
  },
842
815
  disabled: {
843
- true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.comboboxNewTokens.textFieldDisabledOpacity)
816
+ true: (0, _styledcomponents.css)`
817
+ ${_styledcomponents.comboboxTokens.textFieldDisabledOpacity}: 0.4;
818
+ `
844
819
  },
845
820
  readOnly: {
846
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBorderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.comboboxNewTokens.textFieldBorderColor, _styledcomponents.comboboxNewTokens.textFieldBorderWidth)
821
+ true: (0, _styledcomponents.css)`
822
+ ${_styledcomponents.comboboxTokens.textFieldColorReadOnly}: var(--text-primary);
823
+ ${_styledcomponents.comboboxTokens.textFieldBackgroundColorReadOnly}: var(--surface-clear);
824
+ ${_styledcomponents.comboboxTokens.textFieldBorderColorReadOnly}: var(--outline-read-only);
825
+ ${_styledcomponents.comboboxTokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
826
+ ${_styledcomponents.comboboxTokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);
827
+ ${_styledcomponents.comboboxTokens.textFieldLabelColorReadOnly}: var(--text-primary);
828
+ ${_styledcomponents.comboboxTokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
829
+ ${_styledcomponents.comboboxTokens.textFieldBorderColor}: transparent;
830
+ ${_styledcomponents.comboboxTokens.textFieldBorderWidth}: 0.063rem;
831
+ `
847
832
  }
848
833
  }
849
834
  };