@salutejs/plasma-web 1.585.0-canary.2031.15774276345.0 → 1.585.0-canary.2040.15828624275.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 (551) hide show
  1. package/.swc/plugins/v7_linux_x86_64_14.0.0/358fecaab1701de64a7bceee21e5f3a204d1107aa33eb372d1dab77a43118622 +0 -0
  2. package/.swc/plugins/v7_linux_x86_64_14.0.0/cce279a62b5dde357ee7b421711ef357c3f0a29cd3cb6e86336f7345fd604d8e +0 -0
  3. package/components/Accordion/Accordion.config.js +359 -32
  4. package/components/Accordion/Accordion.js +12 -12
  5. package/components/Accordion/index.js +16 -15
  6. package/components/Attach/Attach.config.js +818 -36
  7. package/components/Attach/Attach.js +11 -11
  8. package/components/Attach/index.js +6 -7
  9. package/components/AudioPlayer/index.js +6 -7
  10. package/components/Autocomplete/Autocomplete.config.js +636 -42
  11. package/components/Autocomplete/Autocomplete.js +11 -7
  12. package/components/Autocomplete/index.js +6 -7
  13. package/components/Avatar/Avatar.config.js +419 -44
  14. package/components/Avatar/Avatar.js +19 -7
  15. package/components/Avatar/index.js +6 -7
  16. package/components/AvatarGroup/AvatarGroup.js +10 -6
  17. package/components/AvatarGroup/index.js +6 -7
  18. package/components/Badge/Badge.config.js +285 -41
  19. package/components/Badge/Badge.js +11 -11
  20. package/components/Badge/Badge.perftest.js +54 -20
  21. package/components/Badge/index.js +6 -7
  22. package/components/Breadcrumbs/Breadcrumbs.config.js +111 -21
  23. package/components/Breadcrumbs/Breadcrumbs.js +12 -12
  24. package/components/Breadcrumbs/index.js +6 -7
  25. package/components/Button/Button.config.js +542 -54
  26. package/components/Button/Button.js +12 -12
  27. package/components/Button/Button.perftest.js +76 -34
  28. package/components/Button/index.js +6 -7
  29. package/components/ButtonBase/index.js +6 -7
  30. package/components/ButtonGroup/ButtonGroup.config.js +570 -59
  31. package/components/ButtonGroup/ButtonGroup.js +11 -11
  32. package/components/ButtonGroup/index.js +6 -7
  33. package/components/Calendar/Calendar.js +39 -18
  34. package/components/Calendar/Calendar.perftest.js +122 -82
  35. package/components/Calendar/CalendarBase.config.js +318 -21
  36. package/components/Calendar/CalendarDouble.config.js +320 -21
  37. package/components/Calendar/index.js +24 -32
  38. package/components/Card/index.js +27 -38
  39. package/components/Carousel/Carousel.config.js +57 -18
  40. package/components/Carousel/Carousel.js +55 -20
  41. package/components/Carousel/Legacy/Carousel.examples.js +74 -40
  42. package/components/Carousel/Legacy/Carousel.js +11 -7
  43. package/components/Carousel/index.js +19 -21
  44. package/components/Cell/Cell.config.js +180 -18
  45. package/components/Cell/Cell.js +12 -12
  46. package/components/Cell/index.js +25 -33
  47. package/components/Checkbox/Checkbox.config.js +297 -42
  48. package/components/Checkbox/Checkbox.js +12 -11
  49. package/components/Checkbox/Checkbox.perftest.js +57 -22
  50. package/components/Checkbox/index.js +6 -7
  51. package/components/Chip/Chip.config.js +322 -41
  52. package/components/Chip/Chip.js +12 -12
  53. package/components/Chip/index.js +6 -7
  54. package/components/ChipGroup/ChipGroup.config.js +208 -27
  55. package/components/ChipGroup/ChipGroup.js +11 -7
  56. package/components/ChipGroup/index.js +6 -7
  57. package/components/CodeField/CodeField.config.js +145 -27
  58. package/components/CodeField/CodeField.js +11 -7
  59. package/components/CodeField/index.js +28 -39
  60. package/components/Combobox/Combobox.config.js +819 -42
  61. package/components/Combobox/Combobox.d.ts +24 -24
  62. package/components/Combobox/Combobox.js +55 -20
  63. package/components/Combobox/Legacy/Combobox.config.js +354 -21
  64. package/components/Combobox/Legacy/Combobox.d.ts +2 -2
  65. package/components/Combobox/Legacy/Combobox.js +41 -17
  66. package/components/Combobox/Legacy/index.js +27 -38
  67. package/components/Combobox/index.js +28 -39
  68. package/components/Counter/Counter.config.js +222 -33
  69. package/components/Counter/Counter.js +11 -11
  70. package/components/Counter/index.js +16 -15
  71. package/components/DatePicker/DatePicker.config.js +586 -27
  72. package/components/DatePicker/DatePicker.js +21 -9
  73. package/components/DatePicker/index.js +22 -27
  74. package/components/Divider/Divider.config.js +109 -27
  75. package/components/Divider/Divider.js +11 -11
  76. package/components/Divider/index.js +16 -15
  77. package/components/Drawer/Drawer.config.js +78 -22
  78. package/components/Drawer/Drawer.js +31 -29
  79. package/components/Drawer/index.js +21 -26
  80. package/components/Dropdown/Dropdown.config.js +245 -22
  81. package/components/Dropdown/Dropdown.js +50 -15
  82. package/components/Dropdown/components/DropdownItem.js +200 -73
  83. package/components/Dropdown/components/DropdownList.js +19 -8
  84. package/components/Dropdown/components/DropdownOld.config.js +142 -23
  85. package/components/Dropdown/components/DropdownPopup.js +158 -37
  86. package/components/Dropdown/index.js +28 -36
  87. package/components/Dropzone/Dropzone.config.js +86 -21
  88. package/components/Dropzone/Dropzone.js +11 -7
  89. package/components/Dropzone/index.js +19 -21
  90. package/components/Editable/Editable.config.js +56 -18
  91. package/components/Editable/Editable.js +63 -13
  92. package/components/Editable/index.js +6 -7
  93. package/components/ElasticGrid/ElasticGrid.perftest.js +49 -28
  94. package/components/ElasticGrid/index.js +6 -7
  95. package/components/EmptyState/EmptyState.config.js +114 -18
  96. package/components/EmptyState/EmptyState.js +19 -7
  97. package/components/EmptyState/index.js +6 -7
  98. package/components/Flow/Flow.js +10 -6
  99. package/components/Flow/index.js +6 -7
  100. package/components/Grid/Grid.config.js +102 -22
  101. package/components/Grid/Grid.js +21 -18
  102. package/components/Grid/index.js +18 -20
  103. package/components/IconButton/IconButton.config.js +425 -43
  104. package/components/IconButton/IconButton.js +12 -12
  105. package/components/IconButton/index.js +6 -7
  106. package/components/Image/Image.js +11 -11
  107. package/components/Image/index.js +6 -7
  108. package/components/Indicator/Indicator.config.js +149 -27
  109. package/components/Indicator/Indicator.js +19 -7
  110. package/components/Indicator/index.js +6 -7
  111. package/components/Link/Link.config.js +235 -34
  112. package/components/Link/Link.js +12 -12
  113. package/components/Link/index.js +6 -7
  114. package/components/LinkButton/LinkButton.config.js +274 -31
  115. package/components/LinkButton/LinkButton.js +11 -7
  116. package/components/LinkButton/index.js +6 -7
  117. package/components/List/List.config.js +177 -25
  118. package/components/List/List.js +12 -12
  119. package/components/List/index.js +16 -15
  120. package/components/Mask/Mask.js +10 -6
  121. package/components/Mask/index.js +6 -7
  122. package/components/Modal/Modal.perftest.js +25 -20
  123. package/components/Modal/index.js +18 -20
  124. package/components/ModalBase/Modal.config.js +47 -15
  125. package/components/ModalBase/ModalBase.js +12 -12
  126. package/components/ModalBase/index.js +16 -15
  127. package/components/Note/Note.config.js +245 -25
  128. package/components/Note/Note.js +11 -7
  129. package/components/Note/index.js +19 -21
  130. package/components/Notification/Notification.config.js +361 -30
  131. package/components/Notification/Notification.js +38 -23
  132. package/components/Notification/index.js +22 -27
  133. package/components/NumberFormat/NumberFormat.js +10 -13
  134. package/components/NumberFormat/index.js +6 -7
  135. package/components/NumberInput/NumberInput.config.js +394 -42
  136. package/components/NumberInput/NumberInput.js +11 -7
  137. package/components/NumberInput/index.js +19 -21
  138. package/components/Overlay/index.js +6 -7
  139. package/components/Pagination/Pagination.config.js +399 -43
  140. package/components/Pagination/Pagination.js +12 -12
  141. package/components/Pagination/index.js +6 -7
  142. package/components/PaginationDots/index.js +18 -20
  143. package/components/Popover/Popover.config.js +43 -15
  144. package/components/Popover/Popover.js +11 -7
  145. package/components/Popover/index.js +6 -7
  146. package/components/Popup/index.js +6 -7
  147. package/components/PopupBase/PopupBase.js +10 -10
  148. package/components/PopupBase/index.js +22 -27
  149. package/components/Portal/index.js +6 -7
  150. package/components/PreviewGallery/PreviewGallery.perftest.js +104 -74
  151. package/components/PreviewGallery/index.js +24 -32
  152. package/components/Price/Price.config.js +15 -11
  153. package/components/Price/Price.js +12 -12
  154. package/components/Price/index.js +16 -15
  155. package/components/Progress/Progress.config.js +147 -25
  156. package/components/Progress/Progress.js +12 -8
  157. package/components/Progress/index.js +6 -7
  158. package/components/Radiobox/Radiobox.config.js +304 -49
  159. package/components/Radiobox/Radiobox.d.ts +2 -48
  160. package/components/Radiobox/Radiobox.js +19 -16
  161. package/components/Radiobox/Radiobox.perftest.js +35 -31
  162. package/components/Radiobox/index.js +15 -14
  163. package/components/Range/Range.config.js +319 -27
  164. package/components/Range/Range.js +11 -11
  165. package/components/Range/index.js +16 -15
  166. package/components/Rating/Rating.config.js +469 -31
  167. package/components/Rating/Rating.js +11 -7
  168. package/components/Rating/index.js +19 -21
  169. package/components/SSRProvider/index.js +6 -7
  170. package/components/Segment/Segment.js +27 -32
  171. package/components/Segment/SegmentGroup.config.js +196 -38
  172. package/components/Segment/SegmentItem.config.js +266 -31
  173. package/components/Segment/index.js +21 -26
  174. package/components/Select/Select.config.js +1017 -54
  175. package/components/Select/Select.d.ts +6 -6
  176. package/components/Select/Select.js +50 -15
  177. package/components/Select/Select.perftest.js +46 -33
  178. package/components/Select/index.js +16 -15
  179. package/components/Sheet/Sheet.config.js +63 -18
  180. package/components/Sheet/Sheet.js +12 -12
  181. package/components/Sheet/index.js +16 -15
  182. package/components/Skeleton/LineSkeleton.config.js +446 -49
  183. package/components/Skeleton/Skeleton.js +23 -28
  184. package/components/Skeleton/index.js +18 -20
  185. package/components/Slider/Slider.config.js +273 -25
  186. package/components/Slider/Slider.js +12 -13
  187. package/components/Slider/index.js +6 -7
  188. package/components/Spinner/Spinner.config.js +151 -32
  189. package/components/Spinner/Spinner.js +23 -16
  190. package/components/Spinner/index.js +6 -7
  191. package/components/Steps/Steps.config.js +366 -47
  192. package/components/Steps/Steps.js +12 -8
  193. package/components/Steps/index.js +6 -7
  194. package/components/Switch/Switch.config.js +193 -33
  195. package/components/Switch/Switch.js +12 -8
  196. package/components/Switch/Switch.perftest.js +61 -23
  197. package/components/Switch/index.js +6 -7
  198. package/components/Table/Table.config.js +257 -21
  199. package/components/Table/Table.js +12 -12
  200. package/components/Table/index.js +6 -7
  201. package/components/Tabs/TabItem.js +26 -24
  202. package/components/Tabs/Tabs.js +26 -24
  203. package/components/Tabs/Tabs.perftest.js +72 -53
  204. package/components/Tabs/TabsController.js +15 -16
  205. package/components/Tabs/horizontal/HorizontalTabItem.config.js +398 -38
  206. package/components/Tabs/horizontal/HorizontalTabs.config.js +256 -37
  207. package/components/Tabs/index.js +27 -35
  208. package/components/Tabs/vertical/VerticalTabItem.config.js +186 -27
  209. package/components/Tabs/vertical/VerticalTabs.config.js +133 -27
  210. package/components/TextArea/TextArea.config.js +695 -43
  211. package/components/TextArea/TextArea.js +12 -12
  212. package/components/TextArea/TextArea.perftest.js +62 -28
  213. package/components/TextArea/index.js +6 -7
  214. package/components/TextField/TextField.config.js +856 -54
  215. package/components/TextField/TextField.js +206 -88
  216. package/components/TextField/TextField.perftest.js +103 -37
  217. package/components/TextField/index.js +16 -15
  218. package/components/TextFieldGroup/TextFieldGroup.config.js +356 -34
  219. package/components/TextFieldGroup/TextFieldGroup.js +11 -11
  220. package/components/TextFieldGroup/index.js +6 -7
  221. package/components/Toast/Toast.config.js +174 -42
  222. package/components/Toast/Toast.js +26 -14
  223. package/components/Toast/index.js +18 -20
  224. package/components/Tokens/Colors/Colors.styles.d.ts +1 -1
  225. package/components/Tokens/Colors/Colors.styles.js +147 -51
  226. package/components/Tokens/NumberTokens/NumberTokens.styles.js +70 -23
  227. package/components/Tokens/Typography/Typography.styles.d.ts +1 -1
  228. package/components/Tokens/Typography/Typography.styles.js +205 -77
  229. package/components/Toolbar/Toolbar.config.js +105 -21
  230. package/components/Toolbar/Toolbar.js +21 -13
  231. package/components/Toolbar/index.js +19 -21
  232. package/components/Tooltip/Tooltip.config.js +100 -20
  233. package/components/Tooltip/Tooltip.js +11 -7
  234. package/components/Tooltip/Tooltip.perftest.js +87 -78
  235. package/components/Tooltip/index.js +6 -7
  236. package/components/Tree/Tree.config.js +176 -21
  237. package/components/Tree/Tree.js +11 -7
  238. package/components/Tree/index.js +6 -7
  239. package/components/Typography/Body.config.js +161 -47
  240. package/components/Typography/Dspl.config.js +105 -31
  241. package/components/Typography/Heading.config.js +161 -47
  242. package/components/Typography/Old/Body.config.js +99 -31
  243. package/components/Typography/Old/Button.config.js +73 -23
  244. package/components/Typography/Old/Caption.config.js +42 -15
  245. package/components/Typography/Old/Display.config.js +99 -31
  246. package/components/Typography/Old/Footnote.config.js +73 -23
  247. package/components/Typography/Old/Headline.config.js +151 -47
  248. package/components/Typography/Old/Paragraph.config.js +73 -23
  249. package/components/Typography/Old/ParagraphText.config.js +73 -23
  250. package/components/Typography/Old/Subtitle.config.js +42 -15
  251. package/components/Typography/Old/Underline.config.js +42 -15
  252. package/components/Typography/Old/index.js +152 -80
  253. package/components/Typography/Text.config.js +133 -39
  254. package/components/Typography/Typography.js +116 -59
  255. package/components/Typography/index.js +117 -215
  256. package/components/Upload/Upload.perftest.js +65 -30
  257. package/components/Upload/index.js +18 -20
  258. package/components/UploadAudio/index.js +6 -7
  259. package/components/UploadVisual/index.js +6 -7
  260. package/css/cjs/components/Carousel/Carousel.config.js +1 -1
  261. package/css/cjs/components/Carousel/Carousel.config.js.map +1 -1
  262. package/css/cjs/components/Carousel/Carousel.config_uusoxc.css +2 -0
  263. package/css/cjs/components/Carousel/Carousel.css +2 -2
  264. package/css/cjs/components/Carousel/Carousel.js +1 -1
  265. package/css/cjs/components/Carousel/Carousel.js.map +1 -1
  266. package/css/cjs/index.css +2 -2
  267. package/css/es/components/Carousel/Carousel.config.js +1 -1
  268. package/css/es/components/Carousel/Carousel.config.js.map +1 -1
  269. package/css/es/components/Carousel/Carousel.config_uusoxc.css +2 -0
  270. package/css/es/components/Carousel/Carousel.css +2 -2
  271. package/css/es/components/Carousel/Carousel.js +1 -1
  272. package/css/es/components/Carousel/Carousel.js.map +1 -1
  273. package/css/es/index.css +2 -2
  274. package/es/components/Accordion/Accordion.config.js +350 -27
  275. package/es/components/Accordion/Accordion.js +3 -5
  276. package/es/components/Accordion/index.js +1 -1
  277. package/es/components/Attach/Attach.config.js +809 -31
  278. package/es/components/Attach/Attach.js +2 -4
  279. package/es/components/Attach/index.js +1 -1
  280. package/es/components/AudioPlayer/index.js +1 -1
  281. package/es/components/Autocomplete/Autocomplete.config.js +627 -37
  282. package/es/components/Autocomplete/Autocomplete.js +2 -2
  283. package/es/components/Autocomplete/index.js +1 -1
  284. package/es/components/Avatar/Avatar.config.js +410 -39
  285. package/es/components/Avatar/Avatar.js +3 -3
  286. package/es/components/Avatar/index.js +1 -1
  287. package/es/components/AvatarGroup/AvatarGroup.js +2 -2
  288. package/es/components/AvatarGroup/index.js +1 -1
  289. package/es/components/Badge/Badge.config.js +276 -36
  290. package/es/components/Badge/Badge.js +2 -4
  291. package/es/components/Badge/Badge.perftest.js +39 -13
  292. package/es/components/Badge/index.js +1 -1
  293. package/es/components/Breadcrumbs/Breadcrumbs.config.js +102 -16
  294. package/es/components/Breadcrumbs/Breadcrumbs.js +3 -5
  295. package/es/components/Breadcrumbs/index.js +1 -1
  296. package/es/components/Button/Button.config.js +533 -49
  297. package/es/components/Button/Button.js +3 -5
  298. package/es/components/Button/Button.perftest.js +53 -27
  299. package/es/components/Button/index.js +1 -1
  300. package/es/components/ButtonBase/index.js +1 -1
  301. package/es/components/ButtonGroup/ButtonGroup.config.js +561 -54
  302. package/es/components/ButtonGroup/ButtonGroup.js +2 -4
  303. package/es/components/ButtonGroup/index.js +1 -1
  304. package/es/components/Calendar/Calendar.js +12 -12
  305. package/es/components/Calendar/Calendar.perftest.js +97 -76
  306. package/es/components/Calendar/CalendarBase.config.js +309 -16
  307. package/es/components/Calendar/CalendarDouble.config.js +311 -16
  308. package/es/components/Calendar/index.js +1 -1
  309. package/es/components/Card/index.js +1 -1
  310. package/es/components/Carousel/Carousel.config.js +48 -13
  311. package/es/components/Carousel/Carousel.js +40 -13
  312. package/es/components/Carousel/Legacy/Carousel.examples.js +57 -28
  313. package/es/components/Carousel/Legacy/Carousel.js +3 -3
  314. package/es/components/Carousel/index.js +1 -1
  315. package/es/components/Cell/Cell.config.js +171 -13
  316. package/es/components/Cell/Cell.js +3 -5
  317. package/es/components/Cell/index.js +1 -1
  318. package/es/components/Checkbox/Checkbox.config.js +288 -37
  319. package/es/components/Checkbox/Checkbox.js +3 -4
  320. package/es/components/Checkbox/Checkbox.perftest.js +43 -16
  321. package/es/components/Checkbox/index.js +1 -1
  322. package/es/components/Chip/Chip.config.js +313 -36
  323. package/es/components/Chip/Chip.js +3 -5
  324. package/es/components/Chip/index.js +1 -1
  325. package/es/components/ChipGroup/ChipGroup.config.js +199 -22
  326. package/es/components/ChipGroup/ChipGroup.js +2 -2
  327. package/es/components/ChipGroup/index.js +1 -1
  328. package/es/components/CodeField/CodeField.config.js +136 -22
  329. package/es/components/CodeField/CodeField.js +2 -2
  330. package/es/components/CodeField/index.js +1 -1
  331. package/es/components/Combobox/Combobox.config.js +810 -37
  332. package/es/components/Combobox/Combobox.js +40 -13
  333. package/es/components/Combobox/Legacy/Combobox.config.js +345 -16
  334. package/es/components/Combobox/Legacy/Combobox.js +12 -12
  335. package/es/components/Combobox/Legacy/index.js +1 -1
  336. package/es/components/Combobox/index.js +1 -1
  337. package/es/components/Counter/Counter.config.js +213 -28
  338. package/es/components/Counter/Counter.js +2 -4
  339. package/es/components/Counter/index.js +1 -1
  340. package/es/components/DatePicker/DatePicker.config.js +577 -22
  341. package/es/components/DatePicker/DatePicker.js +4 -4
  342. package/es/components/DatePicker/index.js +1 -1
  343. package/es/components/Divider/Divider.config.js +100 -22
  344. package/es/components/Divider/Divider.js +2 -4
  345. package/es/components/Divider/index.js +1 -1
  346. package/es/components/Drawer/Drawer.config.js +69 -17
  347. package/es/components/Drawer/Drawer.js +8 -16
  348. package/es/components/Drawer/index.js +1 -1
  349. package/es/components/Dropdown/Dropdown.config.js +236 -17
  350. package/es/components/Dropdown/Dropdown.js +36 -9
  351. package/es/components/Dropdown/components/DropdownItem.js +135 -63
  352. package/es/components/Dropdown/components/DropdownList.js +6 -3
  353. package/es/components/Dropdown/components/DropdownOld.config.js +133 -18
  354. package/es/components/Dropdown/components/DropdownPopup.js +107 -28
  355. package/es/components/Dropdown/index.js +1 -1
  356. package/es/components/Dropzone/Dropzone.config.js +77 -16
  357. package/es/components/Dropzone/Dropzone.js +2 -2
  358. package/es/components/Dropzone/index.js +1 -1
  359. package/es/components/Editable/Editable.config.js +47 -13
  360. package/es/components/Editable/Editable.js +3 -3
  361. package/es/components/Editable/index.js +1 -1
  362. package/es/components/ElasticGrid/ElasticGrid.perftest.js +34 -21
  363. package/es/components/ElasticGrid/index.js +1 -1
  364. package/es/components/EmptyState/EmptyState.config.js +105 -13
  365. package/es/components/EmptyState/EmptyState.js +2 -2
  366. package/es/components/EmptyState/index.js +1 -1
  367. package/es/components/Flow/Flow.js +2 -2
  368. package/es/components/Flow/index.js +1 -1
  369. package/es/components/Grid/Grid.config.js +93 -17
  370. package/es/components/Grid/Grid.js +2 -2
  371. package/es/components/Grid/index.js +1 -1
  372. package/es/components/IconButton/IconButton.config.js +416 -38
  373. package/es/components/IconButton/IconButton.js +3 -5
  374. package/es/components/IconButton/index.js +1 -1
  375. package/es/components/Image/Image.js +3 -5
  376. package/es/components/Image/index.js +1 -1
  377. package/es/components/Indicator/Indicator.config.js +140 -22
  378. package/es/components/Indicator/Indicator.js +3 -3
  379. package/es/components/Indicator/index.js +1 -1
  380. package/es/components/Link/Link.config.js +226 -29
  381. package/es/components/Link/Link.js +3 -5
  382. package/es/components/Link/index.js +1 -1
  383. package/es/components/LinkButton/LinkButton.config.js +265 -26
  384. package/es/components/LinkButton/LinkButton.js +2 -2
  385. package/es/components/LinkButton/index.js +1 -1
  386. package/es/components/List/List.config.js +168 -20
  387. package/es/components/List/List.js +3 -5
  388. package/es/components/List/index.js +1 -1
  389. package/es/components/Mask/Mask.js +1 -1
  390. package/es/components/Mask/index.js +1 -1
  391. package/es/components/Modal/Modal.perftest.js +10 -12
  392. package/es/components/Modal/index.js +1 -1
  393. package/es/components/ModalBase/Modal.config.js +38 -10
  394. package/es/components/ModalBase/ModalBase.js +3 -5
  395. package/es/components/ModalBase/index.js +1 -1
  396. package/es/components/Note/Note.config.js +236 -20
  397. package/es/components/Note/Note.js +2 -2
  398. package/es/components/Note/index.js +1 -1
  399. package/es/components/Notification/Notification.config.js +352 -25
  400. package/es/components/Notification/Notification.js +11 -15
  401. package/es/components/Notification/index.js +1 -1
  402. package/es/components/NumberFormat/NumberFormat.js +1 -9
  403. package/es/components/NumberFormat/index.js +1 -1
  404. package/es/components/NumberInput/NumberInput.config.js +385 -37
  405. package/es/components/NumberInput/NumberInput.js +2 -2
  406. package/es/components/NumberInput/index.js +1 -1
  407. package/es/components/Overlay/index.js +1 -1
  408. package/es/components/Pagination/Pagination.config.js +390 -38
  409. package/es/components/Pagination/Pagination.js +3 -5
  410. package/es/components/Pagination/index.js +1 -1
  411. package/es/components/PaginationDots/index.js +1 -1
  412. package/es/components/Popover/Popover.config.js +34 -10
  413. package/es/components/Popover/Popover.js +2 -2
  414. package/es/components/Popover/index.js +1 -1
  415. package/es/components/Popup/index.js +1 -1
  416. package/es/components/PopupBase/PopupBase.js +2 -4
  417. package/es/components/PopupBase/index.js +1 -1
  418. package/es/components/Portal/index.js +1 -1
  419. package/es/components/PreviewGallery/PreviewGallery.perftest.js +76 -65
  420. package/es/components/PreviewGallery/index.js +1 -1
  421. package/es/components/Price/Price.config.js +7 -7
  422. package/es/components/Price/Price.js +3 -5
  423. package/es/components/Price/index.js +1 -1
  424. package/es/components/Progress/Progress.config.js +138 -20
  425. package/es/components/Progress/Progress.js +3 -3
  426. package/es/components/Progress/index.js +1 -1
  427. package/es/components/Radiobox/Radiobox.config.js +295 -44
  428. package/es/components/Radiobox/Radiobox.js +4 -5
  429. package/es/components/Radiobox/Radiobox.perftest.js +21 -25
  430. package/es/components/Radiobox/index.js +1 -1
  431. package/es/components/Range/Range.config.js +310 -22
  432. package/es/components/Range/Range.js +2 -4
  433. package/es/components/Range/index.js +1 -1
  434. package/es/components/Rating/Rating.config.js +460 -26
  435. package/es/components/Rating/Rating.js +2 -2
  436. package/es/components/Rating/index.js +1 -1
  437. package/es/components/SSRProvider/index.js +1 -1
  438. package/es/components/Segment/Segment.js +5 -10
  439. package/es/components/Segment/SegmentGroup.config.js +187 -33
  440. package/es/components/Segment/SegmentItem.config.js +257 -26
  441. package/es/components/Segment/index.js +1 -1
  442. package/es/components/Select/Select.config.js +1008 -49
  443. package/es/components/Select/Select.js +36 -9
  444. package/es/components/Select/Select.perftest.js +32 -27
  445. package/es/components/Select/index.js +1 -1
  446. package/es/components/Sheet/Sheet.config.js +54 -13
  447. package/es/components/Sheet/Sheet.js +3 -5
  448. package/es/components/Sheet/index.js +1 -1
  449. package/es/components/Skeleton/LineSkeleton.config.js +437 -44
  450. package/es/components/Skeleton/Skeleton.js +5 -11
  451. package/es/components/Skeleton/index.js +1 -1
  452. package/es/components/Slider/Slider.config.js +264 -20
  453. package/es/components/Slider/Slider.js +3 -5
  454. package/es/components/Slider/index.js +1 -1
  455. package/es/components/Spinner/Spinner.config.js +142 -27
  456. package/es/components/Spinner/Spinner.js +8 -7
  457. package/es/components/Spinner/index.js +1 -1
  458. package/es/components/Steps/Steps.config.js +357 -42
  459. package/es/components/Steps/Steps.js +3 -3
  460. package/es/components/Steps/index.js +1 -1
  461. package/es/components/Switch/Switch.config.js +184 -28
  462. package/es/components/Switch/Switch.js +3 -3
  463. package/es/components/Switch/Switch.perftest.js +46 -16
  464. package/es/components/Switch/index.js +1 -1
  465. package/es/components/Table/Table.config.js +248 -16
  466. package/es/components/Table/Table.js +3 -5
  467. package/es/components/Table/index.js +1 -1
  468. package/es/components/Tabs/TabItem.js +10 -14
  469. package/es/components/Tabs/Tabs.js +10 -14
  470. package/es/components/Tabs/Tabs.perftest.js +49 -46
  471. package/es/components/Tabs/TabsController.js +5 -7
  472. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +389 -33
  473. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +247 -32
  474. package/es/components/Tabs/index.js +1 -1
  475. package/es/components/Tabs/vertical/VerticalTabItem.config.js +177 -22
  476. package/es/components/Tabs/vertical/VerticalTabs.config.js +124 -22
  477. package/es/components/TextArea/TextArea.config.js +686 -38
  478. package/es/components/TextArea/TextArea.js +3 -5
  479. package/es/components/TextArea/TextArea.perftest.js +47 -21
  480. package/es/components/TextArea/index.js +1 -1
  481. package/es/components/TextField/TextField.config.js +847 -49
  482. package/es/components/TextField/TextField.js +147 -77
  483. package/es/components/TextField/TextField.perftest.js +80 -30
  484. package/es/components/TextField/index.js +1 -1
  485. package/es/components/TextFieldGroup/TextFieldGroup.config.js +347 -29
  486. package/es/components/TextFieldGroup/TextFieldGroup.js +2 -4
  487. package/es/components/TextFieldGroup/index.js +1 -1
  488. package/es/components/Toast/Toast.config.js +165 -37
  489. package/es/components/Toast/Toast.js +4 -4
  490. package/es/components/Toast/index.js +1 -1
  491. package/es/components/Tokens/Colors/Colors.styles.js +90 -43
  492. package/es/components/Tokens/NumberTokens/NumberTokens.styles.js +37 -18
  493. package/es/components/Tokens/Typography/Typography.styles.js +135 -68
  494. package/es/components/Toolbar/Toolbar.config.js +96 -16
  495. package/es/components/Toolbar/Toolbar.js +4 -6
  496. package/es/components/Toolbar/index.js +1 -1
  497. package/es/components/Tooltip/Tooltip.config.js +91 -15
  498. package/es/components/Tooltip/Tooltip.js +2 -2
  499. package/es/components/Tooltip/Tooltip.perftest.js +70 -69
  500. package/es/components/Tooltip/index.js +1 -1
  501. package/es/components/Tree/Tree.config.js +167 -16
  502. package/es/components/Tree/Tree.js +2 -2
  503. package/es/components/Tree/index.js +1 -1
  504. package/es/components/Typography/Body.config.js +131 -38
  505. package/es/components/Typography/Dspl.config.js +83 -24
  506. package/es/components/Typography/Heading.config.js +131 -38
  507. package/es/components/Typography/Old/Body.config.js +77 -24
  508. package/es/components/Typography/Old/Button.config.js +55 -17
  509. package/es/components/Typography/Old/Caption.config.js +33 -10
  510. package/es/components/Typography/Old/Display.config.js +77 -24
  511. package/es/components/Typography/Old/Footnote.config.js +55 -17
  512. package/es/components/Typography/Old/Headline.config.js +121 -38
  513. package/es/components/Typography/Old/Paragraph.config.js +55 -17
  514. package/es/components/Typography/Old/ParagraphText.config.js +55 -17
  515. package/es/components/Typography/Old/Subtitle.config.js +33 -10
  516. package/es/components/Typography/Old/Underline.config.js +33 -10
  517. package/es/components/Typography/Old/index.js +45 -45
  518. package/es/components/Typography/Text.config.js +107 -31
  519. package/es/components/Typography/Typography.js +35 -35
  520. package/es/components/Typography/index.js +1 -1
  521. package/es/components/Upload/Upload.perftest.js +51 -24
  522. package/es/components/Upload/index.js +1 -1
  523. package/es/components/UploadAudio/index.js +1 -1
  524. package/es/components/UploadVisual/index.js +1 -1
  525. package/es/helpers/index.js +1 -0
  526. package/es/hocs/index.js +1 -1
  527. package/es/hooks/index.js +1 -1
  528. package/es/index.js +1 -1
  529. package/es/mixins/index.js +1 -1
  530. package/es/tokens/colors.js +1 -1
  531. package/es/tokens/index.js +1 -1
  532. package/es/tokens/sizes.js +1 -1
  533. package/es/tokens/typography.js +37 -37
  534. package/es/types/index.js +1 -1
  535. package/es/utils/index.js +1 -1
  536. package/helpers/index.js +31 -0
  537. package/hocs/index.js +16 -15
  538. package/hooks/index.js +22 -27
  539. package/index.js +99 -927
  540. package/mixins/index.js +112 -119
  541. package/package.json +10 -10
  542. package/tokens/colors.js +189 -48
  543. package/tokens/index.js +17 -35
  544. package/tokens/sizes.js +33 -9
  545. package/tokens/typography.js +228 -362
  546. package/types/index.js +2 -3
  547. package/utils/index.js +72 -125
  548. package/css/cjs/components/Carousel/Carousel.config_1r461vi.css +0 -2
  549. package/css/es/components/Carousel/Carousel.config_1r461vi.css +0 -2
  550. package/es/hooks/useFocusTrap.component-test.js +0 -165
  551. package/hooks/useFocusTrap.component-test.js +0 -171
