@salutejs/sdds-serv 0.313.1-canary.2043.15852251108.0 → 0.314.0-canary.1741.15775036215.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 (565) hide show
  1. package/components/Accordion/Accordion.config.js +2 -2
  2. package/components/Accordion/Accordion.config.js.map +1 -1
  3. package/components/Accordion/Accordion.js +2 -2
  4. package/components/Accordion/Accordion.js.map +1 -1
  5. package/components/Attach/Attach.config.js +3 -3
  6. package/components/Attach/Attach.config.js.map +1 -1
  7. package/components/Attach/Attach.js +2 -2
  8. package/components/Attach/Attach.js.map +1 -1
  9. package/components/Autocomplete/Autocomplete.config.js +5 -5
  10. package/components/Autocomplete/Autocomplete.config.js.map +1 -1
  11. package/components/Autocomplete/Autocomplete.js +2 -2
  12. package/components/Autocomplete/Autocomplete.js.map +1 -1
  13. package/components/Avatar/Avatar.config.js +5 -5
  14. package/components/Avatar/Avatar.config.js.map +1 -1
  15. package/components/Avatar/Avatar.js +2 -2
  16. package/components/Avatar/Avatar.js.map +1 -1
  17. package/components/AvatarGroup/AvatarGroup.js +2 -2
  18. package/components/AvatarGroup/AvatarGroup.js.map +1 -1
  19. package/components/Badge/Badge.config.js +5 -5
  20. package/components/Badge/Badge.config.js.map +1 -1
  21. package/components/Badge/Badge.js +2 -2
  22. package/components/Badge/Badge.js.map +1 -1
  23. package/components/Breadcrumbs/Breadcrumbs.config.js +2 -2
  24. package/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
  25. package/components/Breadcrumbs/Breadcrumbs.js +3 -3
  26. package/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
  27. package/components/Button/Button.config.js +4 -4
  28. package/components/Button/Button.config.js.map +1 -1
  29. package/components/Button/Button.js +3 -3
  30. package/components/Button/Button.js.map +1 -1
  31. package/components/ButtonGroup/ButtonGroup.config.js +3 -3
  32. package/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  33. package/components/ButtonGroup/ButtonGroup.js +2 -2
  34. package/components/ButtonGroup/ButtonGroup.js.map +1 -1
  35. package/components/Calendar/Calendar.js +8 -8
  36. package/components/Calendar/Calendar.js.map +1 -1
  37. package/components/Calendar/CalendarBase.config.js +2 -2
  38. package/components/Calendar/CalendarBase.config.js.map +1 -1
  39. package/components/Calendar/CalendarDouble.config.js +2 -2
  40. package/components/Calendar/CalendarDouble.config.js.map +1 -1
  41. package/components/Card/Card.config.js +2 -2
  42. package/components/Card/Card.config.js.map +1 -1
  43. package/components/Card/Card.js +3 -3
  44. package/components/Card/Card.js.map +1 -1
  45. package/components/Carousel/Carousel.config.js +3 -3
  46. package/components/Carousel/Carousel.config.js.map +1 -1
  47. package/components/Carousel/Carousel.config_1r461vi.css +2 -0
  48. package/components/Carousel/Carousel.css +2 -2
  49. package/components/Carousel/Carousel.js +2 -2
  50. package/components/Carousel/Carousel.js.map +1 -1
  51. package/components/Cell/Cell.config.js +2 -2
  52. package/components/Cell/Cell.config.js.map +1 -1
  53. package/components/Cell/Cell.js +3 -3
  54. package/components/Cell/Cell.js.map +1 -1
  55. package/components/Checkbox/Checkbox.config.js +4 -4
  56. package/components/Checkbox/Checkbox.config.js.map +1 -1
  57. package/components/Checkbox/Checkbox.js +3 -3
  58. package/components/Checkbox/Checkbox.js.map +1 -1
  59. package/components/Chip/Chip.config.js +5 -5
  60. package/components/Chip/Chip.config.js.map +1 -1
  61. package/components/Chip/Chip.js +3 -3
  62. package/components/Chip/Chip.js.map +1 -1
  63. package/components/ChipGroup/ChipGroup.config.js +2 -2
  64. package/components/ChipGroup/ChipGroup.config.js.map +1 -1
  65. package/components/ChipGroup/ChipGroup.js +2 -2
  66. package/components/ChipGroup/ChipGroup.js.map +1 -1
  67. package/components/CodeField/CodeField.config.js +4 -4
  68. package/components/CodeField/CodeField.config.js.map +1 -1
  69. package/components/CodeField/CodeField.js +2 -2
  70. package/components/CodeField/CodeField.js.map +1 -1
  71. package/components/Combobox/Combobox.config.js +5 -5
  72. package/components/Combobox/Combobox.config.js.map +1 -1
  73. package/components/Combobox/Combobox.d.ts +24 -24
  74. package/components/Combobox/Combobox.js +4 -4
  75. package/components/Combobox/Combobox.js.map +1 -1
  76. package/components/Counter/Counter.config.js +2 -2
  77. package/components/Counter/Counter.config.js.map +1 -1
  78. package/components/Counter/Counter.js +2 -2
  79. package/components/Counter/Counter.js.map +1 -1
  80. package/components/DatePicker/DatePicker.config.js +4 -4
  81. package/components/DatePicker/DatePicker.config.js.map +1 -1
  82. package/components/DatePicker/DatePicker.js +4 -4
  83. package/components/DatePicker/DatePicker.js.map +1 -1
  84. package/components/Divider/Divider.config.js +2 -2
  85. package/components/Divider/Divider.config.js.map +1 -1
  86. package/components/Divider/Divider.js +2 -2
  87. package/components/Divider/Divider.js.map +1 -1
  88. package/components/Drawer/Drawer.config.js +3 -3
  89. package/components/Drawer/Drawer.config.js.map +1 -1
  90. package/components/Drawer/Drawer.js +8 -8
  91. package/components/Drawer/Drawer.js.map +1 -1
  92. package/components/Dropdown/Dropdown.config.js +2 -2
  93. package/components/Dropdown/Dropdown.config.js.map +1 -1
  94. package/components/Dropdown/Dropdown.js +4 -4
  95. package/components/Dropdown/Dropdown.js.map +1 -1
  96. package/components/Dropzone/Dropzone.config.js +3 -3
  97. package/components/Dropzone/Dropzone.config.js.map +1 -1
  98. package/components/Dropzone/Dropzone.js +2 -2
  99. package/components/Dropzone/Dropzone.js.map +1 -1
  100. package/components/EmptyState/EmptyState.config.js +1 -1
  101. package/components/EmptyState/EmptyState.config.js.map +1 -1
  102. package/components/EmptyState/EmptyState.js +2 -2
  103. package/components/EmptyState/EmptyState.js.map +1 -1
  104. package/components/Flow/Flow.config.js +1 -1
  105. package/components/Flow/Flow.config.js.map +1 -1
  106. package/components/Flow/Flow.js +2 -2
  107. package/components/Flow/Flow.js.map +1 -1
  108. package/components/Grid/Grid.config.js +2 -2
  109. package/components/Grid/Grid.config.js.map +1 -1
  110. package/components/Grid/Grid.js +2 -2
  111. package/components/Grid/Grid.js.map +1 -1
  112. package/components/IconButton/IconButton.config.js +4 -4
  113. package/components/IconButton/IconButton.config.js.map +1 -1
  114. package/components/IconButton/IconButton.js +3 -3
  115. package/components/IconButton/IconButton.js.map +1 -1
  116. package/components/Image/Image.js +3 -3
  117. package/components/Image/Image.js.map +1 -1
  118. package/components/Indicator/Indicator.config.js +2 -2
  119. package/components/Indicator/Indicator.config.js.map +1 -1
  120. package/components/Indicator/Indicator.js +2 -2
  121. package/components/Indicator/Indicator.js.map +1 -1
  122. package/components/Link/Link.config.js +4 -4
  123. package/components/Link/Link.config.js.map +1 -1
  124. package/components/Link/Link.js +3 -3
  125. package/components/Link/Link.js.map +1 -1
  126. package/components/LinkButton/LinkButton.config.js +3 -3
  127. package/components/LinkButton/LinkButton.config.js.map +1 -1
  128. package/components/LinkButton/LinkButton.js +2 -2
  129. package/components/LinkButton/LinkButton.js.map +1 -1
  130. package/components/List/List.config.js +3 -3
  131. package/components/List/List.config.js.map +1 -1
  132. package/components/List/List.js +3 -3
  133. package/components/List/List.js.map +1 -1
  134. package/components/Mask/Mask.js +1 -1
  135. package/components/Mask/Mask.js.map +1 -1
  136. package/components/Modal/Modal.config.js +2 -2
  137. package/components/Modal/Modal.config.js.map +1 -1
  138. package/components/Modal/Modal.js +3 -3
  139. package/components/Modal/Modal.js.map +1 -1
  140. package/components/Note/Note.config.js +2 -2
  141. package/components/Note/Note.config.js.map +1 -1
  142. package/components/Note/Note.js +2 -2
  143. package/components/Note/Note.js.map +1 -1
  144. package/components/Notification/Notification.config.js +3 -3
  145. package/components/Notification/Notification.config.js.map +1 -1
  146. package/components/Notification/Notification.js +9 -9
  147. package/components/Notification/Notification.js.map +1 -1
  148. package/components/NumberFormat/NumberFormat.js +1 -1
  149. package/components/NumberFormat/NumberFormat.js.map +1 -1
  150. package/components/NumberInput/NumberInput.config.js +4 -4
  151. package/components/NumberInput/NumberInput.config.js.map +1 -1
  152. package/components/NumberInput/NumberInput.js +2 -2
  153. package/components/NumberInput/NumberInput.js.map +1 -1
  154. package/components/Pagination/Pagination.config.js +4 -4
  155. package/components/Pagination/Pagination.config.js.map +1 -1
  156. package/components/Pagination/Pagination.js +3 -3
  157. package/components/Pagination/Pagination.js.map +1 -1
  158. package/components/Popover/Popover.config.js +2 -2
  159. package/components/Popover/Popover.config.js.map +1 -1
  160. package/components/Popover/Popover.js +2 -2
  161. package/components/Popover/Popover.js.map +1 -1
  162. package/components/Popup/Popup.js +2 -2
  163. package/components/Popup/Popup.js.map +1 -1
  164. package/components/Price/Price.config.js +1 -1
  165. package/components/Price/Price.config.js.map +1 -1
  166. package/components/Price/Price.js +3 -3
  167. package/components/Price/Price.js.map +1 -1
  168. package/components/Progress/Progress.config.js +2 -2
  169. package/components/Progress/Progress.config.js.map +1 -1
  170. package/components/Progress/Progress.js +3 -3
  171. package/components/Progress/Progress.js.map +1 -1
  172. package/components/Radiobox/Radiobox.config.js +4 -4
  173. package/components/Radiobox/Radiobox.config.js.map +1 -1
  174. package/components/Radiobox/Radiobox.d.ts +46 -2
  175. package/components/Radiobox/Radiobox.js +3 -3
  176. package/components/Radiobox/Radiobox.js.map +1 -1
  177. package/components/Range/Range.config.js +4 -4
  178. package/components/Range/Range.config.js.map +1 -1
  179. package/components/Range/Range.js +2 -2
  180. package/components/Range/Range.js.map +1 -1
  181. package/components/Rating/Rating.config.js +2 -2
  182. package/components/Rating/Rating.config.js.map +1 -1
  183. package/components/Rating/Rating.js +2 -2
  184. package/components/Rating/Rating.js.map +1 -1
  185. package/components/Segment/Segment.js +4 -4
  186. package/components/Segment/Segment.js.map +1 -1
  187. package/components/Segment/SegmentGroup.config.js +5 -5
  188. package/components/Segment/SegmentGroup.config.js.map +1 -1
  189. package/components/Segment/SegmentItem.config.js +4 -4
  190. package/components/Segment/SegmentItem.config.js.map +1 -1
  191. package/components/Select/Select.config.js +6 -6
  192. package/components/Select/Select.config.js.map +1 -1
  193. package/components/Select/Select.d.ts +6 -6
  194. package/components/Select/Select.js +4 -4
  195. package/components/Select/Select.js.map +1 -1
  196. package/components/Sheet/Sheet.config.js +2 -2
  197. package/components/Sheet/Sheet.config.js.map +1 -1
  198. package/components/Sheet/Sheet.js +3 -3
  199. package/components/Sheet/Sheet.js.map +1 -1
  200. package/components/Skeleton/LineSkeleton.config.js +1 -1
  201. package/components/Skeleton/LineSkeleton.config.js.map +1 -1
  202. package/components/Skeleton/Skeleton.js +3 -3
  203. package/components/Skeleton/Skeleton.js.map +1 -1
  204. package/components/Slider/Slider.config.js +3 -3
  205. package/components/Slider/Slider.config.js.map +1 -1
  206. package/components/Slider/Slider.js +3 -3
  207. package/components/Slider/Slider.js.map +1 -1
  208. package/components/Spinner/Spinner.config.js +2 -2
  209. package/components/Spinner/Spinner.config.js.map +1 -1
  210. package/components/Spinner/Spinner.js +3 -3
  211. package/components/Spinner/Spinner.js.map +1 -1
  212. package/components/Steps/Steps.config.js +3 -3
  213. package/components/Steps/Steps.config.js.map +1 -1
  214. package/components/Steps/Steps.js +3 -3
  215. package/components/Steps/Steps.js.map +1 -1
  216. package/components/Switch/Switch.config.js +4 -4
  217. package/components/Switch/Switch.config.js.map +1 -1
  218. package/components/Switch/Switch.js +3 -3
  219. package/components/Switch/Switch.js.map +1 -1
  220. package/components/Table/Table.config.js +2 -2
  221. package/components/Table/Table.config.js.map +1 -1
  222. package/components/Table/Table.js +3 -3
  223. package/components/Table/Table.js.map +1 -1
  224. package/components/Tabs/TabItem.js +5 -5
  225. package/components/Tabs/TabItem.js.map +1 -1
  226. package/components/Tabs/Tabs.js +5 -5
  227. package/components/Tabs/Tabs.js.map +1 -1
  228. package/components/Tabs/TabsController.js +5 -5
  229. package/components/Tabs/TabsController.js.map +1 -1
  230. package/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -5
  231. package/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
  232. package/components/Tabs/horizontal/HorizontalTabs.config.js +4 -4
  233. package/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
  234. package/components/Tabs/vertical/VerticalTabItem.config.js +3 -3
  235. package/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
  236. package/components/Tabs/vertical/VerticalTabs.config.js +3 -3
  237. package/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
  238. package/components/TextArea/TextArea.config.js +5 -5
  239. package/components/TextArea/TextArea.config.js.map +1 -1
  240. package/components/TextArea/TextArea.js +3 -3
  241. package/components/TextArea/TextArea.js.map +1 -1
  242. package/components/TextField/TextField.config.js +7 -7
  243. package/components/TextField/TextField.config.js.map +1 -1
  244. package/components/TextField/TextField.js +2 -2
  245. package/components/TextField/TextField.js.map +1 -1
  246. package/components/TextFieldGroup/TextFieldGroup.config.js +2 -2
  247. package/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  248. package/components/TextFieldGroup/TextFieldGroup.js +2 -2
  249. package/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
  250. package/components/Toast/Toast.config.js +4 -4
  251. package/components/Toast/Toast.config.js.map +1 -1
  252. package/components/Toast/Toast.js +4 -4
  253. package/components/Toast/Toast.js.map +1 -1
  254. package/components/Tokens/Colors/Colors.styles.d.ts +1 -1
  255. package/components/Tokens/Typography/Typography.styles.d.ts +1 -1
  256. package/components/Toolbar/Toolbar.config.js +2 -2
  257. package/components/Toolbar/Toolbar.config.js.map +1 -1
  258. package/components/Toolbar/Toolbar.js +4 -4
  259. package/components/Toolbar/Toolbar.js.map +1 -1
  260. package/components/Tooltip/Tooltip.config.js +2 -2
  261. package/components/Tooltip/Tooltip.config.js.map +1 -1
  262. package/components/Tooltip/Tooltip.js +2 -2
  263. package/components/Tooltip/Tooltip.js.map +1 -1
  264. package/components/Tree/Tree.config.js +2 -2
  265. package/components/Tree/Tree.config.js.map +1 -1
  266. package/components/Tree/Tree.js +2 -2
  267. package/components/Tree/Tree.js.map +1 -1
  268. package/components/Typography/Body.config.js +5 -5
  269. package/components/Typography/Body.config.js.map +1 -1
  270. package/components/Typography/Dspl.config.js +3 -3
  271. package/components/Typography/Dspl.config.js.map +1 -1
  272. package/components/Typography/Heading.config.js +5 -5
  273. package/components/Typography/Heading.config.js.map +1 -1
  274. package/components/Typography/Text.config.js +4 -4
  275. package/components/Typography/Text.config.js.map +1 -1
  276. package/components/Typography/Typography.js +51 -51
  277. package/components/Typography/Typography.js.map +1 -1
  278. package/components/ViewContainer/ViewContainer.config.js +1 -1
  279. package/components/ViewContainer/ViewContainer.config.js.map +1 -1
  280. package/components/ViewContainer/ViewContainer.js +2 -2
  281. package/components/ViewContainer/ViewContainer.js.map +1 -1
  282. package/emotion/cjs/components/Carousel/Carousel.config.js +4 -11
  283. package/emotion/es/components/Carousel/Carousel.config.js +4 -11
  284. package/es/components/Accordion/Accordion.config.js +2 -2
  285. package/es/components/Accordion/Accordion.config.js.map +1 -1
  286. package/es/components/Accordion/Accordion.js +3 -3
  287. package/es/components/Accordion/Accordion.js.map +1 -1
  288. package/es/components/Attach/Attach.config.js +3 -3
  289. package/es/components/Attach/Attach.config.js.map +1 -1
  290. package/es/components/Attach/Attach.js +3 -3
  291. package/es/components/Attach/Attach.js.map +1 -1
  292. package/es/components/Autocomplete/Autocomplete.config.js +5 -5
  293. package/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  294. package/es/components/Autocomplete/Autocomplete.js +3 -3
  295. package/es/components/Autocomplete/Autocomplete.js.map +1 -1
  296. package/es/components/Avatar/Avatar.config.js +5 -5
  297. package/es/components/Avatar/Avatar.config.js.map +1 -1
  298. package/es/components/Avatar/Avatar.js +3 -3
  299. package/es/components/Avatar/Avatar.js.map +1 -1
  300. package/es/components/AvatarGroup/AvatarGroup.js +3 -3
  301. package/es/components/AvatarGroup/AvatarGroup.js.map +1 -1
  302. package/es/components/Badge/Badge.config.js +5 -5
  303. package/es/components/Badge/Badge.config.js.map +1 -1
  304. package/es/components/Badge/Badge.js +3 -3
  305. package/es/components/Badge/Badge.js.map +1 -1
  306. package/es/components/Breadcrumbs/Breadcrumbs.config.js +2 -2
  307. package/es/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -1
  308. package/es/components/Breadcrumbs/Breadcrumbs.js +4 -4
  309. package/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
  310. package/es/components/Button/Button.config.js +4 -4
  311. package/es/components/Button/Button.config.js.map +1 -1
  312. package/es/components/Button/Button.js +4 -4
  313. package/es/components/Button/Button.js.map +1 -1
  314. package/es/components/ButtonGroup/ButtonGroup.config.js +3 -3
  315. package/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  316. package/es/components/ButtonGroup/ButtonGroup.js +3 -3
  317. package/es/components/ButtonGroup/ButtonGroup.js.map +1 -1
  318. package/es/components/Calendar/Calendar.js +9 -9
  319. package/es/components/Calendar/Calendar.js.map +1 -1
  320. package/es/components/Calendar/CalendarBase.config.js +2 -2
  321. package/es/components/Calendar/CalendarBase.config.js.map +1 -1
  322. package/es/components/Calendar/CalendarDouble.config.js +2 -2
  323. package/es/components/Calendar/CalendarDouble.config.js.map +1 -1
  324. package/es/components/Card/Card.config.js +2 -2
  325. package/es/components/Card/Card.config.js.map +1 -1
  326. package/es/components/Card/Card.js +4 -4
  327. package/es/components/Card/Card.js.map +1 -1
  328. package/es/components/Carousel/Carousel.config.js +3 -3
  329. package/es/components/Carousel/Carousel.config.js.map +1 -1
  330. package/es/components/Carousel/Carousel.config_1r461vi.css +2 -0
  331. package/es/components/Carousel/Carousel.css +2 -2
  332. package/es/components/Carousel/Carousel.js +3 -3
  333. package/es/components/Carousel/Carousel.js.map +1 -1
  334. package/es/components/Cell/Cell.config.js +2 -2
  335. package/es/components/Cell/Cell.config.js.map +1 -1
  336. package/es/components/Cell/Cell.js +4 -4
  337. package/es/components/Cell/Cell.js.map +1 -1
  338. package/es/components/Checkbox/Checkbox.config.js +4 -4
  339. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  340. package/es/components/Checkbox/Checkbox.js +4 -4
  341. package/es/components/Checkbox/Checkbox.js.map +1 -1
  342. package/es/components/Chip/Chip.config.js +5 -5
  343. package/es/components/Chip/Chip.config.js.map +1 -1
  344. package/es/components/Chip/Chip.js +4 -4
  345. package/es/components/Chip/Chip.js.map +1 -1
  346. package/es/components/ChipGroup/ChipGroup.config.js +2 -2
  347. package/es/components/ChipGroup/ChipGroup.config.js.map +1 -1
  348. package/es/components/ChipGroup/ChipGroup.js +3 -3
  349. package/es/components/ChipGroup/ChipGroup.js.map +1 -1
  350. package/es/components/CodeField/CodeField.config.js +4 -4
  351. package/es/components/CodeField/CodeField.config.js.map +1 -1
  352. package/es/components/CodeField/CodeField.js +3 -3
  353. package/es/components/CodeField/CodeField.js.map +1 -1
  354. package/es/components/Combobox/Combobox.config.js +5 -5
  355. package/es/components/Combobox/Combobox.config.js.map +1 -1
  356. package/es/components/Combobox/Combobox.js +5 -5
  357. package/es/components/Combobox/Combobox.js.map +1 -1
  358. package/es/components/Counter/Counter.config.js +2 -2
  359. package/es/components/Counter/Counter.config.js.map +1 -1
  360. package/es/components/Counter/Counter.js +3 -3
  361. package/es/components/Counter/Counter.js.map +1 -1
  362. package/es/components/DatePicker/DatePicker.config.js +4 -4
  363. package/es/components/DatePicker/DatePicker.config.js.map +1 -1
  364. package/es/components/DatePicker/DatePicker.js +5 -5
  365. package/es/components/DatePicker/DatePicker.js.map +1 -1
  366. package/es/components/Divider/Divider.config.js +2 -2
  367. package/es/components/Divider/Divider.config.js.map +1 -1
  368. package/es/components/Divider/Divider.js +3 -3
  369. package/es/components/Divider/Divider.js.map +1 -1
  370. package/es/components/Drawer/Drawer.config.js +3 -3
  371. package/es/components/Drawer/Drawer.config.js.map +1 -1
  372. package/es/components/Drawer/Drawer.js +9 -9
  373. package/es/components/Drawer/Drawer.js.map +1 -1
  374. package/es/components/Dropdown/Dropdown.config.js +2 -2
  375. package/es/components/Dropdown/Dropdown.config.js.map +1 -1
  376. package/es/components/Dropdown/Dropdown.js +5 -5
  377. package/es/components/Dropdown/Dropdown.js.map +1 -1
  378. package/es/components/Dropzone/Dropzone.config.js +3 -3
  379. package/es/components/Dropzone/Dropzone.config.js.map +1 -1
  380. package/es/components/Dropzone/Dropzone.js +3 -3
  381. package/es/components/Dropzone/Dropzone.js.map +1 -1
  382. package/es/components/EmptyState/EmptyState.config.js +1 -1
  383. package/es/components/EmptyState/EmptyState.config.js.map +1 -1
  384. package/es/components/EmptyState/EmptyState.js +3 -3
  385. package/es/components/EmptyState/EmptyState.js.map +1 -1
  386. package/es/components/Flow/Flow.config.js +1 -1
  387. package/es/components/Flow/Flow.config.js.map +1 -1
  388. package/es/components/Flow/Flow.js +3 -3
  389. package/es/components/Flow/Flow.js.map +1 -1
  390. package/es/components/Grid/Grid.config.js +2 -2
  391. package/es/components/Grid/Grid.config.js.map +1 -1
  392. package/es/components/Grid/Grid.js +3 -3
  393. package/es/components/Grid/Grid.js.map +1 -1
  394. package/es/components/IconButton/IconButton.config.js +4 -4
  395. package/es/components/IconButton/IconButton.config.js.map +1 -1
  396. package/es/components/IconButton/IconButton.js +4 -4
  397. package/es/components/IconButton/IconButton.js.map +1 -1
  398. package/es/components/Image/Image.js +4 -4
  399. package/es/components/Image/Image.js.map +1 -1
  400. package/es/components/Indicator/Indicator.config.js +2 -2
  401. package/es/components/Indicator/Indicator.config.js.map +1 -1
  402. package/es/components/Indicator/Indicator.js +3 -3
  403. package/es/components/Indicator/Indicator.js.map +1 -1
  404. package/es/components/Link/Link.config.js +4 -4
  405. package/es/components/Link/Link.config.js.map +1 -1
  406. package/es/components/Link/Link.js +4 -4
  407. package/es/components/Link/Link.js.map +1 -1
  408. package/es/components/LinkButton/LinkButton.config.js +3 -3
  409. package/es/components/LinkButton/LinkButton.config.js.map +1 -1
  410. package/es/components/LinkButton/LinkButton.js +3 -3
  411. package/es/components/LinkButton/LinkButton.js.map +1 -1
  412. package/es/components/List/List.config.js +3 -3
  413. package/es/components/List/List.config.js.map +1 -1
  414. package/es/components/List/List.js +4 -4
  415. package/es/components/List/List.js.map +1 -1
  416. package/es/components/Mask/Mask.js +1 -1
  417. package/es/components/Mask/Mask.js.map +1 -1
  418. package/es/components/Modal/Modal.config.js +2 -2
  419. package/es/components/Modal/Modal.config.js.map +1 -1
  420. package/es/components/Modal/Modal.js +4 -4
  421. package/es/components/Modal/Modal.js.map +1 -1
  422. package/es/components/Note/Note.config.js +2 -2
  423. package/es/components/Note/Note.config.js.map +1 -1
  424. package/es/components/Note/Note.js +3 -3
  425. package/es/components/Note/Note.js.map +1 -1
  426. package/es/components/Notification/Notification.config.js +3 -3
  427. package/es/components/Notification/Notification.config.js.map +1 -1
  428. package/es/components/Notification/Notification.js +10 -10
  429. package/es/components/Notification/Notification.js.map +1 -1
  430. package/es/components/NumberFormat/NumberFormat.js +1 -1
  431. package/es/components/NumberFormat/NumberFormat.js.map +1 -1
  432. package/es/components/NumberInput/NumberInput.config.js +4 -4
  433. package/es/components/NumberInput/NumberInput.config.js.map +1 -1
  434. package/es/components/NumberInput/NumberInput.js +3 -3
  435. package/es/components/NumberInput/NumberInput.js.map +1 -1
  436. package/es/components/Pagination/Pagination.config.js +4 -4
  437. package/es/components/Pagination/Pagination.config.js.map +1 -1
  438. package/es/components/Pagination/Pagination.js +4 -4
  439. package/es/components/Pagination/Pagination.js.map +1 -1
  440. package/es/components/Popover/Popover.config.js +2 -2
  441. package/es/components/Popover/Popover.config.js.map +1 -1
  442. package/es/components/Popover/Popover.js +3 -3
  443. package/es/components/Popover/Popover.js.map +1 -1
  444. package/es/components/Popup/Popup.js +3 -3
  445. package/es/components/Popup/Popup.js.map +1 -1
  446. package/es/components/Price/Price.config.js +1 -1
  447. package/es/components/Price/Price.config.js.map +1 -1
  448. package/es/components/Price/Price.js +4 -4
  449. package/es/components/Price/Price.js.map +1 -1
  450. package/es/components/Progress/Progress.config.js +2 -2
  451. package/es/components/Progress/Progress.config.js.map +1 -1
  452. package/es/components/Progress/Progress.js +4 -4
  453. package/es/components/Progress/Progress.js.map +1 -1
  454. package/es/components/Radiobox/Radiobox.config.js +4 -4
  455. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  456. package/es/components/Radiobox/Radiobox.js +4 -4
  457. package/es/components/Radiobox/Radiobox.js.map +1 -1
  458. package/es/components/Range/Range.config.js +4 -4
  459. package/es/components/Range/Range.config.js.map +1 -1
  460. package/es/components/Range/Range.js +3 -3
  461. package/es/components/Range/Range.js.map +1 -1
  462. package/es/components/Rating/Rating.config.js +2 -2
  463. package/es/components/Rating/Rating.config.js.map +1 -1
  464. package/es/components/Rating/Rating.js +3 -3
  465. package/es/components/Rating/Rating.js.map +1 -1
  466. package/es/components/Segment/Segment.js +5 -5
  467. package/es/components/Segment/Segment.js.map +1 -1
  468. package/es/components/Segment/SegmentGroup.config.js +5 -5
  469. package/es/components/Segment/SegmentGroup.config.js.map +1 -1
  470. package/es/components/Segment/SegmentItem.config.js +4 -4
  471. package/es/components/Segment/SegmentItem.config.js.map +1 -1
  472. package/es/components/Select/Select.config.js +6 -6
  473. package/es/components/Select/Select.config.js.map +1 -1
  474. package/es/components/Select/Select.js +5 -5
  475. package/es/components/Select/Select.js.map +1 -1
  476. package/es/components/Sheet/Sheet.config.js +2 -2
  477. package/es/components/Sheet/Sheet.config.js.map +1 -1
  478. package/es/components/Sheet/Sheet.js +4 -4
  479. package/es/components/Sheet/Sheet.js.map +1 -1
  480. package/es/components/Skeleton/LineSkeleton.config.js +1 -1
  481. package/es/components/Skeleton/LineSkeleton.config.js.map +1 -1
  482. package/es/components/Skeleton/Skeleton.js +4 -4
  483. package/es/components/Skeleton/Skeleton.js.map +1 -1
  484. package/es/components/Slider/Slider.config.js +3 -3
  485. package/es/components/Slider/Slider.config.js.map +1 -1
  486. package/es/components/Slider/Slider.js +4 -4
  487. package/es/components/Slider/Slider.js.map +1 -1
  488. package/es/components/Spinner/Spinner.config.js +2 -2
  489. package/es/components/Spinner/Spinner.config.js.map +1 -1
  490. package/es/components/Spinner/Spinner.js +4 -4
  491. package/es/components/Spinner/Spinner.js.map +1 -1
  492. package/es/components/Steps/Steps.config.js +3 -3
  493. package/es/components/Steps/Steps.config.js.map +1 -1
  494. package/es/components/Steps/Steps.js +4 -4
  495. package/es/components/Steps/Steps.js.map +1 -1
  496. package/es/components/Switch/Switch.config.js +4 -4
  497. package/es/components/Switch/Switch.config.js.map +1 -1
  498. package/es/components/Switch/Switch.js +4 -4
  499. package/es/components/Switch/Switch.js.map +1 -1
  500. package/es/components/Table/Table.config.js +2 -2
  501. package/es/components/Table/Table.config.js.map +1 -1
  502. package/es/components/Table/Table.js +4 -4
  503. package/es/components/Table/Table.js.map +1 -1
  504. package/es/components/Tabs/TabItem.js +6 -6
  505. package/es/components/Tabs/TabItem.js.map +1 -1
  506. package/es/components/Tabs/Tabs.js +6 -6
  507. package/es/components/Tabs/Tabs.js.map +1 -1
  508. package/es/components/Tabs/TabsController.js +6 -6
  509. package/es/components/Tabs/TabsController.js.map +1 -1
  510. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +5 -5
  511. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map +1 -1
  512. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +4 -4
  513. package/es/components/Tabs/horizontal/HorizontalTabs.config.js.map +1 -1
  514. package/es/components/Tabs/vertical/VerticalTabItem.config.js +3 -3
  515. package/es/components/Tabs/vertical/VerticalTabItem.config.js.map +1 -1
  516. package/es/components/Tabs/vertical/VerticalTabs.config.js +3 -3
  517. package/es/components/Tabs/vertical/VerticalTabs.config.js.map +1 -1
  518. package/es/components/TextArea/TextArea.config.js +5 -5
  519. package/es/components/TextArea/TextArea.config.js.map +1 -1
  520. package/es/components/TextArea/TextArea.js +4 -4
  521. package/es/components/TextArea/TextArea.js.map +1 -1
  522. package/es/components/TextField/TextField.config.js +7 -7
  523. package/es/components/TextField/TextField.config.js.map +1 -1
  524. package/es/components/TextField/TextField.js +3 -3
  525. package/es/components/TextField/TextField.js.map +1 -1
  526. package/es/components/TextFieldGroup/TextFieldGroup.config.js +2 -2
  527. package/es/components/TextFieldGroup/TextFieldGroup.config.js.map +1 -1
  528. package/es/components/TextFieldGroup/TextFieldGroup.js +3 -3
  529. package/es/components/TextFieldGroup/TextFieldGroup.js.map +1 -1
  530. package/es/components/Toast/Toast.config.js +4 -4
  531. package/es/components/Toast/Toast.config.js.map +1 -1
  532. package/es/components/Toast/Toast.js +5 -5
  533. package/es/components/Toast/Toast.js.map +1 -1
  534. package/es/components/Toolbar/Toolbar.config.js +2 -2
  535. package/es/components/Toolbar/Toolbar.config.js.map +1 -1
  536. package/es/components/Toolbar/Toolbar.js +5 -5
  537. package/es/components/Toolbar/Toolbar.js.map +1 -1
  538. package/es/components/Tooltip/Tooltip.config.js +2 -2
  539. package/es/components/Tooltip/Tooltip.config.js.map +1 -1
  540. package/es/components/Tooltip/Tooltip.js +3 -3
  541. package/es/components/Tooltip/Tooltip.js.map +1 -1
  542. package/es/components/Tree/Tree.config.js +2 -2
  543. package/es/components/Tree/Tree.config.js.map +1 -1
  544. package/es/components/Tree/Tree.js +3 -3
  545. package/es/components/Tree/Tree.js.map +1 -1
  546. package/es/components/Typography/Body.config.js +5 -5
  547. package/es/components/Typography/Body.config.js.map +1 -1
  548. package/es/components/Typography/Dspl.config.js +3 -3
  549. package/es/components/Typography/Dspl.config.js.map +1 -1
  550. package/es/components/Typography/Heading.config.js +5 -5
  551. package/es/components/Typography/Heading.config.js.map +1 -1
  552. package/es/components/Typography/Text.config.js +4 -4
  553. package/es/components/Typography/Text.config.js.map +1 -1
  554. package/es/components/Typography/Typography.js +52 -52
  555. package/es/components/Typography/Typography.js.map +1 -1
  556. package/es/components/ViewContainer/ViewContainer.config.js +1 -1
  557. package/es/components/ViewContainer/ViewContainer.config.js.map +1 -1
  558. package/es/components/ViewContainer/ViewContainer.js +3 -3
  559. package/es/components/ViewContainer/ViewContainer.js.map +1 -1
  560. package/es/index.css +2 -2
  561. package/package.json +8 -8
  562. package/styled-components/cjs/components/Carousel/Carousel.config.js +4 -11
  563. package/styled-components/es/components/Carousel/Carousel.config.js +4 -11
  564. package/components/Carousel/Carousel.config_uusoxc.css +0 -2
  565. package/es/components/Carousel/Carousel.config_uusoxc.css +0 -2