package/es/components/Attach/Attach.config.js CHANGED
@@ -1,35 +1,813 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1
+ function _tagged_template_literal(strings, raw) {
2
+ if (!raw) {
3
+ raw = strings.slice(0);
4
+ }
5
+ return Object.freeze(Object.defineProperties(strings, {
6
+ raw: {
7
+ value: Object.freeze(raw)
8
+ }
9
+ }));
10
+ }
11
+ function _templateObject() {
12
+ var data = _tagged_template_literal([
13
+ "\n ",
14
+ ": var(--inverse-text-primary);\n ",
15
+ ": var(--inverse-text-secondary);\n ",
16
+ ": var(--surface-solid-default);\n ",
17
+ ": var(",
18
+ ");\n ",
19
+ ": var(--inverse-text-primary);\n ",
20
+ ": var(--surface-solid-default-hover);\n ",
21
+ ": var(--inverse-text-primary);\n ",
22
+ ": var(--surface-solid-default-active);\n\n ",
23
+ ": 0.4;\n ",
24
+ ": var(--surface-accent);\n\n ",
25
+ ": var(--text-primary);\n ",
26
+ ": var(--text-secondary);\n ",
27
+ ": var(--text-primary);\n ",
28
+ ": var(--text-secondary);\n ",
29
+ ": transparent;\n\n ",
30
+ ": var(--inverse-text-primary);\n ",
31
+ ": var(--surface-solid-default);\n ",
32
+ ": var(",
33
+ ");\n ",
34
+ ": var(--inverse-text-primary);\n ",
35
+ ": var(--surface-solid-default-hover);\n ",
36
+ ": var(--inverse-text-primary);\n ",
37
+ ": var(--surface-solid-default-active);\n\n ",
38
+ ": 0.4;\n ",
39
+ ": var(--surface-accent);\n\n ",
40
+ ": var(--text-secondary);\n ",
41
+ ": var(--surface-clear);\n ",
42
+ ": var(",
43
+ ");\n ",
44
+ ": var(--text-secondary-hover);\n ",
45
+ ": var(--surface-clear);\n ",
46
+ ": var(--text-secondary-active);\n ",
47
+ ": var(--surface-clear);\n\n ",
48
+ ": 0.4;\n ",
49
+ ": var(--surface-accent);\n "
50
+ ]);
51
+ _templateObject = function _templateObject() {
52
+ return data;
53
+ };
54
+ return data;
55
+ }
56
+ function _templateObject1() {
57
+ var data = _tagged_template_literal([
58
+ "\n ",
59
+ ": var(--on-dark-text-primary);\n ",
60
+ ": var(--on-dark-text-secondary);\n ",
61
+ ": var(--surface-accent);\n ",
62
+ ": var(",
63
+ ");\n ",
64
+ ": var(--on-dark-text-primary);\n ",
65
+ ": var(--surface-accent-hover);\n ",
66
+ ": var(--on-dark-text-primary);\n ",
67
+ ": var(--surface-accent-active);\n\n ",
68
+ ": 0.4;\n ",
69
+ ": var(--surface-accent);\n\n ",
70
+ ": var(--text-primary);\n ",
71
+ ": var(--text-secondary);\n ",
72
+ ": var(--text-primary);\n ",
73
+ ": var(--text-secondary);\n ",
74
+ ": transparent;\n\n ",
75
+ ": var(--on-dark-text-primary);\n ",
76
+ ": var(--surface-accent);\n ",
77
+ ": var(",
78
+ ");\n ",
79
+ ": var(--on-dark-text-primary);\n ",
80
+ ": var(--surface-accent-hover);\n ",
81
+ ": var(--on-dark-text-primary);\n ",
82
+ ": var(--surface-accent-active);\n\n ",
83
+ ": 0.4;\n ",
84
+ ": var(--surface-accent);\n\n ",
85
+ ": var(--text-secondary);\n ",
86
+ ": var(--surface-clear);\n ",
87
+ ": var(",
88
+ ");\n ",
89
+ ": var(--text-secondary-hover);\n ",
90
+ ": var(--surface-clear);\n ",
91
+ ": var(--text-secondary-active);\n ",
92
+ ": var(--surface-clear);\n\n ",
93
+ ": 0.4;\n ",
94
+ ": var(--surface-accent);\n "
95
+ ]);
96
+ _templateObject1 = function _templateObject() {
97
+ return data;
98
+ };
99
+ return data;
100
+ }
101
+ function _templateObject2() {
102
+ var data = _tagged_template_literal([
103
+ "\n ",
104
+ ": var(--text-primary);\n ",
105
+ ": var(--text-secondary);\n ",
106
+ ": var(--surface-transparent-secondary);\n ",
107
+ ": var(",
108
+ ");\n ",
109
+ ": var(--text-primary);\n ",
110
+ ": var(--surface-transparent-secondary-hover);\n ",
111
+ ": var(--text-primary);\n ",
112
+ ": var(--surface-transparent-secondary-active);\n\n ",
113
+ ": 0.4;\n ",
114
+ ": var(--surface-accent);\n\n ",
115
+ ": var(--text-primary);\n ",
116
+ ": var(--text-secondary);\n ",
117
+ ": var(--text-primary);\n ",
118
+ ": var(--text-secondary);\n ",
119
+ ": transparent;\n\n ",
120
+ ": var(--text-primary);\n ",
121
+ ": var(--surface-transparent-secondary);\n ",
122
+ ": var(",
123
+ ");\n ",
124
+ ": var(--text-primary);\n ",
125
+ ": var(--surface-transparent-secondary-hover);\n ",
126
+ ": var(--text-primary);\n ",
127
+ ": var(--surface-transparent-secondary-active);\n\n ",
128
+ ": 0.4;\n ",
129
+ ": var(--surface-accent);\n\n ",
130
+ ": var(--text-secondary);\n ",
131
+ ": var(--surface-clear);\n ",
132
+ ": var(",
133
+ ");\n ",
134
+ ": var(--text-secondary-hover);\n ",
135
+ ": var(--surface-clear);\n ",
136
+ ": var(--text-secondary-active);\n ",
137
+ ": var(--surface-clear);\n\n ",
138
+ ": 0.4;\n ",
139
+ ": var(--surface-accent);\n "
140
+ ]);
141
+ _templateObject2 = function _templateObject() {
142
+ return data;
143
+ };
144
+ return data;
145
+ }
146
+ function _templateObject3() {
147
+ var data = _tagged_template_literal([
148
+ "\n ",
149
+ ": var(--text-primary);\n ",
150
+ ": var(--text-secondary);\n ",
151
+ ": var(--surface-clear);\n ",
152
+ ": var(",
153
+ ");\n ",
154
+ ": var(--text-primary-hover);\n ",
155
+ ": var(--surface-clear);\n ",
156
+ ": var(--text-primary-active);\n ",
157
+ ": var(--surface-clear);\n\n ",
158
+ ": 0.4;\n ",
159
+ ": var(--surface-accent);\n\n ",
160
+ ": var(--text-primary);\n ",
161
+ ": var(--text-secondary);\n ",
162
+ ": var(--text-primary);\n ",
163
+ ": var(--text-secondary);\n ",
164
+ ": transparent;\n\n ",
165
+ ": var(--text-primary);\n ",
166
+ ": var(--surface-clear);\n ",
167
+ ": var(",
168
+ ");\n ",
169
+ ": var(--text-primary-hover);\n ",
170
+ ": var(--surface-clear);\n ",
171
+ ": var(--text-primary-active);\n ",
172
+ ": var(--surface-clear);\n\n ",
173
+ ": 0.4;\n ",
174
+ ": var(--surface-accent);\n\n ",
175
+ ": var(--text-secondary);\n ",
176
+ ": var(--surface-clear);\n ",
177
+ ": var(",
178
+ ");\n ",
179
+ ": var(--text-secondary-hover);\n ",
180
+ ": var(--surface-clear);\n ",
181
+ ": var(--text-secondary-active);\n ",
182
+ ": var(--surface-clear);\n\n ",
183
+ ": 0.4;\n ",
184
+ ": var(--surface-accent);\n "
185
+ ]);
186
+ _templateObject3 = function _templateObject() {
187
+ return data;
188
+ };
189
+ return data;
190
+ }
191
+ function _templateObject4() {
192
+ var data = _tagged_template_literal([
193
+ "\n ",
194
+ ": var(--on-dark-text-primary);\n ",
195
+ ": var(--on-dark-text-secondary);\n ",
196
+ ": var(--surface-positive);\n ",
197
+ ": var(",
198
+ ");\n ",
199
+ ": var(--on-dark-text-primary);\n ",
200
+ ": var(--surface-positive-hover);\n ",
201
+ ": var(--on-dark-text-primary);\n ",
202
+ ": var(--surface-positive-active);\n\n ",
203
+ ": var(--text-primary);\n ",
204
+ ": var(--text-secondary);\n ",
205
+ ": var(--text-primary);\n ",
206
+ ": var(--text-secondary);\n ",
207
+ ": transparent;\n\n ",
208
+ ": var(--on-dark-text-primary);\n ",
209
+ ": var(--surface-positive);\n ",
210
+ ": var(",
211
+ ");\n ",
212
+ ": var(--on-dark-text-primary);\n ",
213
+ ": var(--surface-positive-hover);\n ",
214
+ ": var(--on-dark-text-primary);\n ",
215
+ ": var(--surface-positive-active);\n\n ",
216
+ ": 0.4;\n ",
217
+ ": var(--surface-accent);\n\n ",
218
+ ": var(--text-secondary);\n ",
219
+ ": var(--surface-clear);\n ",
220
+ ": var(",
221
+ ");\n ",
222
+ ": var(--text-secondary-hover);\n ",
223
+ ": var(--surface-clear);\n ",
224
+ ": var(--text-secondary-active);\n ",
225
+ ": var(--surface-clear);\n\n ",
226
+ ": 0.4;\n ",
227
+ ": var(--surface-accent);\n "
228
+ ]);
229
+ _templateObject4 = function _templateObject() {
230
+ return data;
231
+ };
232
+ return data;
233
+ }
234
+ function _templateObject5() {
235
+ var data = _tagged_template_literal([
236
+ "\n ",
237
+ ": var(--on-dark-text-primary);\n ",
238
+ ": var(--on-dark-text-secondary);\n ",
239
+ ": var(--surface-warning);\n ",
240
+ ": var(",
241
+ ");\n ",
242
+ ": var(--on-dark-text-primary);\n ",
243
+ ": var(--surface-warning-hover);\n ",
244
+ ": var(--on-dark-text-primary);\n ",
245
+ ": var(--surface-warning-active);\n\n ",
246
+ ": 0.4;\n ",
247
+ ": var(--surface-accent);\n\n ",
248
+ ": var(--text-primary);\n ",
249
+ ": var(--text-secondary);\n ",
250
+ ": var(--text-primary);\n ",
251
+ ": var(--text-secondary);\n ",
252
+ ": transparent;\n\n ",
253
+ ": var(--on-dark-text-primary);\n ",
254
+ ": var(--surface-warning);\n ",
255
+ ": var(",
256
+ ");\n ",
257
+ ": var(--on-dark-text-primary);\n ",
258
+ ": var(--surface-warning-hover);\n ",
259
+ ": var(--on-dark-text-primary);\n ",
260
+ ": var(--surface-warning-active);\n\n ",
261
+ ": 0.4;\n ",
262
+ ": var(--surface-accent);\n\n ",
263
+ ": var(--text-secondary);\n ",
264
+ ": var(--surface-clear);\n ",
265
+ ": var(",
266
+ ");\n ",
267
+ ": var(--text-secondary-hover);\n ",
268
+ ": var(--surface-clear);\n ",
269
+ ": var(--text-secondary-active);\n ",
270
+ ": var(--surface-clear);\n\n ",
271
+ ": 0.4;\n ",
272
+ ": var(--surface-accent);\n "
273
+ ]);
274
+ _templateObject5 = function _templateObject() {
275
+ return data;
276
+ };
277
+ return data;
278
+ }
279
+ function _templateObject6() {
280
+ var data = _tagged_template_literal([
281
+ "\n ",
282
+ ": var(--on-dark-text-primary);\n ",
283
+ ": var(--on-dark-text-secondary);\n ",
284
+ ": var(--surface-negative);\n ",
285
+ ": var(",
286
+ ");\n ",
287
+ ": var(--on-dark-text-primary);\n ",
288
+ ": var(--surface-negative-hover);\n ",
289
+ ": var(--on-dark-text-primary);\n ",
290
+ ": var(--surface-negative-active);\n\n ",
291
+ ": var(--text-primary);\n ",
292
+ ": var(--text-secondary);\n ",
293
+ ": var(--text-primary);\n ",
294
+ ": var(--text-secondary);\n ",
295
+ ": transparent;\n\n ",
296
+ ": var(--on-dark-text-primary);\n ",
297
+ ": var(--surface-negative);\n ",
298
+ ": var(",
299
+ ");\n ",
300
+ ": var(--on-dark-text-primary);\n ",
301
+ ": var(--surface-negative-hover);\n ",
302
+ ": var(--on-dark-text-primary);\n ",
303
+ ": var(--surface-negative-active);\n\n ",
304
+ ": 0.4;\n ",
305
+ ": var(--surface-accent);\n\n ",
306
+ ": var(--text-secondary);\n ",
307
+ ": var(--surface-clear);\n ",
308
+ ": var(",
309
+ ");\n ",
310
+ ": var(--text-secondary-hover);\n ",
311
+ ": var(--surface-clear);\n ",
312
+ ": var(--text-secondary-active);\n ",
313
+ ": var(--surface-clear);\n\n ",
314
+ ": 0.4;\n ",
315
+ ": var(--surface-accent);\n "
316
+ ]);
317
+ _templateObject6 = function _templateObject() {
318
+ return data;
319
+ };
320
+ return data;
321
+ }
322
+ function _templateObject7() {
323
+ var data = _tagged_template_literal([
324
+ "\n ",
325
+ ": var(--on-dark-text-primary);\n ",
326
+ ": var(--on-dark-text-secondary);\n ",
327
+ ": var(--on-light-surface-transparent-deep);\n ",
328
+ ": var(",
329
+ ");\n ",
330
+ ": var(--on-dark-text-primary);\n ",
331
+ ": var(--on-light-surface-transparent-deep-hover);\n ",
332
+ ": var(--on-dark-text-primary);\n ",
333
+ ": var(--on-light-surface-transparent-deep-active);\n\n ",
334
+ ": 0.4;\n ",
335
+ ": var(--surface-accent);\n\n ",
336
+ ": var(--text-primary);\n ",
337
+ ": var(--text-secondary);\n ",
338
+ ": var(--text-primary);\n ",
339
+ ": var(--text-secondary);\n ",
340
+ ": transparent;\n\n ",
341
+ ": var(--on-dark-text-primary);\n ",
342
+ ": var(--on-light-surface-transparent-deep);\n ",
343
+ ": var(",
344
+ ");\n ",
345
+ ": var(--on-dark-text-primary);\n ",
346
+ ": var(--on-light-surface-transparent-deep-hover);\n ",
347
+ ": var(--on-dark-text-primary);\n ",
348
+ ": var(--on-light-surface-transparent-deep-active);\n\n ",
349
+ ": 0.4;\n ",
350
+ ": var(--surface-accent);\n\n ",
351
+ ": var(--text-secondary);\n ",
352
+ ": var(--surface-clear);\n ",
353
+ ": var(",
354
+ ");\n ",
355
+ ": var(--text-secondary-hover);\n ",
356
+ ": var(--surface-clear);\n ",
357
+ ": var(--text-secondary-active);\n ",
358
+ ": var(--surface-clear);\n\n ",
359
+ ": 0.4;\n ",
360
+ ": var(--surface-accent);\n "
361
+ ]);
362
+ _templateObject7 = function _templateObject() {
363
+ return data;
364
+ };
365
+ return data;
366
+ }
367
+ function _templateObject8() {
368
+ var data = _tagged_template_literal([
369
+ "\n ",
370
+ ": var(--on-dark-text-primary);\n ",
371
+ ": var(--on-dark-text-secondary);\n ",
372
+ ": var(--on-light-surface-solid-default);\n ",
373
+ ": var(",
374
+ ");\n ",
375
+ ": var(--on-dark-text-primary);\n ",
376
+ ": var(--on-light-surface-solid-default-hover);\n ",
377
+ ": var(--on-dark-text-primary);\n ",
378
+ ": var(--on-light-surface-solid-default-active);\n\n ",
379
+ ": 0.4;\n ",
380
+ ": var(--surface-accent);\n\n ",
381
+ ": var(--text-primary);\n ",
382
+ ": var(--text-secondary);\n ",
383
+ ": var(--text-primary);\n ",
384
+ ": var(--text-secondary);\n ",
385
+ ": transparent;\n\n ",
386
+ ": var(--on-dark-text-primary);\n ",
387
+ ": var(--on-light-surface-solid-default);\n ",
388
+ ": var(",
389
+ ");\n ",
390
+ ": var(--on-dark-text-primary);\n ",
391
+ ": var(--on-light-surface-solid-default-hover);\n ",
392
+ ": var(--on-dark-text-primary);\n ",
393
+ ": var(--on-light-surface-solid-default-active);\n\n ",
394
+ ": 0.4;\n ",
395
+ ": var(--surface-accent);\n\n ",
396
+ ": var(--text-secondary);\n ",
397
+ ": var(--surface-clear);\n ",
398
+ ": var(",
399
+ ");\n ",
400
+ ": var(--text-secondary-hover);\n ",
401
+ ": var(--surface-clear);\n ",
402
+ ": var(--text-secondary-active);\n ",
403
+ ": var(--surface-clear);\n\n ",
404
+ ": 0.4;\n ",
405
+ ": var(--surface-accent);\n "
406
+ ]);
407
+ _templateObject8 = function _templateObject() {
408
+ return data;
409
+ };
410
+ return data;
411
+ }
412
+ function _templateObject9() {
413
+ var data = _tagged_template_literal([
414
+ "\n ",
415
+ ": var(--on-light-text-primary);\n ",
416
+ ": var(--on-light-text-secondary);\n ",
417
+ ": var(--on-dark-surface-solid-default);\n ",
418
+ ": var(",
419
+ ");\n ",
420
+ ": var(--on-light-text-primary);\n ",
421
+ ": var(--on-dark-surface-solid-default-hover);\n ",
422
+ ": var(--on-light-text-primary);\n ",
423
+ ": var(--on-dark-surface-solid-default-active);\n\n ",
424
+ ": 0.4;\n ",
425
+ ": var(--surface-accent);\n\n ",
426
+ ": var(--text-primary);\n ",
427
+ ": var(--text-secondary);\n ",
428
+ ": var(--text-primary);\n ",
429
+ ": var(--text-secondary);\n ",
430
+ ": transparent;\n\n ",
431
+ ": var(--on-light-text-primary);\n ",
432
+ ": var(--on-dark-surface-solid-default);\n ",
433
+ ": var(",
434
+ ");\n ",
435
+ ": var(--on-light-text-primary);\n ",
436
+ ": var(--on-dark-surface-solid-default-hover);\n ",
437
+ ": var(--on-light-text-primary);\n ",
438
+ ": var(--on-dark-surface-solid-default-active);\n\n ",
439
+ ": 0.4;\n ",
440
+ ": var(--surface-accent);\n\n ",
441
+ ": var(--text-secondary);\n ",
442
+ ": var(--surface-clear);\n ",
443
+ ": var(",
444
+ ");\n ",
445
+ ": var(--text-secondary-hover);\n ",
446
+ ": var(--surface-clear);\n ",
447
+ ": var(--text-secondary-active);\n ",
448
+ ": var(--surface-clear);\n\n ",
449
+ ": 0.4;\n ",
450
+ ": var(--surface-accent);\n "
451
+ ]);
452
+ _templateObject9 = function _templateObject() {
453
+ return data;
454
+ };
455
+ return data;
456
+ }
457
+ function _templateObject10() {
458
+ var data = _tagged_template_literal([
459
+ "\n ",
460
+ ": var(--text-secondary);\n "
461
+ ]);
462
+ _templateObject10 = function _templateObject() {
463
+ return data;
464
+ };
465
+ return data;
466
+ }
467
+ function _templateObject11() {
468
+ var data = _tagged_template_literal([
469
+ "\n ",
470
+ ": var(--text-negative);\n "
471
+ ]);
472
+ _templateObject11 = function _templateObject() {
473
+ return data;
474
+ };
475
+ return data;
476
+ }
477
+ function _templateObject12() {
478
+ var data = _tagged_template_literal([
479
+ "\n ",
480
+ ": 1.5rem;\n ",
481
+ ": 0.5rem;\n ",
482
+ ": 1.625rem;\n\n ",
483
+ ": 3.5rem;\n ",
484
+ ": 12.5rem;\n ",
485
+ ": 1.5rem;\n ",
486
+ ": 0.875rem;\n ",
487
+ ": var(--plasma-typo-body-l-font-family);\n ",
488
+ ": var(--plasma-typo-body-l-font-size);\n ",
489
+ ": var(--plasma-typo-body-l-font-style);\n ",
490
+ ": var(--plasma-typo-body-l-bold-font-weight);\n ",
491
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
492
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
493
+ ": 1.375rem;\n ",
494
+ ": inherit;\n\n ",
495
+ ": 0 0.5rem 0 -0.125rem;\n ",
496
+ ": 0 -0.125rem 0 0.5rem;\n ",
497
+ ": 0 0 0 0.25rem;\n\n ",
498
+ ": fit-content;\n\n ",
499
+ ": 0rem;\n ",
500
+ ": 0rem;\n ",
501
+ ": 0rem;\n ",
502
+ ": 0rem;\n\n ",
503
+ ": 0.125rem;\n ",
504
+ ": 0.375rem;\n\n ",
505
+ ": var(--plasma-typo-body-m-font-family);\n ",
506
+ ": var(--plasma-typo-body-m-font-size);\n ",
507
+ ": var(--plasma-typo-body-m-font-style);\n ",
508
+ ": var(--plasma-typo-body-m-font-weight);\n ",
509
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
510
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
511
+ ": var(--plasma-typo-body-l-font-family);\n ",
512
+ ": var(--plasma-typo-body-l-font-size);\n ",
513
+ ": var(--plasma-typo-body-l-font-style);\n ",
514
+ ": var(--plasma-typo-body-l-font-weight);\n ",
515
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
516
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
517
+ ": var(--plasma-typo-body-m-font-family);\n ",
518
+ ": var(--plasma-typo-body-m-font-size);\n ",
519
+ ": var(--plasma-typo-body-m-font-style);\n ",
520
+ ": var(--plasma-typo-body-m-font-weight);\n ",
521
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
522
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
523
+ ": 3.5rem;\n ",
524
+ ": 3.5rem;\n ",
525
+ ": 1.5rem;\n ",
526
+ ": 0.875rem;\n ",
527
+ ": var(--plasma-typo-body-l-font-family);\n ",
528
+ ": var(--plasma-typo-body-l-font-size);\n ",
529
+ ": var(--plasma-typo-body-l-font-style);\n ",
530
+ ": var(--plasma-typo-body-l-bold-font-weight);\n ",
531
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
532
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
533
+ ": 1.375rem;\n ",
534
+ ": inherit;\n\n ",
535
+ ": 2rem;\n ",
536
+ ": 2rem;\n ",
537
+ ": 0.75rem;\n ",
538
+ ": 0.5rem;\n ",
539
+ ": var(--plasma-typo-body-xs-font-family);\n ",
540
+ ": var(--plasma-typo-body-xs-font-size);\n ",
541
+ ": var(--plasma-typo-body-xs-font-style);\n ",
542
+ ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
543
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
544
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
545
+ ": 1rem;\n ",
546
+ ": inherit;\n "
547
+ ]);
548
+ _templateObject12 = function _templateObject() {
549
+ return data;
550
+ };
551
+ return data;
552
+ }
553
+ function _templateObject13() {
554
+ var data = _tagged_template_literal([
555
+ "\n ",
556
+ ": 1.25rem;\n ",
557
+ ": 0.5rem;\n ",
558
+ ": 1.625rem;\n\n ",
559
+ ": 3rem;\n ",
560
+ ": 11.25rem;\n ",
561
+ ": 1.25rem;\n ",
562
+ ": 0.75rem;\n ",
563
+ ": var(--plasma-typo-body-m-font-family);\n ",
564
+ ": var(--plasma-typo-body-m-font-size);\n ",
565
+ ": var(--plasma-typo-body-m-font-style);\n ",
566
+ ": var(--plasma-typo-body-m-bold-font-weight);\n ",
567
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
568
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
569
+ ": 1.375rem;\n ",
570
+ ": inherit;\n\n ",
571
+ ": 0 0.375rem 0 -0.125rem;\n ",
572
+ ": 0 -0.125rem 0 0.375rem;\n ",
573
+ ": 0 0 0 0.25rem;\n\n ",
574
+ ": fit-content;\n\n ",
575
+ ": 0rem;\n ",
576
+ ": 0rem;\n ",
577
+ ": 0rem;\n ",
578
+ ": 0rem;\n\n ",
579
+ ": 0.125rem;\n ",
580
+ ": 0.375rem;\n\n ",
581
+ ": var(--plasma-typo-body-s-font-family);\n ",
582
+ ": var(--plasma-typo-body-s-font-size);\n ",
583
+ ": var(--plasma-typo-body-s-font-style);\n ",
584
+ ": var(--plasma-typo-body-s-font-weight);\n ",
585
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
586
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
587
+ ": var(--plasma-typo-body-m-font-family);\n ",
588
+ ": var(--plasma-typo-body-m-font-size);\n ",
589
+ ": var(--plasma-typo-body-m-font-style);\n ",
590
+ ": var(--plasma-typo-body-m-font-weight);\n ",
591
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
592
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
593
+ ": var(--plasma-typo-body-s-font-family);\n ",
594
+ ": var(--plasma-typo-body-s-font-size);\n ",
595
+ ": var(--plasma-typo-body-s-font-style);\n ",
596
+ ": var(--plasma-typo-body-s-font-weight);\n ",
597
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
598
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
599
+ ": 3rem;\n ",
600
+ ": 3rem;\n ",
601
+ ": 1.25rem;\n ",
602
+ ": 0.75rem;\n ",
603
+ ": var(--plasma-typo-body-m-font-family);\n ",
604
+ ": var(--plasma-typo-body-m-font-size);\n ",
605
+ ": var(--plasma-typo-body-m-font-style);\n ",
606
+ ": var(--plasma-typo-body-m-bold-font-weight);\n ",
607
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
608
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
609
+ ": 1.375rem;\n ",
610
+ ": inherit;\n\n ",
611
+ ": 2rem;\n ",
612
+ ": 2rem;\n ",
613
+ ": 0.75rem;\n ",
614
+ ": 0.5rem;\n ",
615
+ ": var(--plasma-typo-body-xs-font-family);\n ",
616
+ ": var(--plasma-typo-body-xs-font-size);\n ",
617
+ ": var(--plasma-typo-body-xs-font-style);\n ",
618
+ ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
619
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
620
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
621
+ ": 1rem;\n ",
622
+ ": inherit;\n "
623
+ ]);
624
+ _templateObject13 = function _templateObject() {
625
+ return data;
626
+ };
627
+ return data;
628
+ }
629
+ function _templateObject14() {
630
+ var data = _tagged_template_literal([
631
+ "\n ",
632
+ ": 1rem;\n ",
633
+ ": 0.375rem;\n ",
634
+ ": 1.5rem;\n\n ",
635
+ ": 2.5rem;\n ",
636
+ ": 11.25rem;\n ",
637
+ ": 1rem;\n ",
638
+ ": 0.625rem;\n ",
639
+ ": var(--plasma-typo-body-s-font-family);\n ",
640
+ ": var(--plasma-typo-body-s-font-size);\n ",
641
+ ": var(--plasma-typo-body-s-font-style);\n ",
642
+ ": var(--plasma-typo-body-s-bold-font-weight);\n ",
643
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
644
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
645
+ ": 1.375rem;\n ",
646
+ ": inherit;\n\n ",
647
+ ": 0 0.25rem 0 -0.125rem;\n ",
648
+ ": 0 -0.125rem 0 0.25rem;\n ",
649
+ ": 0 0 0 0.25rem;\n\n ",
650
+ ": fit-content;\n\n ",
651
+ ": 0rem;\n ",
652
+ ": 0rem;\n ",
653
+ ": 0rem;\n ",
654
+ ": 0rem;\n\n ",
655
+ ": 0.125rem;\n ",
656
+ ": 0.375rem;\n\n ",
657
+ ": var(--plasma-typo-body-xs-font-family);\n ",
658
+ ": var(--plasma-typo-body-xs-font-size);\n ",
659
+ ": var(--plasma-typo-body-xs-font-style);\n ",
660
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
661
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
662
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
663
+ ": var(--plasma-typo-body-s-font-family);\n ",
664
+ ": var(--plasma-typo-body-s-font-size);\n ",
665
+ ": var(--plasma-typo-body-s-font-style);\n ",
666
+ ": var(--plasma-typo-body-s-font-weight);\n ",
667
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
668
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
669
+ ": var(--plasma-typo-body-xs-font-family);\n ",
670
+ ": var(--plasma-typo-body-xs-font-size);\n ",
671
+ ": var(--plasma-typo-body-xs-font-style);\n ",
672
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
673
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
674
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
675
+ ": 2.5rem;\n ",
676
+ ": 2.5rem;\n ",
677
+ ": 1rem;\n ",
678
+ ": 0.625rem;\n ",
679
+ ": var(--plasma-typo-body-s-font-family);\n ",
680
+ ": var(--plasma-typo-body-s-font-size);\n ",
681
+ ": var(--plasma-typo-body-s-font-style);\n ",
682
+ ": var(--plasma-typo-body-s-bold-font-weight);\n ",
683
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
684
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
685
+ ": 1.375rem;\n ",
686
+ ": inherit;\n\n ",
687
+ ": 2rem;\n ",
688
+ ": 2rem;\n ",
689
+ ": 0.75rem;\n ",
690
+ ": 0.5rem;\n ",
691
+ ": var(--plasma-typo-body-xs-font-family);\n ",
692
+ ": var(--plasma-typo-body-xs-font-size);\n ",
693
+ ": var(--plasma-typo-body-xs-font-style);\n ",
694
+ ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
695
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
696
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
697
+ ": 1rem;\n ",
698
+ ": inherit;\n "
699
+ ]);
700
+ _templateObject14 = function _templateObject() {
701
+ return data;
702
+ };
703
+ return data;
704
+ }
705
+ function _templateObject15() {
706
+ var data = _tagged_template_literal([
707
+ "\n ",
708
+ ": 0.75rem;\n ",
709
+ ": 0.25rem;\n ",
710
+ ": 1.375rem;\n\n ",
711
+ ": 2rem;\n ",
712
+ ": 10rem;\n ",
713
+ ": 0.75rem;\n ",
714
+ ": 0.5rem;\n ",
715
+ ": var(--plasma-typo-body-xs-font-family);\n ",
716
+ ": var(--plasma-typo-body-xs-font-size);\n ",
717
+ ": var(--plasma-typo-body-xs-font-style);\n ",
718
+ ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
719
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
720
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
721
+ ": 1rem;\n ",
722
+ ": inherit;\n\n ",
723
+ ": 0 0.25rem 0 -0.125rem;\n ",
724
+ ": 0 -0.125rem 0 0.25rem;\n ",
725
+ ": 0 0 0 0.25rem;\n\n ",
726
+ ": fit-content;\n\n ",
727
+ ": 0rem;\n ",
728
+ ": 0rem;\n ",
729
+ ": 0rem;\n ",
730
+ ": 0rem;\n\n ",
731
+ ": 0.125rem;\n ",
732
+ ": 0.25rem;\n\n ",
733
+ ": var(--plasma-typo-body-xs-font-family);\n ",
734
+ ": var(--plasma-typo-body-xs-font-size);\n ",
735
+ ": var(--plasma-typo-body-xs-font-style);\n ",
736
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
737
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
738
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
739
+ ": var(--plasma-typo-body-xs-font-family);\n ",
740
+ ": var(--plasma-typo-body-xs-font-size);\n ",
741
+ ": var(--plasma-typo-body-xs-font-style);\n ",
742
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
743
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
744
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
745
+ ": var(--plasma-typo-body-xs-font-family);\n ",
746
+ ": var(--plasma-typo-body-xs-font-size);\n ",
747
+ ": var(--plasma-typo-body-xs-font-style);\n ",
748
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
749
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
750
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
751
+ ": 2rem;\n ",
752
+ ": 2rem;\n ",
753
+ ": 0.75rem;\n ",
754
+ ": 0.5rem;\n ",
755
+ ": var(--plasma-typo-body-xs-font-family);\n ",
756
+ ": var(--plasma-typo-body-xs-font-size);\n ",
757
+ ": var(--plasma-typo-body-xs-font-style);\n ",
758
+ ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
759
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
760
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
761
+ ": 1rem;\n ",
762
+ ": inherit;\n\n ",
763
+ ": 2rem;\n ",
764
+ ": 2rem;\n ",
765
+ ": 0.75rem;\n ",
766
+ ": 0.5rem;\n ",
767
+ ": var(--plasma-typo-body-xs-font-family);\n ",
768
+ ": var(--plasma-typo-body-xs-font-size);\n ",
769
+ ": var(--plasma-typo-body-xs-font-style);\n ",
770
+ ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
771
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
772
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
773
+ ": 1rem;\n ",
774
+ ": inherit;\n "
775
+ ]);
776
+ _templateObject15 = function _templateObject() {
777
+ return data;
778
+ };
779
+ return data;
780
+ }
3
781
  import { css, attachTokens } from '@salutejs/plasma-new-hope/styled-components';