package/es/components/Select/Select.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.config.js","sources":["../../../src-css/components/Select/Select.config.ts"],"sourcesContent":["import { css, selectTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n chipView: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.textFieldColor}: var(--text-primary);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-secondary);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.buttonColor}: var(--inverse-text-primary);\n ${tokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${tokens.buttonColorActive}: var(--inverse-text-primary-active);\n ${tokens.buttonArrowColor}: var(--inverse-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--inverse-text-secondary-hover);\n ${tokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${tokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${tokens.buttonBackgroundColorActive}: var(--surface-solid-default-hover);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n positive: css`\n ${tokens.textFieldColor}: var(--text-primary);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-positive);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.buttonColor}: var(--on-dark-text-primary);\n ${tokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-dark-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-dark-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonBackgroundColor}:var(--surface-positive);\n ${tokens.buttonBackgroundColorHover}:var(--surface-positive-hover);\n ${tokens.buttonBackgroundColorActive}:var(--surface-positive-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n warning: css`\n ${tokens.textFieldColor}: var(--text-primary);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-warning);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.buttonColor}: var(--on-dark-text-primary);\n ${tokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-dark-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-dark-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonBackgroundColor}:var(--surface-warning);\n ${tokens.buttonBackgroundColorHover}:var(--surface-warning-hover);\n ${tokens.buttonBackgroundColorActive}:var(--surface-warning-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n negative: css`\n ${tokens.textFieldColor}: var(--text-primary);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-negative);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.buttonColor}: var(--on-dark-text-primary);\n ${tokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-dark-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-dark-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonBackgroundColor}:var(--surface-negative);\n ${tokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${tokens.buttonBackgroundColorActive}:var(--surface-negative-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n accent: css`\n ${tokens.buttonColor}: var(--on-dark-text-primary);\n ${tokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-dark-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-dark-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonBackgroundColor}: var(--surface-accent);\n ${tokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${tokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n secondary: css`\n ${tokens.buttonColor}: var(--text-primary);\n ${tokens.buttonColorHover}: var(--text-primary-hover);\n ${tokens.buttonColorActive}: var(--text-primary-active);\n ${tokens.buttonArrowColor}: var(--text-secondary);\n ${tokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--text-secondary-hover);\n ${tokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${tokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n clear: css`\n ${tokens.buttonColor}: var(--text-primary);\n ${tokens.buttonColorHover}: var(--text-primary-hover);\n ${tokens.buttonColorActive}: var(--text-primary-active);\n ${tokens.buttonArrowColor}: var(--text-secondary);\n ${tokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--text-secondary-active);\n ${tokens.buttonBackgroundColor}: var(--surface-clear);\n ${tokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${tokens.buttonBackgroundColorActive}: var(--surface-clear);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n dark: css`\n ${tokens.buttonColor}: var(--on-dark-text-primary);\n ${tokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-dark-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-dark-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-dark-text-secondary-active);\n ${tokens.buttonBackgroundColor}:var(--on-light-surface-transparent-deep);\n ${tokens.buttonBackgroundColorHover}:var(--on-light-surface-transparent-deep-hover);\n ${tokens.buttonBackgroundColorActive}:var(--on-light-surface-transparent-deep-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n black: css`\n ${tokens.buttonColor}: var(--on-dark-text-primary);\n ${tokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-dark-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-dark-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-dark-text-secondary-active);\n ${tokens.buttonBackgroundColor}:var(--on-light-surface-solid-default);\n ${tokens.buttonBackgroundColorHover}:var(--on-light-surface-solid-default-hover);\n ${tokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n white: css`\n ${tokens.buttonColor}: var(--on-light-text-primary);\n ${tokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-light-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-light-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-light-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-light-text-secondary-active);\n ${tokens.buttonBackgroundColor}:var(--on-dark-surface-solid-default);\n ${tokens.buttonBackgroundColorHover}:var(--on-dark-surface-solid-default-hover);\n ${tokens.buttonBackgroundColorActive}:var(--on-dark-surface-solid-default-active);\n\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n },\n size: {\n l: css`\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.75rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.5rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 2.75rem;\n ${tokens.textFieldChipPadding}: 0 0.75rem 0 1rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.625rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 1.5rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.buttonArrowMargin}: 0 -0.125rem 0 0.5rem;\n ${tokens.targetHeight}: 3.5rem;\n ${tokens.buttonPadding}: 1.5rem 0 1.5rem;\n\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 1rem 1.125rem;\n ${tokens.itemPaddingTight}: 0.75rem 1.125rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n ${tokens.itemIconMargin}: 0 0.5rem 0 0;\n ${tokens.itemIconSize}: 1.5rem;\n ${tokens.itemIconSizeTight}: 1.5rem;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.fontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerSizeTight}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.5rem;\n ${tokens.dividerMarginRight}: 1rem;\n ${tokens.dividerMarginBottom}: 0.5rem;\n ${tokens.dividerMarginLeft}: 1rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n `,\n m: css`\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.625rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.375rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 2.25rem;\n ${tokens.textFieldChipPadding}: 0 0.625rem 0 0.875rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.5rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 1.25rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.buttonArrowMargin}: 0 -0.125rem 0 0.375rem;\n ${tokens.targetHeight}: 3rem;\n ${tokens.buttonPadding}: 1.25rem 0 1.25rem;\n\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.75rem 0.875rem;\n ${tokens.itemPaddingTight}: 0.5rem 0.875rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n ${tokens.itemIconMargin}: 0 0.375rem 0 0;\n ${tokens.itemIconSize}: 1.5rem;\n ${tokens.itemIconSizeTight}: 1.5rem;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.fontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerSizeTight}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.875rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.875rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n `,\n s: css`\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.5rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.25rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 1.75rem;\n ${tokens.textFieldChipPadding}: 0 0.5rem 0 0.75rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.375rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 1rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n ${tokens.targetHeight}: 2.5rem;\n ${tokens.buttonPadding}: 1rem 0 1rem;\n\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.5rem 0.75rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n ${tokens.itemIconSize}: 1.5rem;\n ${tokens.itemIconSizeTight}: 1rem;\n ${tokens.itemIconMargin}: 0 0.375rem 0 0;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.fontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerSizeTight}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.75rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.75rem;\n ${tokens.dividerMarginTopTight}: 0.25rem;\n ${tokens.dividerMarginBottomTight}: 0.25rem;\n `,\n xs: css`\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.375rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.125rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 1.25rem;\n ${tokens.textFieldChipPadding}: 0 0.375rem 0 0.625rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.25rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 0.75rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n ${tokens.targetHeight}: 2rem;\n ${tokens.buttonPadding}: 0.75rem 0 0.75rem;\n\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.itemHeight}: 1rem;\n ${tokens.itemPadding}: 0.5rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.5rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n ${tokens.itemIconSize}: 1rem;\n ${tokens.itemIconSizeTight}: 1rem;\n ${tokens.itemIconMargin}: 0 0.25rem 0 0;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.25rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.fontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.checkboxTriggerSize}: 0.875rem;\n ${tokens.checkboxTriggerSizeTight}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.25rem;\n ${tokens.dividerMarginRight}: 0.5rem;\n ${tokens.dividerMarginBottom}: 0.225rem;\n ${tokens.dividerMarginLeft}: 0.5rem;\n ${tokens.dividerMarginTopTight}: 0.125rem;\n ${tokens.dividerMarginBottomTight}: 0.125rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n chipView: {\n default: css`\n ${tokens.textFieldChipColor}: var(--inverse-text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-solid-default);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.textFieldChipCloseIconColor}: var(--inverse-text-primary);\n\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-default);\n ${tokens.textFieldChipColorReadOnly}: var(--inverse-text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-default);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--inverse-text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 1;\n `,\n secondary: css`\n ${tokens.textFieldChipColor}: var(--text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.textFieldChipCloseIconColor}: var(--text-primary);\n\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnly}: var(--text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 1;\n `,\n accent: css`\n ${tokens.textFieldChipColor}: var(--on-dark-text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-accent);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-accent-hover);\n ${tokens.textFieldChipCloseIconColor}: var(--on-dark-text-primary);\n\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-accent);\n ${tokens.textFieldChipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-accent);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--on-dark-text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 1;\n `,\n },\n hintView: {\n default: css`\n ${tokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.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));\n ${tokens.textFieldTooltipColor}: var(--text-primary);\n ${tokens.textFieldTooltipArrowBackground}: var(--surface-solid-card);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.875rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2.5rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.625rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.textFieldTooltipArrowHeight}: 0.5rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.5rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.75rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.5rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.5rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.textFieldTooltipArrowHeight}: 0.375rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.textFieldDisabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.disclosureIconOpacityReadOnly}: 0.4;\n ${tokens.textFieldReadOnlyOpacity}: 0.4;\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldTitleCaptionColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLabelColorReadOnly}: var(--text-primary);\n ${tokens.textFieldDividerColorReadOnly}: var(--surface-transparent-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","chipView","variations","default","positive","warning","negative","accent","secondary","clear","dark","black","white","l","m","s","xs","inner","outer","hintView","hintSize","disabled","true","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,QAAQ,EAAE,SAAA;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAuCC,UAAA;AACDC,MAAAA,QAAQ,EAuCP,UAAA;AACDC,MAAAA,OAAO,EAuCN,SAAA;AACDC,MAAAA,QAAQ,EAuCP,UAAA;AACDC,MAAAA,MAAM,EAkBL,UAAA;AACDC,MAAAA,SAAS,EAkBR,SAAA;AACDC,MAAAA,KAAK,EAkBJ,SAAA;AACDC,MAAAA,IAAI,EAkBH,SAAA;AACDC,MAAAA,KAAK,EAkBJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAmBR;AACDb,IAAAA,IAAI,EAAE;AACFc,MAAAA,CAAC,EA6HA,UAAA;AACDC,MAAAA,CAAC,EA6HA,UAAA;AACDC,MAAAA,CAAC,EA6HA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KA8HL;AACDhB,IAAAA,cAAc,EAAE;AACZiB,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KACR;AACDjB,IAAAA,QAAQ,EAAE;AACNE,MAAAA,SAAAA,EAWC,SAAA;AACDK,MAAAA,SAAS,EAWR,UAAA;AACDD,MAAAA,MAAM,EAAA,UAAA;KAYT;AACDY,IAAAA,QAAQ,EAAE;MACNhB,SAAO,EAAA,SAAA;KAMV;AACDiB,IAAAA,QAAQ,EAAE;AACNN,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAwBJ;AACDM,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAWR,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Select.config.js","sources":["../../../src-css/components/Select/Select.config.ts"],"sourcesContent":["import { css, selectTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n labelPlacement: 'outer',\n chipView: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.textFieldColor}: var(--text-primary);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-secondary);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.buttonColor}: var(--inverse-text-primary);\n ${tokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${tokens.buttonColorActive}: var(--inverse-text-primary-active);\n ${tokens.buttonArrowColor}: var(--inverse-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--inverse-text-secondary-hover);\n ${tokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${tokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${tokens.buttonBackgroundColorActive}: var(--surface-solid-default-hover);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n positive: css`\n ${tokens.textFieldColor}: var(--text-primary);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-positive);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.buttonColor}: var(--on-dark-text-primary);\n ${tokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-dark-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-dark-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonBackgroundColor}:var(--surface-positive);\n ${tokens.buttonBackgroundColorHover}:var(--surface-positive-hover);\n ${tokens.buttonBackgroundColorActive}:var(--surface-positive-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n warning: css`\n ${tokens.textFieldColor}: var(--text-primary);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-warning);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.buttonColor}: var(--on-dark-text-primary);\n ${tokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-dark-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-dark-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonBackgroundColor}:var(--surface-warning);\n ${tokens.buttonBackgroundColorHover}:var(--surface-warning-hover);\n ${tokens.buttonBackgroundColorActive}:var(--surface-warning-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n negative: css`\n ${tokens.textFieldColor}: var(--text-primary);\n\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n\n ${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n ${tokens.textFieldLabelColor}: var(--text-primary);\n ${tokens.textFieldLeftHelperColor}: var(--text-negative);\n ${tokens.textFieldFocusColor}: var(--text-accent);\n\n ${tokens.textFieldContentSlotColor}: var(--text-secondary);\n ${tokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.textFieldContentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldIndicatorColor}: var(--surface-negative);\n ${tokens.textFieldOptionalColor}: var(--text-tertiary);\n\n ${tokens.buttonColor}: var(--on-dark-text-primary);\n ${tokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-dark-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-dark-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonBackgroundColor}:var(--surface-negative);\n ${tokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${tokens.buttonBackgroundColorActive}:var(--surface-negative-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n ${tokens.textFieldHintIconColor}: var(--text-secondary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n accent: css`\n ${tokens.buttonColor}: var(--on-dark-text-primary);\n ${tokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-dark-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-dark-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonBackgroundColor}: var(--surface-accent);\n ${tokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${tokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n secondary: css`\n ${tokens.buttonColor}: var(--text-primary);\n ${tokens.buttonColorHover}: var(--text-primary-hover);\n ${tokens.buttonColorActive}: var(--text-primary-active);\n ${tokens.buttonArrowColor}: var(--text-secondary);\n ${tokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--text-secondary-hover);\n ${tokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${tokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n clear: css`\n ${tokens.buttonColor}: var(--text-primary);\n ${tokens.buttonColorHover}: var(--text-primary-hover);\n ${tokens.buttonColorActive}: var(--text-primary-active);\n ${tokens.buttonArrowColor}: var(--text-secondary);\n ${tokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--text-secondary-active);\n ${tokens.buttonBackgroundColor}: var(--surface-clear);\n ${tokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${tokens.buttonBackgroundColorActive}: var(--surface-clear);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n dark: css`\n ${tokens.buttonColor}: var(--on-dark-text-primary);\n ${tokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-dark-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-dark-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-dark-text-secondary-active);\n ${tokens.buttonBackgroundColor}:var(--on-light-surface-transparent-deep);\n ${tokens.buttonBackgroundColorHover}:var(--on-light-surface-transparent-deep-hover);\n ${tokens.buttonBackgroundColorActive}:var(--on-light-surface-transparent-deep-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n black: css`\n ${tokens.buttonColor}: var(--on-dark-text-primary);\n ${tokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-dark-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-dark-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-dark-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-dark-text-secondary-active);\n ${tokens.buttonBackgroundColor}:var(--on-light-surface-solid-default);\n ${tokens.buttonBackgroundColorHover}:var(--on-light-surface-solid-default-hover);\n ${tokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n white: css`\n ${tokens.buttonColor}: var(--on-light-text-primary);\n ${tokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${tokens.buttonColorActive}: var(--on-light-text-primary-active);\n ${tokens.buttonArrowColor}: var(--on-light-text-secondary);\n ${tokens.buttonArrowColorHover}: var(--on-light-text-secondary-hover);\n ${tokens.buttonArrowColorActive}: var(--on-light-text-secondary-active);\n ${tokens.buttonBackgroundColor}:var(--on-dark-surface-solid-default);\n ${tokens.buttonBackgroundColorHover}:var(--on-dark-surface-solid-default-hover);\n ${tokens.buttonBackgroundColorActive}:var(--on-dark-surface-solid-default-active);\n\n ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n ${tokens.disclosureIconColor}: var(--text-secondary);\n ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);\n ${tokens.itemDisabledOpacity}: 0.4;\n ${tokens.itemDisabledColor}: var(--text-primary);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n },\n size: {\n l: css`\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.75rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.563rem -2.938rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.563rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.5625rem 0 0.125rem 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.5rem auto auto -0.875rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.5rem -0.875rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.5rem -2.488rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.5rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 2.75rem;\n ${tokens.textFieldChipPadding}: 0 0.75rem 0 1rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.625rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 1.5rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.buttonArrowMargin}: 0 -0.125rem 0 0.5rem;\n ${tokens.targetHeight}: 3.5rem;\n ${tokens.buttonPadding}: 1.5rem 0 1.5rem;\n\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 1rem 1.125rem;\n ${tokens.itemPaddingTight}: 0.75rem 1.125rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n ${tokens.itemIconMargin}: 0 0.5rem 0 0;\n ${tokens.itemIconSize}: 1.5rem;\n ${tokens.itemIconSizeTight}: 1.5rem;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.fontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerSizeTight}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.5rem;\n ${tokens.dividerMarginRight}: 1rem;\n ${tokens.dividerMarginBottom}: 0.5rem;\n ${tokens.dividerMarginLeft}: 1rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n `,\n m: css`\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.125rem -0.438rem -0.125rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.625rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.375rem 0 0.125rem 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.5rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.375rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 2.25rem;\n ${tokens.textFieldChipPadding}: 0 0.625rem 0 0.875rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.5rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 1.25rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.buttonArrowMargin}: 0 -0.125rem 0 0.375rem;\n ${tokens.targetHeight}: 3rem;\n ${tokens.buttonPadding}: 1.25rem 0 1.25rem;\n\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.75rem 0.875rem;\n ${tokens.itemPaddingTight}: 0.5rem 0.875rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n ${tokens.itemIconMargin}: 0 0.375rem 0 0;\n ${tokens.itemIconSize}: 1.5rem;\n ${tokens.itemIconSizeTight}: 1.5rem;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.fontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerSizeTight}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.875rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.875rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n `,\n s: css`\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.438rem -0.1875rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.5rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.25rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 1.75rem;\n ${tokens.textFieldChipPadding}: 0 0.5rem 0 0.75rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.375rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 1rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n ${tokens.targetHeight}: 2.5rem;\n ${tokens.buttonPadding}: 1rem 0 1rem;\n\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.5rem 0.75rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n ${tokens.itemIconSize}: 1.5rem;\n ${tokens.itemIconSizeTight}: 1rem;\n ${tokens.itemIconMargin}: 0 0.375rem 0 0;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.fontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerSizeTight}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.75rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.75rem;\n ${tokens.dividerMarginTopTight}: 0.25rem;\n ${tokens.dividerMarginBottomTight}: 0.25rem;\n `,\n xs: css`\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldPaddingWithChips}: 0.375rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.688rem -0.0625rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelOffset}: 0.375rem;\n ${tokens.textFieldLabelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLabelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLabelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLabelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLabelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLabelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.25rem;\n ${tokens.textFieldLeftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLeftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLeftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLeftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLeftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLeftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n ${tokens.textFieldChipGap}: 0.25rem;\n ${tokens.textFieldChipBorderRadius}: 0.125rem;\n ${tokens.textFieldChipWidth}: auto;\n ${tokens.textFieldChipHeight}: 1.25rem;\n ${tokens.textFieldChipPadding}: 0 0.375rem 0 0.625rem;\n ${tokens.textFieldChipClearContentMarginLeft}: 0.25rem;\n ${tokens.textFieldChipClearContentMarginRight}: 0rem;\n ${tokens.textFieldChipCloseIconSize}: 0.75rem;\n ${tokens.textFieldChipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldChipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldChipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldChipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldChipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldChipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n ${tokens.targetHeight}: 2rem;\n ${tokens.buttonPadding}: 0.75rem 0 0.75rem;\n\n ${tokens.padding}: 0.125rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.itemHeight}: 1rem;\n ${tokens.itemPadding}: 0.5rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.5rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n ${tokens.itemIconSize}: 1rem;\n ${tokens.itemIconSizeTight}: 1rem;\n ${tokens.itemIconMargin}: 0 0.25rem 0 0;\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.25rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.fontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.fontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.checkboxTriggerSize}: 0.875rem;\n ${tokens.checkboxTriggerSizeTight}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${tokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n ${tokens.checkboxFillColor}: var(--text-accent);\n ${tokens.checkboxIconColor}: var(--on-dark-text-primary);\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n ${tokens.indicatorSize}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.25rem;\n ${tokens.dividerMarginRight}: 0.5rem;\n ${tokens.dividerMarginBottom}: 0.225rem;\n ${tokens.dividerMarginLeft}: 0.5rem;\n ${tokens.dividerMarginTopTight}: 0.125rem;\n ${tokens.dividerMarginBottomTight}: 0.125rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldLabelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldLabelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldLabelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldLabelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLabelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLabelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n outer: css``,\n },\n chipView: {\n default: css`\n ${tokens.textFieldChipColor}: var(--inverse-text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-solid-default);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.textFieldChipCloseIconColor}: var(--inverse-text-primary);\n\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-default);\n ${tokens.textFieldChipColorReadOnly}: var(--inverse-text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-default);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--inverse-text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 1;\n `,\n secondary: css`\n ${tokens.textFieldChipColor}: var(--text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.textFieldChipCloseIconColor}: var(--text-primary);\n\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnly}: var(--text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 1;\n `,\n accent: css`\n ${tokens.textFieldChipColor}: var(--on-dark-text-primary);\n ${tokens.textFieldChipBackground}: var(--surface-accent);\n ${tokens.textFieldChipBackgroundHover}: var(--surface-accent-hover);\n ${tokens.textFieldChipCloseIconColor}: var(--on-dark-text-primary);\n\n ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-accent);\n ${tokens.textFieldChipColorReadOnly}: var(--on-dark-text-primary);\n ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-accent);\n ${tokens.textFieldChipColorReadOnlyHover}: var(--on-dark-text-primary);\n ${tokens.textFieldChipOpacityReadonly}: 1;\n `,\n },\n hintView: {\n default: css`\n ${tokens.textFieldTooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.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));\n ${tokens.textFieldTooltipColor}: var(--text-primary);\n ${tokens.textFieldTooltipArrowBackground}: var(--surface-solid-card);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.875rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2.5rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.625rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.textFieldTooltipArrowHeight}: 0.5rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.5rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.75rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.5rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.5rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldTooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldTooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldTooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldTooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldTooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.textFieldTooltipArrowHeight}: 0.375rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.textFieldDisabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.disclosureIconOpacityReadOnly}: 0.4;\n ${tokens.textFieldReadOnlyOpacity}: 0.4;\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldTitleCaptionColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldLabelColorReadOnly}: var(--text-primary);\n ${tokens.textFieldDividerColorReadOnly}: var(--surface-transparent-primary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","chipView","variations","default","positive","warning","negative","accent","secondary","clear","dark","black","white","l","m","s","xs","inner","outer","hintView","hintSize","disabled","true","readOnly"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAO;AACvBC,IAAAA,QAAQ,EAAE,SAAA;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,OAAO,EAuCN,UAAA;AACDC,MAAAA,QAAQ,EAuCP,UAAA;AACDC,MAAAA,OAAO,EAuCN,SAAA;AACDC,MAAAA,QAAQ,EAuCP,UAAA;AACDC,MAAAA,MAAM,EAkBL,UAAA;AACDC,MAAAA,SAAS,EAkBR,SAAA;AACDC,MAAAA,KAAK,EAkBJ,SAAA;AACDC,MAAAA,IAAI,EAkBH,SAAA;AACDC,MAAAA,KAAK,EAkBJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAmBR;AACDb,IAAAA,IAAI,EAAE;AACFc,MAAAA,CAAC,EA6HA,UAAA;AACDC,MAAAA,CAAC,EA6HA,UAAA;AACDC,MAAAA,CAAC,EA6HA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KA8HL;AACDhB,IAAAA,cAAc,EAAE;AACZiB,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KACR;AACDjB,IAAAA,QAAQ,EAAE;AACNE,MAAAA,OAAO,EAWN,SAAA;AACDK,MAAAA,SAAS,EAWR,UAAA;AACDD,MAAAA,MAAM,EAAA,UAAA;KAYT;AACDY,IAAAA,QAAQ,EAAE;AACNhB,MAAAA,OAAO,EAAA,SAAA;KAMV;AACDiB,IAAAA,QAAQ,EAAE;AACNN,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAwBJ;AACDM,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;AACND,MAAAA,IAAI,EAAA,SAAA;AAWR,KAAA;AACJ,GAAA;AACJ;;;;"}
package/es/components/Select/Select.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
- import { fixedForwardRef, component, mergeConfig, selectConfig } from '@salutejs/plasma-new-hope';
2
+ import { mergeConfig, selectConfig, component, fixedForwardRef } from '@salutejs/plasma-new-hope';
3
3
  import React from 'react';
4
4
  import { config } from './Select.config.js';
5
5
 
6
- var mergedConfig = /*#__PURE__*/mergeConfig(selectConfig, config);
7
- var SelectNewHope = /*#__PURE__*/component(mergedConfig);
8
- var SelectComponent = function SelectComponent(props, ref) {
6
+ const mergedConfig = mergeConfig(selectConfig, config);
7
+ const SelectNewHope = component(mergedConfig);
8
+ const SelectComponent = (props, ref) => {
9
9
  return /*#__PURE__*/React.createElement(SelectNewHope, _extends({
10
10
  ref: ref
11
11
  }, props));
12
12
  };
13
- var Select = /*#__PURE__*/fixedForwardRef(SelectComponent);
13
+ const Select = fixedForwardRef(SelectComponent);
14
14
 
15
15
  export { Select };
16
16
  //# sourceMappingURL=Select.js.map
package/es/components/Select/Select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sources":["../../../src-css/components/Select/Select.tsx"],"sourcesContent":["import { selectConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport type {\n SelectProps as SelectPropsNewHope,\n ItemOptionSelect,\n DistributivePick,\n DistributiveOmit,\n} from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Select.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst SelectNewHope = component(mergedConfig);\n\nexport type SelectProps<K extends ItemOptionSelect> = DistributiveOmit<\n SelectPropsNewHope<K>,\n 'size' | 'view' | 'chipView' | 'disabled'\n> &\n DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;\n\nconst SelectComponent = <K extends ItemOptionSelect>(props: SelectProps<K>, ref: ForwardedRef<HTMLButtonElement>) => {\n return <SelectNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Select = fixedForwardRef(SelectComponent);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","SelectNewHope","component","SelectComponent","props","ref","React","createElement","_extends","Select","fixedForwardRef"],"mappings":";;;;;AAWA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;AACtD,IAAMC,aAAa,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAQ7C,IAAMM,eAAe,GAAG,SAAlBA,eAAeA,CAAgCC,KAAqB,EAAEC,GAAoC,EAAK;AACjH,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACN,aAAa,EAAAO,QAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC1D,CAAC,CAAA;AAED,IAAMK,MAAM,gBAAGC,eAAe,CAACP,eAAe;;;;"}
1
+ {"version":3,"file":"Select.js","sources":["../../../src-css/components/Select/Select.tsx"],"sourcesContent":["import { selectConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope';\nimport type {\n SelectProps as SelectPropsNewHope,\n ItemOptionSelect,\n DistributivePick,\n DistributiveOmit,\n} from '@salutejs/plasma-new-hope';\nimport React, { ComponentProps, ForwardedRef } from 'react';\n\nimport { config } from './Select.config';\n\nconst mergedConfig = mergeConfig(selectConfig, config);\nconst SelectNewHope = component(mergedConfig);\n\nexport type SelectProps<K extends ItemOptionSelect> = DistributiveOmit<\n SelectPropsNewHope<K>,\n 'size' | 'view' | 'chipView' | 'disabled'\n> &\n DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;\n\nconst SelectComponent = <K extends ItemOptionSelect>(props: SelectProps<K>, ref: ForwardedRef<HTMLButtonElement>) => {\n return <SelectNewHope ref={ref} {...(props as any)} />;\n};\n\nconst Select = fixedForwardRef(SelectComponent);\n\nexport { Select };\n"],"names":["mergedConfig","mergeConfig","selectConfig","config","SelectNewHope","component","SelectComponent","props","ref","React","createElement","_extends","Select","fixedForwardRef"],"mappings":";;;;;AAWA,MAAMA,YAAY,GAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;AACtD,MAAMC,aAAa,GAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAQ7C,MAAMM,eAAe,GAAGA,CAA6BC,KAAqB,EAAEC,GAAoC,KAAK;AACjH,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACN,aAAa,EAAAO,QAAA,CAAA;AAACH,IAAAA,GAAG,EAAEA,GAAAA;GAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AAC1D,CAAC,CAAA;AAED,MAAMK,MAAM,GAAGC,eAAe,CAACP,eAAe;;;;"}
package/es/components/Sheet/Sheet.config.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import './Sheet.config_1152zbc.css';
2
- var config = {
2
+ const config = {
3
3
  defaults: {
4
4
  view: 'default'
5
5
  },
6
6
  variations: {
7
7
  view: {
8
- "default": "d14dauul"
8
+ default: "d14dauul"
9
9
  },
10
10
  handlePlacement: {
11
11
  inner: "ix1j3p3",
package/es/components/Sheet/Sheet.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Sheet.config.js","sources":["../../../src-css/components/Sheet/Sheet.config.tsx"],"sourcesContent":["import { css, sheetTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${sheetTokens.sheetOverlayColor}: var(--overlay-soft);\n ${sheetTokens.sheetOverlayWithBlurColor}: var(--overlay-blur);\n ${sheetTokens.contentBackgroundColor}: var(--surface-solid-card);\n ${sheetTokens.handleBackgroundColor}: var(--surface-solid-tertiary);\n `,\n },\n handlePlacement: {\n inner: css`\n ${sheetTokens.handleMarginTop}: -2.375rem;\n `,\n outer: css`\n ${sheetTokens.handleMarginTop}: -1.375rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","variations","default","handlePlacement","inner","outer"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,SAAO,EAAA,UAAA;KAMV;AACDC,IAAAA,eAAe,EAAE;AACbC,MAAAA,KAAK,EAEJ,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;AAGT,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Sheet.config.js","sources":["../../../src-css/components/Sheet/Sheet.config.tsx"],"sourcesContent":["import { css, sheetTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${sheetTokens.sheetOverlayColor}: var(--overlay-soft);\n ${sheetTokens.sheetOverlayWithBlurColor}: var(--overlay-blur);\n ${sheetTokens.contentBackgroundColor}: var(--surface-solid-card);\n ${sheetTokens.handleBackgroundColor}: var(--surface-solid-tertiary);\n `,\n },\n handlePlacement: {\n inner: css`\n ${sheetTokens.handleMarginTop}: -2.375rem;\n `,\n outer: css`\n ${sheetTokens.handleMarginTop}: -1.375rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","variations","default","handlePlacement","inner","outer"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,OAAO,EAAA,UAAA;KAMV;AACDC,IAAAA,eAAe,EAAE;AACbC,MAAAA,KAAK,EAEJ,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;AAGT,KAAA;AACJ,GAAA;AACJ;;;;"}
package/es/components/Sheet/Sheet.js CHANGED
@@ -1,13 +1,13 @@
1
- import { component, mergeConfig, sheetConfig } from '@salutejs/plasma-new-hope';
1
+ import { mergeConfig, sheetConfig, component } from '@salutejs/plasma-new-hope';
2
2
  import { config } from './Sheet.config.js';
3
3
 
4
- var mergedConfig = /*#__PURE__*/mergeConfig(sheetConfig, config);
5
- var SheetComponent = /*#__PURE__*/component(mergedConfig);
4
+ const mergedConfig = mergeConfig(sheetConfig, config);
5
+ const SheetComponent = component(mergedConfig);
6
6
 
7
7
  /**
8
8
  * Открывает окно-шторку поверх основного экрана.
9
9
  */
10
- var Sheet = SheetComponent;
10
+ const Sheet = SheetComponent;
11
11
 
12
12
  export { Sheet };
13
13
  //# sourceMappingURL=Sheet.js.map
package/es/components/Sheet/Sheet.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Sheet.js","sources":["../../../src-css/components/Sheet/Sheet.tsx"],"sourcesContent":["import { sheetConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Sheet.config';\n\nconst mergedConfig = mergeConfig(sheetConfig, config);\nconst SheetComponent = component(mergedConfig);\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\nexport const Sheet = SheetComponent;\n"],"names":["mergedConfig","mergeConfig","sheetConfig","config","SheetComponent","component","Sheet"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;AACrD,IAAMC,cAAc,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAE9C;AACA;AACA;AACO,IAAMM,KAAK,GAAGF;;;;"}
1
+ {"version":3,"file":"Sheet.js","sources":["../../../src-css/components/Sheet/Sheet.tsx"],"sourcesContent":["import { sheetConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Sheet.config';\n\nconst mergedConfig = mergeConfig(sheetConfig, config);\nconst SheetComponent = component(mergedConfig);\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\nexport const Sheet = SheetComponent;\n"],"names":["mergedConfig","mergeConfig","sheetConfig","config","SheetComponent","component","Sheet"],"mappings":";;;AAIA,MAAMA,YAAY,GAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;AACrD,MAAMC,cAAc,GAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAE9C;AACA;AACA;AACO,MAAMM,KAAK,GAAGF;;;;"}
package/es/components/Skeleton/LineSkeleton.config.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import './LineSkeleton.config_10dcgps.css';
2
- var config = {
2
+ const config = {
3
3
  defaults: {
4
4
  size: 'bodyM'
5
5
  },
package/es/components/Skeleton/LineSkeleton.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LineSkeleton.config.js","sources":["../../../src-css/components/Skeleton/LineSkeleton.config.ts"],"sourcesContent":["import { css, skeletonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n size: 'bodyM',\n },\n variations: {\n size: {\n bodyL: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-l-font-size);\n `,\n bodyM: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-m-font-size);\n `,\n bodyS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-s-font-size);\n `,\n bodyXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xs-font-size);\n `,\n bodyXXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xxs-font-size);\n `,\n dsplL: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-l-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-l-font-size);\n `,\n dsplM: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-m-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-m-font-size);\n `,\n dsplS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-s-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-s-font-size);\n `,\n h1: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h1-font-size);\n `,\n h2: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h2-font-size);\n `,\n h3: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h3-font-size);\n `,\n h4: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h4-font-size);\n `,\n h5: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h5-font-size);\n `,\n textL: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-l-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-l-font-size);\n `,\n textM: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-m-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-m-font-size);\n `,\n textS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-s-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-s-font-size);\n `,\n textXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-xs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-xs-font-size);\n `,\n },\n },\n};\n"],"names":["config","defaults","size","variations","bodyL","bodyM","bodyS","bodyXS","bodyXXS","dsplL","dsplM","dsplS","h1","h2","h3","h4","h5","textL","textM","textS","textXS"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,KAAK,EAGJ,UAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,KAAK,EAGJ,UAAA;AACDC,MAAAA,MAAM,EAGL,SAAA;AACDC,MAAAA,OAAO,EAGN,SAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,KAAK,EAGJ,UAAA;AACDC,MAAAA,EAAE,EAGD,SAAA;AACDC,MAAAA,EAAE,EAGD,SAAA;AACDC,MAAAA,EAAE,EAGD,SAAA;AACDC,MAAAA,EAAE,EAGD,QAAA;AACDC,MAAAA,EAAE,EAGD,SAAA;AACDC,MAAAA,KAAK,EAGJ,UAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,MAAM,EAAA,UAAA;AAIV,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"LineSkeleton.config.js","sources":["../../../src-css/components/Skeleton/LineSkeleton.config.ts"],"sourcesContent":["import { css, skeletonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n size: 'bodyM',\n },\n variations: {\n size: {\n bodyL: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-l-font-size);\n `,\n bodyM: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-m-font-size);\n `,\n bodyS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-s-font-size);\n `,\n bodyXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xs-font-size);\n `,\n bodyXXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xxs-font-size);\n `,\n dsplL: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-l-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-l-font-size);\n `,\n dsplM: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-m-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-m-font-size);\n `,\n dsplS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-s-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-s-font-size);\n `,\n h1: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h1-font-size);\n `,\n h2: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h2-font-size);\n `,\n h3: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h3-font-size);\n `,\n h4: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h4-font-size);\n `,\n h5: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h5-font-size);\n `,\n textL: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-l-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-l-font-size);\n `,\n textM: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-m-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-m-font-size);\n `,\n textS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-s-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-s-font-size);\n `,\n textXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-text-xs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-xs-font-size);\n `,\n },\n },\n};\n"],"names":["config","defaults","size","variations","bodyL","bodyM","bodyS","bodyXS","bodyXXS","dsplL","dsplM","dsplS","h1","h2","h3","h4","h5","textL","textM","textS","textXS"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,KAAK,EAGJ,UAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,KAAK,EAGJ,UAAA;AACDC,MAAAA,MAAM,EAGL,SAAA;AACDC,MAAAA,OAAO,EAGN,SAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,KAAK,EAGJ,UAAA;AACDC,MAAAA,EAAE,EAGD,SAAA;AACDC,MAAAA,EAAE,EAGD,SAAA;AACDC,MAAAA,EAAE,EAGD,SAAA;AACDC,MAAAA,EAAE,EAGD,QAAA;AACDC,MAAAA,EAAE,EAGD,SAAA;AACDC,MAAAA,KAAK,EAGJ,UAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,KAAK,EAGJ,SAAA;AACDC,MAAAA,MAAM,EAAA,UAAA;AAIV,KAAA;AACJ,GAAA;AACJ;;;;"}
package/es/components/Skeleton/Skeleton.js CHANGED
@@ -1,10 +1,10 @@
1
- import { component, textSkeleton, mergeConfig, lineSkeletonConfig } from '@salutejs/plasma-new-hope';
1
+ import { mergeConfig, lineSkeletonConfig, component, textSkeleton } from '@salutejs/plasma-new-hope';
2
2
  export { RectSkeleton, withSkeleton } from '@salutejs/plasma-new-hope';