4
782
  export var config = {
5
- defaults: {
6
- view: 'default',
7
- helperTextView: 'default',
8
- focused: 'true',
9
- size: 'm'
10
- },
11
- variations: {
12
- view: {
13
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(", ");\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(", ");\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
14
- accent: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-accent);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
15
- secondary: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(", ");\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(", ");\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
16
- clear: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
17
- success: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-positive);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
18
- warning: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-warning);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
19
- critical: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-negative);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
20
- dark: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
21
- black: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
22
- white: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-hover);\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(", ");\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-hover);\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-active);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(", ");\n ", ": var(--text-secondary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-secondary-active);\n ", ": var(--surface-clear);\n\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor)
23
- },
24
- helperTextView: {
25
- "default": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n "])), attachTokens.helperTextColor),
26
- negative: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n "])), attachTokens.helperTextColor)
783
+ defaults: {
784
+ view: 'default',
785
+ helperTextView: 'default',
786
+ focused: 'true',
787
+ size: 'm'
27
788
  },
28
- size: {
29
- l: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.5rem;\n ", ": 1.625rem;\n\n ", ": 3.5rem;\n ", ": 12.5rem;\n ", ": 1.5rem;\n ", ": 0.875rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 0 0.5rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.5rem;\n ", ": 0 0 0 0.25rem;\n\n ", ": fit-content;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n\n ", ": 0.125rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 3.5rem;\n ", ": 3.5rem;\n ", ": 1.5rem;\n ", ": 0.875rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n "])), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
30
- m: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n ", ": 0.5rem;\n ", ": 1.625rem;\n\n ", ": 3rem;\n ", ": 11.25rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 0 0.375rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.375rem;\n ", ": 0 0 0 0.25rem;\n\n ", ": fit-content;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n\n ", ": 0.125rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 3rem;\n ", ": 3rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n "])), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
31
- s: /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 0.375rem;\n ", ": 1.5rem;\n\n ", ": 2.5rem;\n ", ": 11.25rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 0 0.25rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 0 0 0 0.25rem;\n\n ", ": fit-content;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n\n ", ": 0.125rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 2.5rem;\n ", ": 2.5rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n "])), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
32
- xs: /*#__PURE__*/css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1.375rem;\n\n ", ": 2rem;\n ", ": 10rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n\n ", ": 0 0.25rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 0 0 0 0.25rem;\n\n ", ": fit-content;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n\n ", ": 0.125rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n "])), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
789
+ variations: {
790
+ view: {
791
+ default: css(_templateObject(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
792
+ accent: css(_templateObject1(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
793
+ secondary: css(_templateObject2(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
794
+ clear: css(_templateObject3(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
795
+ success: css(_templateObject4(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
796
+ warning: css(_templateObject5(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
797
+ critical: css(_templateObject6(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
798
+ dark: css(_templateObject7(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
799
+ black: css(_templateObject8(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor),
800
+ white: css(_templateObject9(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor)
801
+ },
802
+ helperTextView: {
803
+ default: css(_templateObject10(), attachTokens.helperTextColor),
804
+ negative: css(_templateObject11(), attachTokens.helperTextColor)
805
+ },
806
+ size: {
807
+ l: css(_templateObject12(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
808
+ m: css(_templateObject13(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
809
+ s: css(_templateObject14(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor),
810
+ xs: css(_templateObject15(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor)
811
+ }
33
812
  }
34
- }
35
- };
813
+ };