3
3
  import { config } from './LineSkeleton.config.js';
4
4
 
5
- var mergedLineSkeletonConfig = /*#__PURE__*/mergeConfig(lineSkeletonConfig, config);
6
- var LineSkeleton = /*#__PURE__*/component(mergedLineSkeletonConfig);
7
- var TextSkeleton = /*#__PURE__*/textSkeleton(LineSkeleton);
5
+ const mergedLineSkeletonConfig = mergeConfig(lineSkeletonConfig, config);
6
+ const LineSkeleton = component(mergedLineSkeletonConfig);
7
+ const TextSkeleton = textSkeleton(LineSkeleton);
8
8
 
9
9
  export { LineSkeleton, TextSkeleton };
10
10
  //# sourceMappingURL=Skeleton.js.map
package/es/components/Skeleton/Skeleton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.js","sources":["../../../src-css/components/Skeleton/Skeleton.ts"],"sourcesContent":["import {\n component,\n mergeConfig,\n lineSkeletonConfig,\n textSkeleton,\n RectSkeleton,\n withSkeleton,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as lineSkeletonCustomConfig } from './LineSkeleton.config';\n\nconst mergedLineSkeletonConfig = mergeConfig(lineSkeletonConfig, lineSkeletonCustomConfig);\n\nexport const LineSkeleton = component(mergedLineSkeletonConfig);\n\nexport const TextSkeleton = textSkeleton(LineSkeleton);\n\nexport { RectSkeleton, withSkeleton };\n"],"names":["mergedLineSkeletonConfig","mergeConfig","lineSkeletonConfig","lineSkeletonCustomConfig","LineSkeleton","component","TextSkeleton","textSkeleton"],"mappings":";;;;AAWA,IAAMA,wBAAwB,gBAAGC,WAAW,CAACC,kBAAkB,EAAEC,MAAwB,CAAC,CAAA;IAE7EC,YAAY,gBAAGC,SAAS,CAACL,wBAAwB,EAAC;IAElDM,YAAY,gBAAGC,YAAY,CAACH,YAAY;;;;"}
1
+ {"version":3,"file":"Skeleton.js","sources":["../../../src-css/components/Skeleton/Skeleton.ts"],"sourcesContent":["import {\n component,\n mergeConfig,\n lineSkeletonConfig,\n textSkeleton,\n RectSkeleton,\n withSkeleton,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as lineSkeletonCustomConfig } from './LineSkeleton.config';\n\nconst mergedLineSkeletonConfig = mergeConfig(lineSkeletonConfig, lineSkeletonCustomConfig);\n\nexport const LineSkeleton = component(mergedLineSkeletonConfig);\n\nexport const TextSkeleton = textSkeleton(LineSkeleton);\n\nexport { RectSkeleton, withSkeleton };\n"],"names":["mergedLineSkeletonConfig","mergeConfig","lineSkeletonConfig","lineSkeletonCustomConfig","LineSkeleton","component","TextSkeleton","textSkeleton"],"mappings":";;;;AAWA,MAAMA,wBAAwB,GAAGC,WAAW,CAACC,kBAAkB,EAAEC,MAAwB,CAAC,CAAA;MAE7EC,YAAY,GAAGC,SAAS,CAACL,wBAAwB,EAAC;MAElDM,YAAY,GAAGC,YAAY,CAACH,YAAY;;;;"}
package/es/components/Slider/Slider.config.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import './Slider.config_supagc.css';
2
- var config = {
2
+ const config = {
3
3
  defaults: {
4
4
  view: 'default',
5
5
  size: 'm'
6
6
  },
7
7
  variations: {
8
8
  view: {
9
- "default": "d6l4g7t",
9
+ default: "d6l4g7t",
10
10
  accent: "arixt6",
11
11
  gradient: "g15uwhki"
12
12
  },
@@ -16,7 +16,7 @@ var config = {
16
16
  s: "shhrpp3"
17
17
  },
18
18
  disabled: {
19
- "true": "tugcj18"
19
+ true: "tugcj18"
20
20
  }
21
21
  }
22
22
  };
package/es/components/Slider/Slider.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.config.js","sources":["../../../src-css/components/Slider/Slider.config.ts"],"sourcesContent":["import { css, sliderTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${sliderTokens.labelColor}: var(--text-primary);\n\n ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n ${sliderTokens.thumbFocusBorderColor}: var(--surface-solid-default);\n\n ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n ${sliderTokens.fillColor}: var(--surface-solid-default);\n\n ${sliderTokens.textFieldCaretColor}: var(--text-accent);\n ${sliderTokens.textFieldColor}: var(--text-primary);\n ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n\n ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n `,\n accent: css`\n ${sliderTokens.labelColor}: var(--text-primary);\n\n ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent);\n\n ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n ${sliderTokens.fillColor}: var(--surface-accent);\n\n ${sliderTokens.textFieldCaretColor}: var(--text-accent);\n ${sliderTokens.textFieldColor}: var(--text-primary);\n ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n\n ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n `,\n gradient: css`\n ${sliderTokens.labelColor}: var(--text-primary);\n\n ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent-gradient);\n\n ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n ${sliderTokens.fillColor}: var(--surface-accent-gradient);\n\n ${sliderTokens.textFieldCaretColor}: var(--text-accent);\n ${sliderTokens.textFieldColor}: var(--text-primary);\n ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n\n ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n `,\n },\n size: {\n l: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 1rem;\n\n ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${sliderTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.875rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.75rem;\n\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-m-font-family);\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-m-font-size);\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-m-font-style);\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${sliderTokens.thumbSize}: 1rem;\n ${sliderTokens.thumbSizeLarge}: 1.25rem;\n ${sliderTokens.thumbBorder}: 0.0625rem solid;\n\n ${sliderTokens.currentValueTopOffset}: 1.625rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.railIndent}: 0.75rem;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3.5rem;\n ${sliderTokens.textFieldPadding}: 1.25rem 1rem 1.25rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.75rem;\n\n ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${sliderTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.75rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.625rem;\n\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-s-font-family);\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-s-font-size);\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-s-font-style);\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${sliderTokens.thumbSize}: 1rem;\n ${sliderTokens.thumbSizeLarge}: 1.25rem;\n ${sliderTokens.thumbBorder}: 0.0625rem solid;\n\n ${sliderTokens.currentValueTopOffset}: 1.75rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.railIndent}: 0.75rem;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3rem;\n ${sliderTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${sliderTokens.size}: 1rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.625rem;\n\n ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${sliderTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.5rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.625rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.625rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.5rem;\n\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${sliderTokens.thumbSize}: 1rem;\n ${sliderTokens.thumbSizeLarge}: 1.25rem;\n ${sliderTokens.thumbBorder}: 0.0625rem solid;\n\n ${sliderTokens.currentValueTopOffset}: 1.25rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.railIndent}: 0.75rem;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 2.5rem;\n ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.625rem;\n ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n },\n disabled: {\n true: css`\n ${sliderTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","gradient","l","m","s","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAqBC,SAAA;AACDC,MAAAA,MAAM,EAqBL,QAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAsBX;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAkDA,SAAA;AACDC,MAAAA,CAAC,EAkDA,SAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAmDJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Slider.config.js","sources":["../../../src-css/components/Slider/Slider.config.ts"],"sourcesContent":["import { css, sliderTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${sliderTokens.labelColor}: var(--text-primary);\n\n ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n ${sliderTokens.thumbFocusBorderColor}: var(--surface-solid-default);\n\n ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n ${sliderTokens.fillColor}: var(--surface-solid-default);\n\n ${sliderTokens.textFieldCaretColor}: var(--text-accent);\n ${sliderTokens.textFieldColor}: var(--text-primary);\n ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n\n ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n `,\n accent: css`\n ${sliderTokens.labelColor}: var(--text-primary);\n\n ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent);\n\n ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n ${sliderTokens.fillColor}: var(--surface-accent);\n\n ${sliderTokens.textFieldCaretColor}: var(--text-accent);\n ${sliderTokens.textFieldColor}: var(--text-primary);\n ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n\n ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n `,\n gradient: css`\n ${sliderTokens.labelColor}: var(--text-primary);\n\n ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent-gradient);\n\n ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n ${sliderTokens.fillColor}: var(--surface-accent-gradient);\n\n ${sliderTokens.textFieldCaretColor}: var(--text-accent);\n ${sliderTokens.textFieldColor}: var(--text-primary);\n ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n\n ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n `,\n },\n size: {\n l: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 1rem;\n\n ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${sliderTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.875rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.75rem;\n\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-m-font-family);\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-m-font-size);\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-m-font-style);\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${sliderTokens.thumbSize}: 1rem;\n ${sliderTokens.thumbSizeLarge}: 1.25rem;\n ${sliderTokens.thumbBorder}: 0.0625rem solid;\n\n ${sliderTokens.currentValueTopOffset}: 1.625rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.railIndent}: 0.75rem;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3.5rem;\n ${sliderTokens.textFieldPadding}: 1.25rem 1rem 1.25rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.75rem;\n\n ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${sliderTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.75rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.625rem;\n\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-s-font-family);\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-s-font-size);\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-s-font-style);\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${sliderTokens.thumbSize}: 1rem;\n ${sliderTokens.thumbSizeLarge}: 1.25rem;\n ${sliderTokens.thumbBorder}: 0.0625rem solid;\n\n ${sliderTokens.currentValueTopOffset}: 1.75rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.railIndent}: 0.75rem;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3rem;\n ${sliderTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${sliderTokens.size}: 1rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.625rem;\n\n ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${sliderTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.5rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.625rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.625rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.5rem;\n\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${sliderTokens.thumbSize}: 1rem;\n ${sliderTokens.thumbSizeLarge}: 1.25rem;\n ${sliderTokens.thumbBorder}: 0.0625rem solid;\n\n ${sliderTokens.currentValueTopOffset}: 1.25rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.railIndent}: 0.75rem;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 2.5rem;\n ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.625rem;\n ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n },\n disabled: {\n true: css`\n ${sliderTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","gradient","l","m","s","disabled","true"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAqBN,SAAA;AACDC,MAAAA,MAAM,EAqBL,QAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAsBX;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAkDA,SAAA;AACDC,MAAAA,CAAC,EAkDA,SAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAmDJ;AACDC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
package/es/components/Slider/Slider.js CHANGED
@@ -1,14 +1,14 @@
1
- import { component, mergeConfig, sliderConfig } from '@salutejs/plasma-new-hope';
1
+ import { mergeConfig, sliderConfig, component } from '@salutejs/plasma-new-hope';
2
2
  import { config } from './Slider.config.js';
3
3
 
4
- var mergedConfig = /*#__PURE__*/mergeConfig(sliderConfig, config);
5
- var SliderComponent = /*#__PURE__*/component(mergedConfig);
4
+ const mergedConfig = mergeConfig(sliderConfig, config);
5
+ const SliderComponent = component(mergedConfig);
6
6
 
7
7
  /**
8
8
  * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
9
9
  * Можно указать два значения.
10
10
  */
11
- var Slider = SliderComponent;
11
+ const Slider = SliderComponent;
12
12
 
13
13
  export { Slider };
14
14
  //# sourceMappingURL=Slider.js.map
package/es/components/Slider/Slider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.js","sources":["../../../src-css/components/Slider/Slider.tsx"],"sourcesContent":["import { sliderConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Slider.config';\n\nconst mergedConfig = mergeConfig(sliderConfig, config);\nconst SliderComponent = component(mergedConfig);\n\n/**\n * Слайдер позволяет определить числовое значение в пределах указанного промежутка.\n * Можно указать два значения.\n */\nexport const Slider = SliderComponent;\n"],"names":["mergedConfig","mergeConfig","sliderConfig","config","SliderComponent","component","Slider"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;AACtD,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAE/C;AACA;AACA;AACA;AACO,IAAMM,MAAM,GAAGF;;;;"}
1
+ {"version":3,"file":"Slider.js","sources":["../../../src-css/components/Slider/Slider.tsx"],"sourcesContent":["import { sliderConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Slider.config';\n\nconst mergedConfig = mergeConfig(sliderConfig, config);\nconst SliderComponent = component(mergedConfig);\n\n/**\n * Слайдер позволяет определить числовое значение в пределах указанного промежутка.\n * Можно указать два значения.\n */\nexport const Slider = SliderComponent;\n"],"names":["mergedConfig","mergeConfig","sliderConfig","config","SliderComponent","component","Slider"],"mappings":";;;AAIA,MAAMA,YAAY,GAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;AACtD,MAAMC,eAAe,GAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAE/C;AACA;AACA;AACA;AACO,MAAMM,MAAM,GAAGF;;;;"}
package/es/components/Spinner/Spinner.config.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import './Spinner.config_3v70uw.css';
2
- var config = {
2
+ const config = {
3
3
  defaults: {
4
4
  view: 'accent',
5
5
  size: 'm'
6
6
  },
7
7
  variations: {
8
8
  view: {
9
- "default": "d1x5tqpm",
9
+ default: "d1x5tqpm",
10
10
  secondary: "s1jvlmv7",
11
11
  tertiary: "t1gckrx7",
12
12
  paragraph: "p1uk1ap6",
package/es/components/Spinner/Spinner.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.config.js","sources":["../../../src-css/components/Spinner/Spinner.config.tsx"],"sourcesContent":["import { css } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'accent',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n --plasma-spinner-color: var(--text-primary);\n `,\n secondary: css`\n --plasma-spinner-color: var(--text-secondary);\n `,\n tertiary: css`\n --plasma-spinner-color: var(--text-tertiary);\n `,\n paragraph: css`\n --plasma-spinner-color: var(--text-paragraph);\n `,\n accent: css`\n --plasma-spinner-color: var(--text-accent);\n `,\n positive: css`\n --plasma-spinner-color: var(--text-positive);\n `,\n warning: css`\n --plasma-spinner-color: var(--text-warning);\n `,\n negative: css`\n --plasma-spinner-color: var(--text-negative);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","tertiary","paragraph","accent","positive","warning","negative"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAEC,UAAA;AACDC,MAAAA,SAAS,EAER,UAAA;AACDC,MAAAA,QAAQ,EAEP,UAAA;AACDC,MAAAA,SAAS,EAER,UAAA;AACDC,MAAAA,MAAM,EAEL,UAAA;AACDC,MAAAA,QAAQ,EAEP,SAAA;AACDC,MAAAA,OAAO,EAEN,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;AAGZ,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Spinner.config.js","sources":["../../../src-css/components/Spinner/Spinner.config.tsx"],"sourcesContent":["import { css } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'accent',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n --plasma-spinner-color: var(--text-primary);\n `,\n secondary: css`\n --plasma-spinner-color: var(--text-secondary);\n `,\n tertiary: css`\n --plasma-spinner-color: var(--text-tertiary);\n `,\n paragraph: css`\n --plasma-spinner-color: var(--text-paragraph);\n `,\n accent: css`\n --plasma-spinner-color: var(--text-accent);\n `,\n positive: css`\n --plasma-spinner-color: var(--text-positive);\n `,\n warning: css`\n --plasma-spinner-color: var(--text-warning);\n `,\n negative: css`\n --plasma-spinner-color: var(--text-negative);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","tertiary","paragraph","accent","positive","warning","negative"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAEN,UAAA;AACDC,MAAAA,SAAS,EAER,UAAA;AACDC,MAAAA,QAAQ,EAEP,UAAA;AACDC,MAAAA,SAAS,EAER,UAAA;AACDC,MAAAA,MAAM,EAEL,UAAA;AACDC,MAAAA,QAAQ,EAEP,SAAA;AACDC,MAAAA,OAAO,EAEN,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;AAGZ,KAAA;AACJ,GAAA;AACJ;;;;"}
package/es/components/Spinner/Spinner.js CHANGED
@@ -1,12 +1,12 @@
1
- import { component, mergeConfig, spinnerConfig } from '@salutejs/plasma-new-hope';
1
+ import { mergeConfig, spinnerConfig, component } from '@salutejs/plasma-new-hope';
2
2
  import { config } from './Spinner.config.js';
3
3
 
4
- var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig, config);
5
- var SpinnerComponent = /*#__PURE__*/component(mergedConfig);
4
+ const mergedConfig = mergeConfig(spinnerConfig, config);
5
+ const SpinnerComponent = component(mergedConfig);
6
6
  /**
7
7
  * Компонент для отображения индикатора загрузки.
8
8
  */
9
- var Spinner = SpinnerComponent;
9
+ const Spinner = SpinnerComponent;
10
10
 
11
11
  export { Spinner };
12
12
  //# sourceMappingURL=Spinner.js.map