@salutejs/sdds-cs 0.318.1-canary.2030.15819491481.0 → 0.318.1-canary.2030.15826725038.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 (960) hide show
  1. package/components/Accordion/Accordion.config.js +101 -19
  2. package/components/Accordion/Accordion.js +18 -12
  3. package/components/Accordion/index.js +15 -14
  4. package/components/Attach/Attach.config.js +267 -26
  5. package/components/Attach/Attach.js +11 -11
  6. package/components/Attach/index.js +6 -7
  7. package/components/Autocomplete/Autocomplete.config.js +247 -30
  8. package/components/Autocomplete/Autocomplete.js +11 -7
  9. package/components/Autocomplete/index.js +6 -7
  10. package/components/Avatar/Avatar.config.js +197 -31
  11. package/components/Avatar/Avatar.js +19 -7
  12. package/components/Avatar/index.js +6 -7
  13. package/components/AvatarGroup/AvatarGroup.js +10 -6
  14. package/components/AvatarGroup/index.js +6 -7
  15. package/components/Badge/Badge.config.js +145 -30
  16. package/components/Badge/Badge.js +11 -11
  17. package/components/Badge/index.js +6 -7
  18. package/components/Breadcrumbs/Breadcrumbs.config.js +60 -18
  19. package/components/Breadcrumbs/Breadcrumbs.js +12 -12
  20. package/components/Breadcrumbs/index.js +6 -7
  21. package/components/Button/Button.config.js +174 -30
  22. package/components/Button/Button.js +146 -41
  23. package/components/Button/index.js +6 -7
  24. package/components/ButtonBase/index.js +6 -7
  25. package/components/ButtonGroup/ButtonGroup.config.js +228 -38
  26. package/components/ButtonGroup/ButtonGroup.js +11 -11
  27. package/components/ButtonGroup/index.js +6 -7
  28. package/components/Calendar/Calendar.js +39 -18
  29. package/components/Calendar/CalendarBase.config.js +128 -18
  30. package/components/Calendar/CalendarDouble.config.js +128 -18
  31. package/components/Calendar/index.js +24 -32
  32. package/components/Card/Card.config.js +81 -20
  33. package/components/Card/Card.js +22 -23
  34. package/components/Card/index.js +18 -20
  35. package/components/Carousel/Carousel.config.d.ts +14 -0
  36. package/components/Carousel/Carousel.config.js +62 -0
  37. package/components/Carousel/Carousel.d.ts +9 -0
  38. package/components/Carousel/Carousel.js +14 -0
  39. package/components/Carousel/index.d.ts +2 -0
  40. package/components/Carousel/index.js +20 -0
  41. package/components/Cell/Cell.config.js +110 -16
  42. package/components/Cell/Cell.js +12 -12
  43. package/components/Cell/index.js +25 -33
  44. package/components/Checkbox/Checkbox.config.js +104 -25
  45. package/components/Checkbox/Checkbox.js +12 -11
  46. package/components/Checkbox/index.js +6 -7
  47. package/components/Chip/Chip.config.js +162 -25
  48. package/components/Chip/Chip.js +12 -12
  49. package/components/Chip/index.js +6 -7
  50. package/components/ChipGroup/ChipGroup.config.js +127 -24
  51. package/components/ChipGroup/ChipGroup.js +11 -7
  52. package/components/ChipGroup/index.js +6 -7
  53. package/components/Combobox/Combobox.config.js +313 -30
  54. package/components/Combobox/Combobox.js +50 -15
  55. package/components/Combobox/index.js +6 -7
  56. package/components/Counter/Counter.config.js +95 -21
  57. package/components/Counter/Counter.js +11 -11
  58. package/components/Counter/index.js +16 -15
  59. package/components/DatePicker/DatePicker.config.js +264 -24
  60. package/components/DatePicker/DatePicker.js +21 -9
  61. package/components/DatePicker/index.js +22 -27
  62. package/components/Divider/Divider.config.js +109 -27
  63. package/components/Divider/Divider.js +11 -11
  64. package/components/Divider/index.js +16 -15
  65. package/components/Drawer/Drawer.config.js +79 -22
  66. package/components/Drawer/Drawer.js +31 -29
  67. package/components/Drawer/index.js +21 -26
  68. package/components/Dropdown/Dropdown.config.js +94 -18
  69. package/components/Dropdown/Dropdown.js +50 -15
  70. package/components/Dropdown/index.js +6 -7
  71. package/components/Dropzone/Dropzone.config.js +86 -21
  72. package/components/Dropzone/Dropzone.js +11 -7
  73. package/components/Dropzone/index.js +19 -21
  74. package/components/EmptyState/EmptyState.config.js +114 -18
  75. package/components/EmptyState/EmptyState.js +19 -7
  76. package/components/EmptyState/index.js +6 -7
  77. package/components/Flow/Flow.config.js +11 -7
  78. package/components/Flow/Flow.js +11 -7
  79. package/components/Flow/index.js +6 -7
  80. package/components/Grid/Grid.config.js +71 -19
  81. package/components/Grid/Grid.js +21 -18
  82. package/components/Grid/index.js +18 -20
  83. package/components/IconButton/IconButton.config.js +146 -28
  84. package/components/IconButton/IconButton.js +12 -12
  85. package/components/IconButton/index.js +6 -7
  86. package/components/Image/Image.js +11 -11
  87. package/components/Image/index.js +6 -7
  88. package/components/Indicator/Indicator.config.js +138 -26
  89. package/components/Indicator/Indicator.js +19 -7
  90. package/components/Indicator/index.js +6 -7
  91. package/components/Link/Link.config.js +214 -29
  92. package/components/Link/Link.js +12 -11
  93. package/components/Link/index.js +6 -7
  94. package/components/Mask/Mask.js +10 -6
  95. package/components/Mask/index.js +6 -7
  96. package/components/Modal/Modal.config.js +47 -15
  97. package/components/Modal/Modal.js +12 -12
  98. package/components/Modal/index.js +16 -15
  99. package/components/Notification/Notification.config.js +163 -26
  100. package/components/Notification/Notification.js +38 -23
  101. package/components/Notification/index.js +22 -27
  102. package/components/NumberFormat/NumberFormat.js +10 -13
  103. package/components/NumberFormat/index.js +6 -7
  104. package/components/NumberInput/NumberInput.config.js +154 -34
  105. package/components/NumberInput/NumberInput.js +11 -7
  106. package/components/NumberInput/index.js +19 -21
  107. package/components/Overlay/index.js +6 -7
  108. package/components/Pagination/Pagination.config.js +139 -26
  109. package/components/Pagination/Pagination.js +12 -12
  110. package/components/Pagination/index.js +6 -7
  111. package/components/Popover/Popover.config.js +43 -15
  112. package/components/Popover/Popover.js +11 -7
  113. package/components/Popover/index.js +6 -7
  114. package/components/Popup/Popup.js +10 -10
  115. package/components/Popup/index.js +22 -27
  116. package/components/Portal/index.js +6 -7
  117. package/components/Price/Price.config.js +15 -11
  118. package/components/Price/Price.js +12 -12
  119. package/components/Price/index.js +16 -15
  120. package/components/Progress/Progress.config.js +95 -21
  121. package/components/Progress/Progress.js +12 -8
  122. package/components/Progress/index.js +6 -7
  123. package/components/Radiobox/Radiobox.config.js +106 -31
  124. package/components/Radiobox/Radiobox.js +19 -16
  125. package/components/Radiobox/index.js +15 -14
  126. package/components/Range/Range.config.js +157 -24
  127. package/components/Range/Range.js +11 -11
  128. package/components/Range/index.js +16 -15
  129. package/components/Rating/Rating.config.js +117 -20
  130. package/components/Rating/Rating.js +11 -7
  131. package/components/Rating/index.js +19 -21
  132. package/components/SSRProvider/index.js +6 -7
  133. package/components/Segment/Segment.js +27 -32
  134. package/components/Segment/SegmentGroup.config.js +130 -34
  135. package/components/Segment/SegmentItem.config.js +124 -25
  136. package/components/Segment/index.js +21 -26
  137. package/components/Select/Select.config.js +305 -35
  138. package/components/Select/Select.js +50 -15
  139. package/components/Select/index.js +6 -7
  140. package/components/Sheet/Sheet.config.js +63 -18
  141. package/components/Sheet/Sheet.js +12 -12
  142. package/components/Sheet/index.js +16 -15
  143. package/components/Skeleton/LineSkeleton.config.js +230 -31
  144. package/components/Skeleton/Skeleton.js +25 -20
  145. package/components/Skeleton/index.js +21 -26
  146. package/components/Slider/Slider.config.js +147 -22
  147. package/components/Slider/Slider.js +12 -13
  148. package/components/Slider/index.js +6 -7
  149. package/components/Spinner/Spinner.config.js +107 -23
  150. package/components/Spinner/Spinner.js +23 -15
  151. package/components/Spinner/index.js +6 -7
  152. package/components/Steps/Steps.config.js +105 -18
  153. package/components/Steps/Steps.js +12 -8
  154. package/components/Steps/index.js +6 -7
  155. package/components/Switch/Switch.config.js +149 -31
  156. package/components/Switch/Switch.js +12 -8
  157. package/components/Switch/index.js +6 -7
  158. package/components/Table/Table.config.js +257 -21
  159. package/components/Table/Table.js +12 -12
  160. package/components/Table/index.js +6 -7
  161. package/components/Tabs/TabItem.js +26 -21
  162. package/components/Tabs/Tabs.js +26 -21
  163. package/components/Tabs/TabsController.js +15 -16
  164. package/components/Tabs/horizontal/HorizontalTabItem.config.js +230 -30
  165. package/components/Tabs/horizontal/HorizontalTabs.config.js +266 -37
  166. package/components/Tabs/index.js +27 -35
  167. package/components/Tabs/vertical/VerticalTabItem.config.js +125 -24
  168. package/components/Tabs/vertical/VerticalTabs.config.js +98 -24
  169. package/components/TextArea/TextArea.config.js +367 -42
  170. package/components/TextArea/TextArea.js +12 -12
  171. package/components/TextArea/index.js +6 -7
  172. package/components/TextField/TextField.config.js +338 -40
  173. package/components/TextField/TextField.js +11 -11
  174. package/components/TextField/index.js +16 -15
  175. package/components/Toast/Toast.config.js +127 -35
  176. package/components/Toast/Toast.js +26 -14
  177. package/components/Toast/index.js +18 -20
  178. package/components/ToastNew/ToastNew.config.js +80 -21
  179. package/components/ToastNew/ToastNew.js +20 -8
  180. package/components/ToastNew/index.js +15 -14
  181. package/components/Tokens/Colors/Colors.styles.js +147 -51
  182. package/components/Tokens/NumberTokens/NumberTokens.styles.js +70 -23
  183. package/components/Tokens/Typography/Typography.styles.js +204 -76
  184. package/components/Toolbar/Toolbar.config.js +57 -18
  185. package/components/Toolbar/Toolbar.js +21 -13
  186. package/components/Toolbar/index.js +19 -21
  187. package/components/Tooltip/Tooltip.config.js +71 -19
  188. package/components/Tooltip/Tooltip.js +11 -7
  189. package/components/Tooltip/index.js +6 -7
  190. package/components/Tree/Tree.config.js +83 -18
  191. package/components/Tree/Tree.js +11 -7
  192. package/components/Tree/index.js +6 -7
  193. package/components/Typography/Body.config.js +161 -47
  194. package/components/Typography/Dspl.config.js +105 -31
  195. package/components/Typography/Heading.config.js +161 -47
  196. package/components/Typography/Text.config.js +133 -39
  197. package/components/Typography/Typography.js +116 -59
  198. package/components/Typography/index.js +62 -106
  199. package/components/ViewContainer/ViewContainer.config.js +46 -14
  200. package/components/ViewContainer/ViewContainer.js +11 -7
  201. package/components/ViewContainer/index.js +6 -7
  202. package/emotion/cjs/components/Accordion/Accordion.config.js +101 -19
  203. package/emotion/cjs/components/Accordion/Accordion.js +18 -12
  204. package/emotion/cjs/components/Accordion/index.js +15 -14
  205. package/emotion/cjs/components/Attach/Attach.config.js +267 -26
  206. package/emotion/cjs/components/Attach/Attach.js +11 -11
  207. package/emotion/cjs/components/Attach/index.js +6 -7
  208. package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +247 -30
  209. package/emotion/cjs/components/Autocomplete/Autocomplete.js +11 -7
  210. package/emotion/cjs/components/Autocomplete/index.js +6 -7
  211. package/emotion/cjs/components/Avatar/Avatar.config.js +197 -31
  212. package/emotion/cjs/components/Avatar/Avatar.js +19 -7
  213. package/emotion/cjs/components/Avatar/index.js +6 -7
  214. package/emotion/cjs/components/AvatarGroup/AvatarGroup.js +10 -6
  215. package/emotion/cjs/components/AvatarGroup/index.js +6 -7
  216. package/emotion/cjs/components/Badge/Badge.config.js +145 -30
  217. package/emotion/cjs/components/Badge/Badge.js +11 -11
  218. package/emotion/cjs/components/Badge/index.js +6 -7
  219. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.config.js +60 -18
  220. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +12 -12
  221. package/emotion/cjs/components/Breadcrumbs/index.js +6 -7
  222. package/emotion/cjs/components/Button/Button.config.js +174 -30
  223. package/emotion/cjs/components/Button/Button.js +146 -41
  224. package/emotion/cjs/components/Button/index.js +6 -7
  225. package/emotion/cjs/components/ButtonBase/index.js +6 -7
  226. package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +228 -38
  227. package/emotion/cjs/components/ButtonGroup/ButtonGroup.js +11 -11
  228. package/emotion/cjs/components/ButtonGroup/index.js +6 -7
  229. package/emotion/cjs/components/Calendar/Calendar.js +39 -18
  230. package/emotion/cjs/components/Calendar/CalendarBase.config.js +128 -18
  231. package/emotion/cjs/components/Calendar/CalendarDouble.config.js +128 -18
  232. package/emotion/cjs/components/Calendar/index.js +24 -32
  233. package/emotion/cjs/components/Card/Card.config.js +81 -20
  234. package/emotion/cjs/components/Card/Card.js +22 -23
  235. package/emotion/cjs/components/Card/index.js +18 -20
  236. package/emotion/cjs/components/Carousel/Carousel.config.js +62 -0
  237. package/emotion/cjs/components/Carousel/Carousel.js +14 -0
  238. package/emotion/cjs/components/Carousel/index.js +20 -0
  239. package/emotion/cjs/components/Cell/Cell.config.js +110 -16
  240. package/emotion/cjs/components/Cell/Cell.js +12 -12
  241. package/emotion/cjs/components/Cell/index.js +25 -33
  242. package/emotion/cjs/components/Checkbox/Checkbox.config.js +104 -25
  243. package/emotion/cjs/components/Checkbox/Checkbox.js +12 -11
  244. package/emotion/cjs/components/Checkbox/index.js +6 -7
  245. package/emotion/cjs/components/Chip/Chip.config.js +162 -25
  246. package/emotion/cjs/components/Chip/Chip.js +12 -12
  247. package/emotion/cjs/components/Chip/index.js +6 -7
  248. package/emotion/cjs/components/ChipGroup/ChipGroup.config.js +127 -24
  249. package/emotion/cjs/components/ChipGroup/ChipGroup.js +11 -7
  250. package/emotion/cjs/components/ChipGroup/index.js +6 -7
  251. package/emotion/cjs/components/Combobox/Combobox.config.js +313 -30
  252. package/emotion/cjs/components/Combobox/Combobox.js +50 -15
  253. package/emotion/cjs/components/Combobox/index.js +6 -7
  254. package/emotion/cjs/components/Counter/Counter.config.js +95 -21
  255. package/emotion/cjs/components/Counter/Counter.js +11 -11
  256. package/emotion/cjs/components/Counter/index.js +16 -15
  257. package/emotion/cjs/components/DatePicker/DatePicker.config.js +264 -24
  258. package/emotion/cjs/components/DatePicker/DatePicker.js +21 -9
  259. package/emotion/cjs/components/DatePicker/index.js +22 -27
  260. package/emotion/cjs/components/Divider/Divider.config.js +109 -27
  261. package/emotion/cjs/components/Divider/Divider.js +11 -11
  262. package/emotion/cjs/components/Divider/index.js +16 -15
  263. package/emotion/cjs/components/Drawer/Drawer.config.js +79 -22
  264. package/emotion/cjs/components/Drawer/Drawer.js +31 -29
  265. package/emotion/cjs/components/Drawer/index.js +21 -26
  266. package/emotion/cjs/components/Dropdown/Dropdown.config.js +94 -18
  267. package/emotion/cjs/components/Dropdown/Dropdown.js +50 -15
  268. package/emotion/cjs/components/Dropdown/index.js +6 -7
  269. package/emotion/cjs/components/Dropzone/Dropzone.config.js +86 -21
  270. package/emotion/cjs/components/Dropzone/Dropzone.js +11 -7
  271. package/emotion/cjs/components/Dropzone/index.js +19 -21
  272. package/emotion/cjs/components/EmptyState/EmptyState.config.js +114 -18
  273. package/emotion/cjs/components/EmptyState/EmptyState.js +19 -7
  274. package/emotion/cjs/components/EmptyState/index.js +6 -7
  275. package/emotion/cjs/components/Flow/Flow.config.js +11 -7
  276. package/emotion/cjs/components/Flow/Flow.js +11 -7
  277. package/emotion/cjs/components/Flow/index.js +6 -7
  278. package/emotion/cjs/components/Grid/Grid.config.js +71 -19
  279. package/emotion/cjs/components/Grid/Grid.js +21 -18
  280. package/emotion/cjs/components/Grid/index.js +18 -20
  281. package/emotion/cjs/components/IconButton/IconButton.config.js +146 -28
  282. package/emotion/cjs/components/IconButton/IconButton.js +12 -12
  283. package/emotion/cjs/components/IconButton/index.js +6 -7
  284. package/emotion/cjs/components/Image/Image.js +11 -11
  285. package/emotion/cjs/components/Image/index.js +6 -7
  286. package/emotion/cjs/components/Indicator/Indicator.config.js +138 -26
  287. package/emotion/cjs/components/Indicator/Indicator.js +19 -7
  288. package/emotion/cjs/components/Indicator/index.js +6 -7
  289. package/emotion/cjs/components/Link/Link.config.js +214 -29
  290. package/emotion/cjs/components/Link/Link.js +12 -11
  291. package/emotion/cjs/components/Link/index.js +6 -7
  292. package/emotion/cjs/components/Mask/Mask.js +10 -6
  293. package/emotion/cjs/components/Mask/index.js +6 -7
  294. package/emotion/cjs/components/Modal/Modal.config.js +47 -15
  295. package/emotion/cjs/components/Modal/Modal.js +12 -12
  296. package/emotion/cjs/components/Modal/index.js +16 -15
  297. package/emotion/cjs/components/Notification/Notification.config.js +163 -26
  298. package/emotion/cjs/components/Notification/Notification.js +38 -23
  299. package/emotion/cjs/components/Notification/index.js +22 -27
  300. package/emotion/cjs/components/NumberFormat/NumberFormat.js +10 -13
  301. package/emotion/cjs/components/NumberFormat/index.js +6 -7
  302. package/emotion/cjs/components/NumberInput/NumberInput.config.js +154 -34
  303. package/emotion/cjs/components/NumberInput/NumberInput.js +11 -7
  304. package/emotion/cjs/components/NumberInput/index.js +19 -21
  305. package/emotion/cjs/components/Overlay/index.js +6 -7
  306. package/emotion/cjs/components/Pagination/Pagination.config.js +139 -26
  307. package/emotion/cjs/components/Pagination/Pagination.js +12 -12
  308. package/emotion/cjs/components/Pagination/index.js +6 -7
  309. package/emotion/cjs/components/Popover/Popover.config.js +43 -15
  310. package/emotion/cjs/components/Popover/Popover.js +11 -7
  311. package/emotion/cjs/components/Popover/index.js +6 -7
  312. package/emotion/cjs/components/Popup/Popup.js +10 -10
  313. package/emotion/cjs/components/Popup/index.js +22 -27
  314. package/emotion/cjs/components/Portal/index.js +6 -7
  315. package/emotion/cjs/components/Price/Price.config.js +15 -11
  316. package/emotion/cjs/components/Price/Price.js +12 -12
  317. package/emotion/cjs/components/Price/index.js +16 -15
  318. package/emotion/cjs/components/Progress/Progress.config.js +95 -21
  319. package/emotion/cjs/components/Progress/Progress.js +12 -8
  320. package/emotion/cjs/components/Progress/index.js +6 -7
  321. package/emotion/cjs/components/Radiobox/Radiobox.config.js +106 -31
  322. package/emotion/cjs/components/Radiobox/Radiobox.js +19 -16
  323. package/emotion/cjs/components/Radiobox/index.js +15 -14
  324. package/emotion/cjs/components/Range/Range.config.js +157 -24
  325. package/emotion/cjs/components/Range/Range.js +11 -11
  326. package/emotion/cjs/components/Range/index.js +16 -15
  327. package/emotion/cjs/components/Rating/Rating.config.js +117 -20
  328. package/emotion/cjs/components/Rating/Rating.js +11 -7
  329. package/emotion/cjs/components/Rating/index.js +19 -21
  330. package/emotion/cjs/components/SSRProvider/index.js +6 -7
  331. package/emotion/cjs/components/Segment/Segment.js +27 -32
  332. package/emotion/cjs/components/Segment/SegmentGroup.config.js +130 -34
  333. package/emotion/cjs/components/Segment/SegmentItem.config.js +124 -25
  334. package/emotion/cjs/components/Segment/index.js +21 -26
  335. package/emotion/cjs/components/Select/Select.config.js +305 -35
  336. package/emotion/cjs/components/Select/Select.js +50 -15
  337. package/emotion/cjs/components/Select/index.js +6 -7
  338. package/emotion/cjs/components/Sheet/Sheet.config.js +63 -18
  339. package/emotion/cjs/components/Sheet/Sheet.js +12 -12
  340. package/emotion/cjs/components/Sheet/index.js +16 -15
  341. package/emotion/cjs/components/Skeleton/LineSkeleton.config.js +230 -31
  342. package/emotion/cjs/components/Skeleton/Skeleton.js +25 -20
  343. package/emotion/cjs/components/Skeleton/index.js +21 -26
  344. package/emotion/cjs/components/Slider/Slider.config.js +147 -22
  345. package/emotion/cjs/components/Slider/Slider.js +12 -13
  346. package/emotion/cjs/components/Slider/index.js +6 -7
  347. package/emotion/cjs/components/Spinner/Spinner.config.js +107 -23
  348. package/emotion/cjs/components/Spinner/Spinner.js +23 -15
  349. package/emotion/cjs/components/Spinner/index.js +6 -7
  350. package/emotion/cjs/components/Steps/Steps.config.js +105 -18
  351. package/emotion/cjs/components/Steps/Steps.js +12 -8
  352. package/emotion/cjs/components/Steps/index.js +6 -7
  353. package/emotion/cjs/components/Switch/Switch.config.js +149 -31
  354. package/emotion/cjs/components/Switch/Switch.js +12 -8
  355. package/emotion/cjs/components/Switch/index.js +6 -7
  356. package/emotion/cjs/components/Table/Table.config.js +257 -21
  357. package/emotion/cjs/components/Table/Table.js +12 -12
  358. package/emotion/cjs/components/Table/index.js +6 -7
  359. package/emotion/cjs/components/Tabs/TabItem.js +26 -21
  360. package/emotion/cjs/components/Tabs/Tabs.js +26 -21
  361. package/emotion/cjs/components/Tabs/TabsController.js +15 -16
  362. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +230 -30
  363. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +266 -37
  364. package/emotion/cjs/components/Tabs/index.js +27 -35
  365. package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js +125 -24
  366. package/emotion/cjs/components/Tabs/vertical/VerticalTabs.config.js +98 -24
  367. package/emotion/cjs/components/TextArea/TextArea.config.js +367 -42
  368. package/emotion/cjs/components/TextArea/TextArea.js +12 -12
  369. package/emotion/cjs/components/TextArea/index.js +6 -7
  370. package/emotion/cjs/components/TextField/TextField.config.js +338 -40
  371. package/emotion/cjs/components/TextField/TextField.js +11 -11
  372. package/emotion/cjs/components/TextField/index.js +16 -15
  373. package/emotion/cjs/components/Toast/Toast.config.js +127 -35
  374. package/emotion/cjs/components/Toast/Toast.js +26 -14
  375. package/emotion/cjs/components/Toast/index.js +18 -20
  376. package/emotion/cjs/components/ToastNew/ToastNew.config.js +80 -21
  377. package/emotion/cjs/components/ToastNew/ToastNew.js +20 -8
  378. package/emotion/cjs/components/ToastNew/index.js +15 -14
  379. package/emotion/cjs/components/Tokens/Colors/Colors.styles.js +147 -27
  380. package/emotion/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +70 -13
  381. package/emotion/cjs/components/Tokens/Typography/Typography.styles.js +204 -44
  382. package/emotion/cjs/components/Toolbar/Toolbar.config.js +57 -18
  383. package/emotion/cjs/components/Toolbar/Toolbar.js +21 -13
  384. package/emotion/cjs/components/Toolbar/index.js +19 -21
  385. package/emotion/cjs/components/Tooltip/Tooltip.config.js +71 -19
  386. package/emotion/cjs/components/Tooltip/Tooltip.js +11 -7
  387. package/emotion/cjs/components/Tooltip/index.js +6 -7
  388. package/emotion/cjs/components/Tree/Tree.config.js +83 -18
  389. package/emotion/cjs/components/Tree/Tree.js +11 -7
  390. package/emotion/cjs/components/Tree/index.js +6 -7
  391. package/emotion/cjs/components/Typography/Body.config.js +161 -47
  392. package/emotion/cjs/components/Typography/Dspl.config.js +105 -31
  393. package/emotion/cjs/components/Typography/Heading.config.js +161 -47
  394. package/emotion/cjs/components/Typography/Text.config.js +133 -39
  395. package/emotion/cjs/components/Typography/Typography.js +116 -59
  396. package/emotion/cjs/components/Typography/index.js +62 -106
  397. package/emotion/cjs/components/ViewContainer/ViewContainer.config.js +46 -14
  398. package/emotion/cjs/components/ViewContainer/ViewContainer.js +11 -7
  399. package/emotion/cjs/components/ViewContainer/index.js +6 -7
  400. package/emotion/cjs/helpers/index.js +25 -0
  401. package/emotion/cjs/index.js +82 -729
  402. package/emotion/cjs/mixins/index.js +61 -20
  403. package/emotion/cjs/tokens/index.js +126 -255
  404. package/emotion/es/components/Accordion/Accordion.config.js +92 -14
  405. package/emotion/es/components/Accordion/Accordion.js +3 -3
  406. package/emotion/es/components/Accordion/index.js +1 -1
  407. package/emotion/es/components/Attach/Attach.config.js +258 -21
  408. package/emotion/es/components/Attach/Attach.js +2 -4
  409. package/emotion/es/components/Attach/index.js +1 -1
  410. package/emotion/es/components/Autocomplete/Autocomplete.config.js +238 -25
  411. package/emotion/es/components/Autocomplete/Autocomplete.js +2 -2
  412. package/emotion/es/components/Autocomplete/index.js +1 -1
  413. package/emotion/es/components/Avatar/Avatar.config.js +188 -26
  414. package/emotion/es/components/Avatar/Avatar.js +3 -3
  415. package/emotion/es/components/Avatar/index.js +1 -1
  416. package/emotion/es/components/AvatarGroup/AvatarGroup.js +2 -2
  417. package/emotion/es/components/AvatarGroup/index.js +1 -1
  418. package/emotion/es/components/Badge/Badge.config.js +136 -25
  419. package/emotion/es/components/Badge/Badge.js +2 -4
  420. package/emotion/es/components/Badge/index.js +1 -1
  421. package/emotion/es/components/Breadcrumbs/Breadcrumbs.config.js +51 -13
  422. package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +3 -5
  423. package/emotion/es/components/Breadcrumbs/index.js +1 -1
  424. package/emotion/es/components/Button/Button.config.js +165 -25
  425. package/emotion/es/components/Button/Button.js +89 -28
  426. package/emotion/es/components/Button/index.js +1 -1
  427. package/emotion/es/components/ButtonBase/index.js +1 -1
  428. package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +219 -33
  429. package/emotion/es/components/ButtonGroup/ButtonGroup.js +2 -4
  430. package/emotion/es/components/ButtonGroup/index.js +1 -1
  431. package/emotion/es/components/Calendar/Calendar.js +12 -12
  432. package/emotion/es/components/Calendar/CalendarBase.config.js +119 -13
  433. package/emotion/es/components/Calendar/CalendarDouble.config.js +119 -13
  434. package/emotion/es/components/Calendar/index.js +1 -1
  435. package/emotion/es/components/Card/Card.config.js +72 -15
  436. package/emotion/es/components/Card/Card.js +4 -6
  437. package/emotion/es/components/Card/index.js +1 -1
  438. package/emotion/es/components/Carousel/Carousel.config.js +52 -0
  439. package/emotion/es/components/Carousel/Carousel.js +5 -0
  440. package/emotion/es/components/Carousel/index.js +2 -0
  441. package/emotion/es/components/Cell/Cell.config.js +101 -11
  442. package/emotion/es/components/Cell/Cell.js +3 -5
  443. package/emotion/es/components/Cell/index.js +1 -1
  444. package/emotion/es/components/Checkbox/Checkbox.config.js +95 -20
  445. package/emotion/es/components/Checkbox/Checkbox.js +3 -4
  446. package/emotion/es/components/Checkbox/index.js +1 -1
  447. package/emotion/es/components/Chip/Chip.config.js +153 -20
  448. package/emotion/es/components/Chip/Chip.js +3 -5
  449. package/emotion/es/components/Chip/index.js +1 -1
  450. package/emotion/es/components/ChipGroup/ChipGroup.config.js +118 -19
  451. package/emotion/es/components/ChipGroup/ChipGroup.js +2 -2
  452. package/emotion/es/components/ChipGroup/index.js +1 -1
  453. package/emotion/es/components/Combobox/Combobox.config.js +304 -25
  454. package/emotion/es/components/Combobox/Combobox.js +36 -9
  455. package/emotion/es/components/Combobox/index.js +1 -1
  456. package/emotion/es/components/Counter/Counter.config.js +86 -16
  457. package/emotion/es/components/Counter/Counter.js +2 -4
  458. package/emotion/es/components/Counter/index.js +1 -1
  459. package/emotion/es/components/DatePicker/DatePicker.config.js +255 -19
  460. package/emotion/es/components/DatePicker/DatePicker.js +4 -4
  461. package/emotion/es/components/DatePicker/index.js +1 -1
  462. package/emotion/es/components/Divider/Divider.config.js +100 -22
  463. package/emotion/es/components/Divider/Divider.js +2 -4
  464. package/emotion/es/components/Divider/index.js +1 -1
  465. package/emotion/es/components/Drawer/Drawer.config.js +70 -17
  466. package/emotion/es/components/Drawer/Drawer.js +8 -16
  467. package/emotion/es/components/Drawer/index.js +1 -1
  468. package/emotion/es/components/Dropdown/Dropdown.config.js +85 -13
  469. package/emotion/es/components/Dropdown/Dropdown.js +36 -9
  470. package/emotion/es/components/Dropdown/index.js +1 -1
  471. package/emotion/es/components/Dropzone/Dropzone.config.js +77 -16
  472. package/emotion/es/components/Dropzone/Dropzone.js +2 -2
  473. package/emotion/es/components/Dropzone/index.js +1 -1
  474. package/emotion/es/components/EmptyState/EmptyState.config.js +105 -13
  475. package/emotion/es/components/EmptyState/EmptyState.js +2 -2
  476. package/emotion/es/components/EmptyState/index.js +1 -1
  477. package/emotion/es/components/Flow/Flow.config.js +3 -3
  478. package/emotion/es/components/Flow/Flow.js +2 -2
  479. package/emotion/es/components/Flow/index.js +1 -1
  480. package/emotion/es/components/Grid/Grid.config.js +62 -14
  481. package/emotion/es/components/Grid/Grid.js +2 -2
  482. package/emotion/es/components/Grid/index.js +1 -1
  483. package/emotion/es/components/IconButton/IconButton.config.js +137 -23
  484. package/emotion/es/components/IconButton/IconButton.js +3 -5
  485. package/emotion/es/components/IconButton/index.js +1 -1
  486. package/emotion/es/components/Image/Image.js +3 -5
  487. package/emotion/es/components/Image/index.js +1 -1
  488. package/emotion/es/components/Indicator/Indicator.config.js +129 -21
  489. package/emotion/es/components/Indicator/Indicator.js +3 -3
  490. package/emotion/es/components/Indicator/index.js +1 -1
  491. package/emotion/es/components/Link/Link.config.js +205 -24
  492. package/emotion/es/components/Link/Link.js +3 -4
  493. package/emotion/es/components/Link/index.js +1 -1
  494. package/emotion/es/components/Mask/Mask.js +1 -1
  495. package/emotion/es/components/Mask/index.js +1 -1
  496. package/emotion/es/components/Modal/Modal.config.js +38 -10
  497. package/emotion/es/components/Modal/Modal.js +3 -5
  498. package/emotion/es/components/Modal/index.js +1 -1
  499. package/emotion/es/components/Notification/Notification.config.js +154 -21
  500. package/emotion/es/components/Notification/Notification.js +11 -15
  501. package/emotion/es/components/Notification/index.js +1 -1
  502. package/emotion/es/components/NumberFormat/NumberFormat.js +1 -9
  503. package/emotion/es/components/NumberFormat/index.js +1 -1
  504. package/emotion/es/components/NumberInput/NumberInput.config.js +145 -29
  505. package/emotion/es/components/NumberInput/NumberInput.js +2 -2
  506. package/emotion/es/components/NumberInput/index.js +1 -1
  507. package/emotion/es/components/Overlay/index.js +1 -1
  508. package/emotion/es/components/Pagination/Pagination.config.js +130 -21
  509. package/emotion/es/components/Pagination/Pagination.js +3 -5
  510. package/emotion/es/components/Pagination/index.js +1 -1
  511. package/emotion/es/components/Popover/Popover.config.js +34 -10
  512. package/emotion/es/components/Popover/Popover.js +2 -2
  513. package/emotion/es/components/Popover/index.js +1 -1
  514. package/emotion/es/components/Popup/Popup.js +2 -4
  515. package/emotion/es/components/Popup/index.js +1 -1
  516. package/emotion/es/components/Portal/index.js +1 -1
  517. package/emotion/es/components/Price/Price.config.js +7 -7
  518. package/emotion/es/components/Price/Price.js +3 -5
  519. package/emotion/es/components/Price/index.js +1 -1
  520. package/emotion/es/components/Progress/Progress.config.js +86 -16
  521. package/emotion/es/components/Progress/Progress.js +3 -3
  522. package/emotion/es/components/Progress/index.js +1 -1
  523. package/emotion/es/components/Radiobox/Radiobox.config.js +97 -26
  524. package/emotion/es/components/Radiobox/Radiobox.js +4 -5
  525. package/emotion/es/components/Radiobox/index.js +1 -1
  526. package/emotion/es/components/Range/Range.config.js +148 -19
  527. package/emotion/es/components/Range/Range.js +2 -4
  528. package/emotion/es/components/Range/index.js +1 -1
  529. package/emotion/es/components/Rating/Rating.config.js +108 -15
  530. package/emotion/es/components/Rating/Rating.js +2 -2
  531. package/emotion/es/components/Rating/index.js +1 -1
  532. package/emotion/es/components/SSRProvider/index.js +1 -1
  533. package/emotion/es/components/Segment/Segment.js +5 -10
  534. package/emotion/es/components/Segment/SegmentGroup.config.js +121 -29
  535. package/emotion/es/components/Segment/SegmentItem.config.js +115 -20
  536. package/emotion/es/components/Segment/index.js +1 -1
  537. package/emotion/es/components/Select/Select.config.js +295 -29
  538. package/emotion/es/components/Select/Select.js +36 -9
  539. package/emotion/es/components/Select/index.js +1 -1
  540. package/emotion/es/components/Sheet/Sheet.config.js +54 -13
  541. package/emotion/es/components/Sheet/Sheet.js +3 -5
  542. package/emotion/es/components/Sheet/index.js +1 -1
  543. package/emotion/es/components/Skeleton/LineSkeleton.config.js +221 -26
  544. package/emotion/es/components/Skeleton/Skeleton.js +4 -4
  545. package/emotion/es/components/Skeleton/index.js +1 -1
  546. package/emotion/es/components/Slider/Slider.config.js +138 -17
  547. package/emotion/es/components/Slider/Slider.js +3 -5
  548. package/emotion/es/components/Slider/index.js +1 -1
  549. package/emotion/es/components/Spinner/Spinner.config.js +98 -18
  550. package/emotion/es/components/Spinner/Spinner.js +8 -6
  551. package/emotion/es/components/Spinner/index.js +1 -1
  552. package/emotion/es/components/Steps/Steps.config.js +96 -13
  553. package/emotion/es/components/Steps/Steps.js +3 -3
  554. package/emotion/es/components/Steps/index.js +1 -1
  555. package/emotion/es/components/Switch/Switch.config.js +140 -26
  556. package/emotion/es/components/Switch/Switch.js +3 -3
  557. package/emotion/es/components/Switch/index.js +1 -1
  558. package/emotion/es/components/Table/Table.config.js +248 -16
  559. package/emotion/es/components/Table/Table.js +3 -5
  560. package/emotion/es/components/Table/index.js +1 -1
  561. package/emotion/es/components/Tabs/TabItem.js +10 -11
  562. package/emotion/es/components/Tabs/Tabs.js +10 -11
  563. package/emotion/es/components/Tabs/TabsController.js +5 -7
  564. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +221 -25
  565. package/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +257 -32
  566. package/emotion/es/components/Tabs/index.js +1 -1
  567. package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js +116 -19
  568. package/emotion/es/components/Tabs/vertical/VerticalTabs.config.js +89 -19
  569. package/emotion/es/components/TextArea/TextArea.config.js +358 -37
  570. package/emotion/es/components/TextArea/TextArea.js +3 -5
  571. package/emotion/es/components/TextArea/index.js +1 -1
  572. package/emotion/es/components/TextField/TextField.config.js +329 -35
  573. package/emotion/es/components/TextField/TextField.js +2 -4
  574. package/emotion/es/components/TextField/index.js +1 -1
  575. package/emotion/es/components/Toast/Toast.config.js +118 -30
  576. package/emotion/es/components/Toast/Toast.js +4 -4
  577. package/emotion/es/components/Toast/index.js +1 -1
  578. package/emotion/es/components/ToastNew/ToastNew.config.js +71 -16
  579. package/emotion/es/components/ToastNew/ToastNew.js +3 -3
  580. package/emotion/es/components/ToastNew/index.js +1 -1
  581. package/emotion/es/components/Tokens/Colors/Colors.styles.js +90 -19
  582. package/emotion/es/components/Tokens/NumberTokens/NumberTokens.styles.js +37 -8
  583. package/emotion/es/components/Tokens/Typography/Typography.styles.js +135 -36
  584. package/emotion/es/components/Toolbar/Toolbar.config.js +48 -13
  585. package/emotion/es/components/Toolbar/Toolbar.js +4 -6
  586. package/emotion/es/components/Toolbar/index.js +1 -1
  587. package/emotion/es/components/Tooltip/Tooltip.config.js +62 -14
  588. package/emotion/es/components/Tooltip/Tooltip.js +2 -2
  589. package/emotion/es/components/Tooltip/index.js +1 -1
  590. package/emotion/es/components/Tree/Tree.config.js +74 -13
  591. package/emotion/es/components/Tree/Tree.js +2 -2
  592. package/emotion/es/components/Tree/index.js +1 -1
  593. package/emotion/es/components/Typography/Body.config.js +131 -38
  594. package/emotion/es/components/Typography/Dspl.config.js +83 -24
  595. package/emotion/es/components/Typography/Heading.config.js +131 -38
  596. package/emotion/es/components/Typography/Text.config.js +107 -31
  597. package/emotion/es/components/Typography/Typography.js +35 -35
  598. package/emotion/es/components/Typography/index.js +1 -1
  599. package/emotion/es/components/ViewContainer/ViewContainer.config.js +36 -8
  600. package/emotion/es/components/ViewContainer/ViewContainer.js +2 -2
  601. package/emotion/es/components/ViewContainer/index.js +1 -1
  602. package/emotion/es/index.js +2 -1
  603. package/emotion/es/mixins/index.js +1 -1
  604. package/emotion/es/tokens/index.js +1 -1
  605. package/es/components/Accordion/Accordion.config.js +92 -14
  606. package/es/components/Accordion/Accordion.js +3 -3
  607. package/es/components/Accordion/index.js +1 -1
  608. package/es/components/Attach/Attach.config.js +258 -21
  609. package/es/components/Attach/Attach.js +2 -4
  610. package/es/components/Attach/index.js +1 -1
  611. package/es/components/Autocomplete/Autocomplete.config.js +238 -25
  612. package/es/components/Autocomplete/Autocomplete.js +2 -2
  613. package/es/components/Autocomplete/index.js +1 -1
  614. package/es/components/Avatar/Avatar.config.js +188 -26
  615. package/es/components/Avatar/Avatar.js +3 -3
  616. package/es/components/Avatar/index.js +1 -1
  617. package/es/components/AvatarGroup/AvatarGroup.js +2 -2
  618. package/es/components/AvatarGroup/index.js +1 -1
  619. package/es/components/Badge/Badge.config.js +136 -25
  620. package/es/components/Badge/Badge.js +2 -4
  621. package/es/components/Badge/index.js +1 -1
  622. package/es/components/Breadcrumbs/Breadcrumbs.config.js +51 -13
  623. package/es/components/Breadcrumbs/Breadcrumbs.js +3 -5
  624. package/es/components/Breadcrumbs/index.js +1 -1
  625. package/es/components/Button/Button.config.js +165 -25
  626. package/es/components/Button/Button.js +89 -28
  627. package/es/components/Button/index.js +1 -1
  628. package/es/components/ButtonBase/index.js +1 -1
  629. package/es/components/ButtonGroup/ButtonGroup.config.js +219 -33
  630. package/es/components/ButtonGroup/ButtonGroup.js +2 -4
  631. package/es/components/ButtonGroup/index.js +1 -1
  632. package/es/components/Calendar/Calendar.js +12 -12
  633. package/es/components/Calendar/CalendarBase.config.js +119 -13
  634. package/es/components/Calendar/CalendarDouble.config.js +119 -13
  635. package/es/components/Calendar/index.js +1 -1
  636. package/es/components/Card/Card.config.js +72 -15
  637. package/es/components/Card/Card.js +4 -6
  638. package/es/components/Card/index.js +1 -1
  639. package/es/components/Carousel/Carousel.config.js +52 -0
  640. package/es/components/Carousel/Carousel.js +5 -0
  641. package/es/components/Carousel/index.js +2 -0
  642. package/es/components/Cell/Cell.config.js +101 -11
  643. package/es/components/Cell/Cell.js +3 -5
  644. package/es/components/Cell/index.js +1 -1
  645. package/es/components/Checkbox/Checkbox.config.js +95 -20
  646. package/es/components/Checkbox/Checkbox.js +3 -4
  647. package/es/components/Checkbox/index.js +1 -1
  648. package/es/components/Chip/Chip.config.js +153 -20
  649. package/es/components/Chip/Chip.js +3 -5
  650. package/es/components/Chip/index.js +1 -1
  651. package/es/components/ChipGroup/ChipGroup.config.js +118 -19
  652. package/es/components/ChipGroup/ChipGroup.js +2 -2
  653. package/es/components/ChipGroup/index.js +1 -1
  654. package/es/components/Combobox/Combobox.config.js +304 -25
  655. package/es/components/Combobox/Combobox.js +36 -9
  656. package/es/components/Combobox/index.js +1 -1
  657. package/es/components/Counter/Counter.config.js +86 -16
  658. package/es/components/Counter/Counter.js +2 -4
  659. package/es/components/Counter/index.js +1 -1
  660. package/es/components/DatePicker/DatePicker.config.js +255 -19
  661. package/es/components/DatePicker/DatePicker.js +4 -4
  662. package/es/components/DatePicker/index.js +1 -1
  663. package/es/components/Divider/Divider.config.js +100 -22
  664. package/es/components/Divider/Divider.js +2 -4
  665. package/es/components/Divider/index.js +1 -1
  666. package/es/components/Drawer/Drawer.config.js +70 -17
  667. package/es/components/Drawer/Drawer.js +8 -16
  668. package/es/components/Drawer/index.js +1 -1
  669. package/es/components/Dropdown/Dropdown.config.js +85 -13
  670. package/es/components/Dropdown/Dropdown.js +36 -9
  671. package/es/components/Dropdown/index.js +1 -1
  672. package/es/components/Dropzone/Dropzone.config.js +77 -16
  673. package/es/components/Dropzone/Dropzone.js +2 -2
  674. package/es/components/Dropzone/index.js +1 -1
  675. package/es/components/EmptyState/EmptyState.config.js +105 -13
  676. package/es/components/EmptyState/EmptyState.js +2 -2
  677. package/es/components/EmptyState/index.js +1 -1
  678. package/es/components/Flow/Flow.config.js +3 -3
  679. package/es/components/Flow/Flow.js +2 -2
  680. package/es/components/Flow/index.js +1 -1
  681. package/es/components/Grid/Grid.config.js +62 -14
  682. package/es/components/Grid/Grid.js +2 -2
  683. package/es/components/Grid/index.js +1 -1
  684. package/es/components/IconButton/IconButton.config.js +137 -23
  685. package/es/components/IconButton/IconButton.js +3 -5
  686. package/es/components/IconButton/index.js +1 -1
  687. package/es/components/Image/Image.js +3 -5
  688. package/es/components/Image/index.js +1 -1
  689. package/es/components/Indicator/Indicator.config.js +129 -21
  690. package/es/components/Indicator/Indicator.js +3 -3
  691. package/es/components/Indicator/index.js +1 -1
  692. package/es/components/Link/Link.config.js +205 -24
  693. package/es/components/Link/Link.js +3 -4
  694. package/es/components/Link/index.js +1 -1
  695. package/es/components/Mask/Mask.js +1 -1
  696. package/es/components/Mask/index.js +1 -1
  697. package/es/components/Modal/Modal.config.js +38 -10
  698. package/es/components/Modal/Modal.js +3 -5
  699. package/es/components/Modal/index.js +1 -1
  700. package/es/components/Notification/Notification.config.js +154 -21
  701. package/es/components/Notification/Notification.js +11 -15
  702. package/es/components/Notification/index.js +1 -1
  703. package/es/components/NumberFormat/NumberFormat.js +1 -9
  704. package/es/components/NumberFormat/index.js +1 -1
  705. package/es/components/NumberInput/NumberInput.config.js +145 -29
  706. package/es/components/NumberInput/NumberInput.js +2 -2
  707. package/es/components/NumberInput/index.js +1 -1
  708. package/es/components/Overlay/index.js +1 -1
  709. package/es/components/Pagination/Pagination.config.js +130 -21
  710. package/es/components/Pagination/Pagination.js +3 -5
  711. package/es/components/Pagination/index.js +1 -1
  712. package/es/components/Popover/Popover.config.js +34 -10
  713. package/es/components/Popover/Popover.js +2 -2
  714. package/es/components/Popover/index.js +1 -1
  715. package/es/components/Popup/Popup.js +2 -4
  716. package/es/components/Popup/index.js +1 -1
  717. package/es/components/Portal/index.js +1 -1
  718. package/es/components/Price/Price.config.js +7 -7
  719. package/es/components/Price/Price.js +3 -5
  720. package/es/components/Price/index.js +1 -1
  721. package/es/components/Progress/Progress.config.js +86 -16
  722. package/es/components/Progress/Progress.js +3 -3
  723. package/es/components/Progress/index.js +1 -1
  724. package/es/components/Radiobox/Radiobox.config.js +97 -26
  725. package/es/components/Radiobox/Radiobox.js +4 -5
  726. package/es/components/Radiobox/index.js +1 -1
  727. package/es/components/Range/Range.config.js +148 -19
  728. package/es/components/Range/Range.js +2 -4
  729. package/es/components/Range/index.js +1 -1
  730. package/es/components/Rating/Rating.config.js +108 -15
  731. package/es/components/Rating/Rating.js +2 -2
  732. package/es/components/Rating/index.js +1 -1
  733. package/es/components/SSRProvider/index.js +1 -1
  734. package/es/components/Segment/Segment.js +5 -10
  735. package/es/components/Segment/SegmentGroup.config.js +121 -29
  736. package/es/components/Segment/SegmentItem.config.js +115 -20
  737. package/es/components/Segment/index.js +1 -1
  738. package/es/components/Select/Select.config.js +295 -29
  739. package/es/components/Select/Select.js +36 -9
  740. package/es/components/Select/index.js +1 -1
  741. package/es/components/Sheet/Sheet.config.js +54 -13
  742. package/es/components/Sheet/Sheet.js +3 -5
  743. package/es/components/Sheet/index.js +1 -1
  744. package/es/components/Skeleton/LineSkeleton.config.js +221 -26
  745. package/es/components/Skeleton/Skeleton.js +4 -4
  746. package/es/components/Skeleton/index.js +1 -1
  747. package/es/components/Slider/Slider.config.js +138 -17
  748. package/es/components/Slider/Slider.js +3 -5
  749. package/es/components/Slider/index.js +1 -1
  750. package/es/components/Spinner/Spinner.config.js +98 -18
  751. package/es/components/Spinner/Spinner.js +8 -6
  752. package/es/components/Spinner/index.js +1 -1
  753. package/es/components/Steps/Steps.config.js +96 -13
  754. package/es/components/Steps/Steps.js +3 -3
  755. package/es/components/Steps/index.js +1 -1
  756. package/es/components/Switch/Switch.config.js +140 -26
  757. package/es/components/Switch/Switch.js +3 -3
  758. package/es/components/Switch/index.js +1 -1
  759. package/es/components/Table/Table.config.js +248 -16
  760. package/es/components/Table/Table.js +3 -5
  761. package/es/components/Table/index.js +1 -1
  762. package/es/components/Tabs/TabItem.js +10 -11
  763. package/es/components/Tabs/Tabs.js +10 -11
  764. package/es/components/Tabs/TabsController.js +5 -7
  765. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +221 -25
  766. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +257 -32
  767. package/es/components/Tabs/index.js +1 -1
  768. package/es/components/Tabs/vertical/VerticalTabItem.config.js +116 -19
  769. package/es/components/Tabs/vertical/VerticalTabs.config.js +89 -19
  770. package/es/components/TextArea/TextArea.config.js +358 -37
  771. package/es/components/TextArea/TextArea.js +3 -5
  772. package/es/components/TextArea/index.js +1 -1
  773. package/es/components/TextField/TextField.config.js +329 -35
  774. package/es/components/TextField/TextField.js +2 -4
  775. package/es/components/TextField/index.js +1 -1
  776. package/es/components/Toast/Toast.config.js +118 -30
  777. package/es/components/Toast/Toast.js +4 -4
  778. package/es/components/Toast/index.js +1 -1
  779. package/es/components/ToastNew/ToastNew.config.js +71 -16
  780. package/es/components/ToastNew/ToastNew.js +3 -3
  781. package/es/components/ToastNew/index.js +1 -1
  782. package/es/components/Tokens/Colors/Colors.styles.js +90 -43
  783. package/es/components/Tokens/NumberTokens/NumberTokens.styles.js +37 -18
  784. package/es/components/Tokens/Typography/Typography.styles.js +135 -68
  785. package/es/components/Toolbar/Toolbar.config.js +48 -13
  786. package/es/components/Toolbar/Toolbar.js +4 -6
  787. package/es/components/Toolbar/index.js +1 -1
  788. package/es/components/Tooltip/Tooltip.config.js +62 -14
  789. package/es/components/Tooltip/Tooltip.js +2 -2
  790. package/es/components/Tooltip/index.js +1 -1
  791. package/es/components/Tree/Tree.config.js +74 -13
  792. package/es/components/Tree/Tree.js +2 -2
  793. package/es/components/Tree/index.js +1 -1
  794. package/es/components/Typography/Body.config.js +131 -38
  795. package/es/components/Typography/Dspl.config.js +83 -24
  796. package/es/components/Typography/Heading.config.js +131 -38
  797. package/es/components/Typography/Text.config.js +107 -31
  798. package/es/components/Typography/Typography.js +35 -35
  799. package/es/components/Typography/index.js +1 -1
  800. package/es/components/ViewContainer/ViewContainer.config.js +36 -8
  801. package/es/components/ViewContainer/ViewContainer.js +2 -2
  802. package/es/components/ViewContainer/index.js +1 -1
  803. package/es/index.js +2 -1
  804. package/es/mixins/index.js +1 -1
  805. package/es/tokens/index.js +1 -1
  806. package/index.d.ts +1 -0
  807. package/index.js +82 -729
  808. package/mixins/index.js +61 -20
  809. package/package.json +10 -10
  810. package/tokens/index.js +126 -255
  811. package/components/Image/Image.component-test.js +0 -92
  812. package/components/Pagination/Pagination.component-test.js +0 -298
  813. package/components/Slider/Slider.component-test.js +0 -223
  814. package/emotion/cjs/components/Accordion/Accordion.stories.tsx +0 -159
  815. package/emotion/cjs/components/Attach/Attach.stories.tsx +0 -157
  816. package/emotion/cjs/components/Autocomplete/Autocomplete.stories.tsx +0 -170
  817. package/emotion/cjs/components/Avatar/Avatar.stories.tsx +0 -74
  818. package/emotion/cjs/components/AvatarGroup/AvatarGroup.stories.tsx +0 -71
  819. package/emotion/cjs/components/Badge/Badge.stories.tsx +0 -87
  820. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -82
  821. package/emotion/cjs/components/Button/Button.stories.tsx +0 -212
  822. package/emotion/cjs/components/ButtonGroup/ButtonGroup.stories.tsx +0 -109
  823. package/emotion/cjs/components/Calendar/Calendar.stories.tsx +0 -304
  824. package/emotion/cjs/components/Card/Card.stories.tsx +0 -281
  825. package/emotion/cjs/components/Cell/Cell.stories.tsx +0 -97
  826. package/emotion/cjs/components/Checkbox/Checkbox.stories.tsx +0 -232
  827. package/emotion/cjs/components/Chip/Chip.stories.tsx +0 -93
  828. package/emotion/cjs/components/ChipGroup/ChipGroup.stories.tsx +0 -79
  829. package/emotion/cjs/components/Combobox/Combobox.stories.tsx +0 -604
  830. package/emotion/cjs/components/Counter/Counter.stories.tsx +0 -34
  831. package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx +0 -309
  832. package/emotion/cjs/components/Divider/Divider.stories.tsx +0 -58
  833. package/emotion/cjs/components/Drawer/Drawer.stories.tsx +0 -217
  834. package/emotion/cjs/components/Dropdown/Dropdown.stories.tsx +0 -331
  835. package/emotion/cjs/components/Dropzone/Dropzone.stories.tsx +0 -58
  836. package/emotion/cjs/components/EmptyState/EmptyState.stories.tsx +0 -43
  837. package/emotion/cjs/components/Flow/Flow.stories.tsx +0 -133
  838. package/emotion/cjs/components/Grid/Grid.stories.tsx +0 -119
  839. package/emotion/cjs/components/IconButton/IconButton.stories.tsx +0 -94
  840. package/emotion/cjs/components/Image/Image.component-test.js +0 -91
  841. package/emotion/cjs/components/Image/Image.stories.tsx +0 -44
  842. package/emotion/cjs/components/Indicator/Indicator.stories.tsx +0 -34
  843. package/emotion/cjs/components/Link/Link.stories.tsx +0 -57
  844. package/emotion/cjs/components/Mask/Mask.stories.tsx +0 -176
  845. package/emotion/cjs/components/Modal/Modal.stories.tsx +0 -426
  846. package/emotion/cjs/components/Notification/Notification.stories.tsx +0 -221
  847. package/emotion/cjs/components/NumberFormat/NumberFormat.stories.tsx +0 -186
  848. package/emotion/cjs/components/NumberInput/NumberInput.stories.tsx +0 -81
  849. package/emotion/cjs/components/Overlay/Overlay.stories.tsx +0 -76
  850. package/emotion/cjs/components/Pagination/Pagination.component-test.js +0 -298
  851. package/emotion/cjs/components/Pagination/Pagination.stories.tsx +0 -139
  852. package/emotion/cjs/components/Popover/Popover.stories.tsx +0 -127
  853. package/emotion/cjs/components/Popover/style.css +0 -4
  854. package/emotion/cjs/components/Popup/Popup.stories.tsx +0 -171
  855. package/emotion/cjs/components/Portal/Portal.stories.tsx +0 -57
  856. package/emotion/cjs/components/Price/Price.stories.tsx +0 -34
  857. package/emotion/cjs/components/Progress/Progress.stories.tsx +0 -32
  858. package/emotion/cjs/components/Radiobox/Radiobox.stories.tsx +0 -139
  859. package/emotion/cjs/components/Range/Range.stories.tsx +0 -343
  860. package/emotion/cjs/components/Rating/Rating.stories.tsx +0 -125
  861. package/emotion/cjs/components/Segment/Segment.stories.tsx +0 -162
  862. package/emotion/cjs/components/Select/Select.stories.tsx +0 -642
  863. package/emotion/cjs/components/Select/style.css +0 -37
  864. package/emotion/cjs/components/Sheet/Sheet.stories.tsx +0 -361
  865. package/emotion/cjs/components/Skeleton/Skeleton.stories.tsx +0 -116
  866. package/emotion/cjs/components/Slider/Slider.component-test.js +0 -223
  867. package/emotion/cjs/components/Slider/Slider.stories.tsx +0 -277
  868. package/emotion/cjs/components/Spinner/Spinner.stories.tsx +0 -109
  869. package/emotion/cjs/components/Steps/Steps.stories.tsx +0 -191
  870. package/emotion/cjs/components/Switch/Switch.stories.tsx +0 -100
  871. package/emotion/cjs/components/Table/Table.stories.tsx +0 -551
  872. package/emotion/cjs/components/Tabs/Tabs.stories.tsx +0 -639
  873. package/emotion/cjs/components/TextArea/TextArea.stories.tsx +0 -228
  874. package/emotion/cjs/components/TextField/TextField.stories.tsx +0 -260
  875. package/emotion/cjs/components/Toast/Toast.stories.tsx +0 -156
  876. package/emotion/cjs/components/ToastNew/ToastNew.stories.tsx +0 -87
  877. package/emotion/cjs/components/Tokens/Colors/Colors.stories.tsx +0 -196
  878. package/emotion/cjs/components/Tokens/NumberTokens/CornerRadius.stories.tsx +0 -93
  879. package/emotion/cjs/components/Tokens/NumberTokens/Spacing.stories.tsx +0 -93
  880. package/emotion/cjs/components/Tokens/Typography/Typography.stories.tsx +0 -277
  881. package/emotion/cjs/components/Toolbar/Toolbar.stories.tsx +0 -64
  882. package/emotion/cjs/components/Tooltip/Tooltip.stories.tsx +0 -152
  883. package/emotion/cjs/components/Tree/Tree.stories.tsx +0 -146
  884. package/emotion/cjs/components/Typography/Typography.stories.tsx +0 -243
  885. package/emotion/es/components/Accordion/Accordion.stories.tsx +0 -159
  886. package/emotion/es/components/Attach/Attach.stories.tsx +0 -157
  887. package/emotion/es/components/Autocomplete/Autocomplete.stories.tsx +0 -170
  888. package/emotion/es/components/Avatar/Avatar.stories.tsx +0 -74
  889. package/emotion/es/components/AvatarGroup/AvatarGroup.stories.tsx +0 -71
  890. package/emotion/es/components/Badge/Badge.stories.tsx +0 -87
  891. package/emotion/es/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -82
  892. package/emotion/es/components/Button/Button.stories.tsx +0 -212
  893. package/emotion/es/components/ButtonGroup/ButtonGroup.stories.tsx +0 -109
  894. package/emotion/es/components/Calendar/Calendar.stories.tsx +0 -304
  895. package/emotion/es/components/Card/Card.stories.tsx +0 -281
  896. package/emotion/es/components/Cell/Cell.stories.tsx +0 -97
  897. package/emotion/es/components/Checkbox/Checkbox.stories.tsx +0 -232
  898. package/emotion/es/components/Chip/Chip.stories.tsx +0 -93
  899. package/emotion/es/components/ChipGroup/ChipGroup.stories.tsx +0 -79
  900. package/emotion/es/components/Combobox/Combobox.stories.tsx +0 -604
  901. package/emotion/es/components/Counter/Counter.stories.tsx +0 -34
  902. package/emotion/es/components/DatePicker/DatePicker.stories.tsx +0 -309
  903. package/emotion/es/components/Divider/Divider.stories.tsx +0 -58
  904. package/emotion/es/components/Drawer/Drawer.stories.tsx +0 -217
  905. package/emotion/es/components/Dropdown/Dropdown.stories.tsx +0 -331
  906. package/emotion/es/components/Dropzone/Dropzone.stories.tsx +0 -58
  907. package/emotion/es/components/EmptyState/EmptyState.stories.tsx +0 -43
  908. package/emotion/es/components/Flow/Flow.stories.tsx +0 -133
  909. package/emotion/es/components/Grid/Grid.stories.tsx +0 -119
  910. package/emotion/es/components/IconButton/IconButton.stories.tsx +0 -94
  911. package/emotion/es/components/Image/Image.component-test.js +0 -85
  912. package/emotion/es/components/Image/Image.stories.tsx +0 -44
  913. package/emotion/es/components/Indicator/Indicator.stories.tsx +0 -34
  914. package/emotion/es/components/Link/Link.stories.tsx +0 -57
  915. package/emotion/es/components/Mask/Mask.stories.tsx +0 -176
  916. package/emotion/es/components/Modal/Modal.stories.tsx +0 -426
  917. package/emotion/es/components/Notification/Notification.stories.tsx +0 -221
  918. package/emotion/es/components/NumberFormat/NumberFormat.stories.tsx +0 -186
  919. package/emotion/es/components/NumberInput/NumberInput.stories.tsx +0 -81
  920. package/emotion/es/components/Overlay/Overlay.stories.tsx +0 -76
  921. package/emotion/es/components/Pagination/Pagination.component-test.js +0 -293
  922. package/emotion/es/components/Pagination/Pagination.stories.tsx +0 -139
  923. package/emotion/es/components/Popover/Popover.stories.tsx +0 -127
  924. package/emotion/es/components/Popover/style.css +0 -4
  925. package/emotion/es/components/Popup/Popup.stories.tsx +0 -171
  926. package/emotion/es/components/Portal/Portal.stories.tsx +0 -57
  927. package/emotion/es/components/Price/Price.stories.tsx +0 -34
  928. package/emotion/es/components/Progress/Progress.stories.tsx +0 -32
  929. package/emotion/es/components/Radiobox/Radiobox.stories.tsx +0 -139
  930. package/emotion/es/components/Range/Range.stories.tsx +0 -343
  931. package/emotion/es/components/Rating/Rating.stories.tsx +0 -125
  932. package/emotion/es/components/Segment/Segment.stories.tsx +0 -162
  933. package/emotion/es/components/Select/Select.stories.tsx +0 -642
  934. package/emotion/es/components/Select/style.css +0 -37
  935. package/emotion/es/components/Sheet/Sheet.stories.tsx +0 -361
  936. package/emotion/es/components/Skeleton/Skeleton.stories.tsx +0 -116
  937. package/emotion/es/components/Slider/Slider.component-test.js +0 -220
  938. package/emotion/es/components/Slider/Slider.stories.tsx +0 -277
  939. package/emotion/es/components/Spinner/Spinner.stories.tsx +0 -109
  940. package/emotion/es/components/Steps/Steps.stories.tsx +0 -191
  941. package/emotion/es/components/Switch/Switch.stories.tsx +0 -100
  942. package/emotion/es/components/Table/Table.stories.tsx +0 -551
  943. package/emotion/es/components/Tabs/Tabs.stories.tsx +0 -639
  944. package/emotion/es/components/TextArea/TextArea.stories.tsx +0 -228
  945. package/emotion/es/components/TextField/TextField.stories.tsx +0 -260
  946. package/emotion/es/components/Toast/Toast.stories.tsx +0 -156
  947. package/emotion/es/components/ToastNew/ToastNew.stories.tsx +0 -87
  948. package/emotion/es/components/Tokens/Colors/Colors.stories.tsx +0 -196
  949. package/emotion/es/components/Tokens/NumberTokens/CornerRadius.stories.tsx +0 -93
  950. package/emotion/es/components/Tokens/NumberTokens/Spacing.stories.tsx +0 -93
  951. package/emotion/es/components/Tokens/Typography/Typography.stories.tsx +0 -277
  952. package/emotion/es/components/Toolbar/Toolbar.stories.tsx +0 -64
  953. package/emotion/es/components/Tooltip/Tooltip.stories.tsx +0 -152
  954. package/emotion/es/components/Tree/Tree.stories.tsx +0 -146
  955. package/emotion/es/components/Typography/Typography.stories.tsx +0 -243
  956. package/es/components/Image/Image.component-test.js +0 -86
  957. package/es/components/Pagination/Pagination.component-test.js +0 -293
  958. package/es/components/Slider/Slider.component-test.js +0 -220
  959. /package/emotion/{cjs/helpers/index.ts → es/helpers/index.js} +0 -0
  960. /package/{emotion/es/helpers/index.ts → es/helpers/index.js} +0 -0
@@ -1,29 +1,169 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
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(--on-dark-text-primary);\n ",
15
+ ": var(--on-light-text-accent-minor);\n ",
16
+ ": var(--surface-accent);\n ",
17
+ ": var(",
18
+ ");\n ",
19
+ ": var(--surface-accent-hover);\n ",
20
+ ": var(--surface-accent-active);\n "
21
+ ]);
22
+ _templateObject = function _templateObject() {
23
+ return data;
24
+ };
25
+ return data;
26
+ }
27
+ function _templateObject1() {
28
+ var data = _tagged_template_literal([
29
+ "\n ",
30
+ ": var(--text-accent);\n ",
31
+ ": #1A9E32;\n ",
32
+ ": var(--text-accent-active);\n \n ",
33
+ ": var(--text-secondary);\n ",
34
+ ": var(--surface-solid-primary);\n ",
35
+ ": var(",
36
+ ");\n ",
37
+ ": var(--surface-solid-primary-hover);\n ",
38
+ ": var(--surface-solid-primary-active);\n "
39
+ ]);
40
+ _templateObject1 = function _templateObject() {
41
+ return data;
42
+ };
43
+ return data;
44
+ }
45
+ function _templateObject2() {
46
+ var data = _tagged_template_literal([
47
+ "\n ",
48
+ ": var(--text-accent);\n ",
49
+ ": var(--text-accent-minor);\n ",
50
+ ": var(--surface-clear);\n ",
51
+ ": var(--surface-transparent-accent);\n ",
52
+ ": var(--surface-transparent-accent);\n ",
53
+ ": var(--surface-transparent-accent-active);\n "
54
+ ]);
55
+ _templateObject2 = function _templateObject() {
56
+ return data;
57
+ };
58
+ return data;
59
+ }
60
+ function _templateObject3() {
61
+ var data = _tagged_template_literal([
62
+ "\n ",
63
+ ": 2.5rem;\n ",
64
+ ": 11.25rem;\n ",
65
+ ": 1rem;\n ",
66
+ ": 0.75rem;\n ",
67
+ ": var(--plasma-typo-body-m-font-family);\n ",
68
+ ": var(--plasma-typo-body-m-font-size);\n ",
69
+ ": var(--plasma-typo-body-m-font-style);\n ",
70
+ ": var(--plasma-typo-body-m-bold-font-weight);\n ",
71
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
72
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
73
+ ": 1.375rem;\n ",
74
+ ": inherit;\n\n ",
75
+ ": 0 0.25rem 0 -0.125rem;\n ",
76
+ ": 0 -0.125rem 0 0.25rem;\n ",
77
+ ": 0 0 0 0.25rem;\n "
78
+ ]);
79
+ _templateObject3 = function _templateObject() {
80
+ return data;
81
+ };
82
+ return data;
83
+ }
84
+ function _templateObject4() {
85
+ var data = _tagged_template_literal([
86
+ "\n ",
87
+ ": 2.5rem;\n ",
88
+ ": 11.25rem;\n ",
89
+ ": var(--plasma-typo-body-m-font-family);\n ",
90
+ ": var(--plasma-typo-body-m-font-size);\n ",
91
+ ": var(--plasma-typo-body-m-font-style);\n ",
92
+ ": var(--plasma-typo-body-m-bold-font-weight);\n ",
93
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
94
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
95
+ ": 1.375rem;\n ",
96
+ ": inherit;\n\n ",
97
+ ": 0 0.25rem 0 0;\n ",
98
+ ": 0 0 0 0.25rem;\n ",
99
+ ": 0 0 0 0.25rem;\n "
100
+ ]);
101
+ _templateObject4 = function _templateObject() {
102
+ return data;
103
+ };
104
+ return data;
105
+ }
106
+ function _templateObject5() {
107
+ var data = _tagged_template_literal([
108
+ "\n ",
109
+ ": var(--surface-accent);\n "
110
+ ]);
111
+ _templateObject5 = function _templateObject() {
112
+ return data;
113
+ };
114
+ return data;
115
+ }
116
+ function _templateObject6() {
117
+ var data = _tagged_template_literal([
118
+ ""
119
+ ]);
120
+ _templateObject6 = function _templateObject() {
121
+ return data;
122
+ };
123
+ return data;
124
+ }
125
+ function _templateObject7() {
126
+ var data = _tagged_template_literal([
127
+ ""
128
+ ]);
129
+ _templateObject7 = function _templateObject() {
130
+ return data;
131
+ };
132
+ return data;
133
+ }
134
+ function _templateObject8() {
135
+ var data = _tagged_template_literal([
136
+ ""
137
+ ]);
138
+ _templateObject8 = function _templateObject() {
139
+ return data;
140
+ };
141
+ return data;
142
+ }
3
143
  import { css, buttonTokens } from '@salutejs/plasma-new-hope/emotion';
4
144
  export var config = {
5
- defaults: {
6
- view: 'accent',
7
- focused: 'true',
8
- size: 's'
9
- },
10
- variations: {
11
- view: {
12
- accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-text-accent-minor);\n ", ": var(--surface-accent);\n ", ": var(", ");\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-accent-active);\n "])), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
13
- secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": #1A9E32;\n ", ": var(--text-accent-active);\n \n ", ": var(--text-secondary);\n ", ": var(--surface-solid-primary);\n ", ": var(", ");\n ", ": var(--surface-solid-primary-hover);\n ", ": var(--surface-solid-primary-active);\n "])), buttonTokens.buttonColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
14
- clear: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-accent-minor);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-accent);\n ", ": var(--surface-transparent-accent);\n ", ": var(--surface-transparent-accent-active);\n "])), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive)
15
- },
16
- size: {
17
- s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 11.25rem;\n ", ": 1rem;\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.25rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.25rem;\n ", ": 0 0 0 0.25rem;\n "])), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
18
- sr: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 11.25rem;\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.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n ", ": 0 0 0 0.25rem;\n "])), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin)
19
- },
20
- focused: {
21
- "true": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n "])), buttonTokens.buttonFocusColor)
145
+ defaults: {
146
+ view: 'accent',
147
+ focused: 'true',
148
+ size: 's'
22
149
  },
23
- stretching: {
24
- auto: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
25
- filled: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
26
- fixed: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral([""])))
150
+ variations: {
151
+ view: {
152
+ accent: css(_templateObject(), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
153
+ secondary: css(_templateObject1(), buttonTokens.buttonColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
154
+ clear: css(_templateObject2(), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive)
155
+ },
156
+ size: {
157
+ s: css(_templateObject3(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
158
+ sr: css(_templateObject4(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin)
159
+ },
160
+ focused: {
161
+ true: css(_templateObject5(), buttonTokens.buttonFocusColor)
162
+ },
163
+ stretching: {
164
+ auto: css(_templateObject6()),
165
+ filled: css(_templateObject7()),
166
+ fixed: css(_templateObject8())
167
+ }
27
168
  }
28
- }
29
- };
169
+ };
@@ -1,35 +1,96 @@
1
- var _excluded = ["onClick", "isLoading", "value"];
2
- var _templateObject;
3
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
5
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1
+ function _define_property(obj, key, value) {
2
+ if (key in obj) {
3
+ Object.defineProperty(obj, key, {
4
+ value: value,
5
+ enumerable: true,
6
+ configurable: true,
7
+ writable: true
8
+ });
9
+ } else {
10
+ obj[key] = value;
11
+ }
12
+ return obj;
13
+ }
14
+ function _object_spread(target) {
15
+ for(var i = 1; i < arguments.length; i++){
16
+ var source = arguments[i] != null ? arguments[i] : {};
17
+ var ownKeys = Object.keys(source);
18
+ if (typeof Object.getOwnPropertySymbols === "function") {
19
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
+ }));
22
+ }
23
+ ownKeys.forEach(function(key) {
24
+ _define_property(target, key, source[key]);
25
+ });
26
+ }
27
+ return target;
28
+ }
29
+ function _object_without_properties(source, excluded) {
30
+ if (source == null) return {};
31
+ var target = _object_without_properties_loose(source, excluded);
32
+ var key, i;
33
+ if (Object.getOwnPropertySymbols) {
34
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
35
+ for(i = 0; i < sourceSymbolKeys.length; i++){
36
+ key = sourceSymbolKeys[i];
37
+ if (excluded.indexOf(key) >= 0) continue;
38
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
39
+ target[key] = source[key];
40
+ }
41
+ }
42
+ return target;
43
+ }
44
+ function _object_without_properties_loose(source, excluded) {
45
+ if (source == null) return {};
46
+ var target = {};
47
+ var sourceKeys = Object.keys(source);
48
+ var key, i;
49
+ for(i = 0; i < sourceKeys.length; i++){
50
+ key = sourceKeys[i];
51
+ if (excluded.indexOf(key) >= 0) continue;
52
+ target[key] = source[key];
53
+ }
54
+ return target;
55
+ }
7
56
  import React, { useCallback, forwardRef } from 'react';
8
57
  import { buttonConfig, component, mergeConfig, buttonClasses, buttonTokens } from '@salutejs/plasma-new-hope/emotion';
9
58
  import styled from 'styled-components';
10
59
  import { config } from './Button.config';
11
- var mergedConfig = /*#__PURE__*/mergeConfig(buttonConfig, config);
12
- var ButtonComponent = /*#__PURE__*/component(mergedConfig);
60
+ var mergedConfig = mergeConfig(buttonConfig, config);
61
+ var ButtonComponent = component(mergedConfig);
13
62
  // INFO: Данное поведение запрошено продуктом/командой `sdds-cs`
14
- var StyledButton = /*#__PURE__*/styled(ButtonComponent)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n &&.", " {\n color: var(", ", var(", "));\n background: var(", ", var(", "));\n\n pointer-events: none;\n }\n"])), /*#__PURE__*/String(buttonClasses.buttonLoading), buttonTokens.buttonColorActive, buttonTokens.buttonColor, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonBackgroundColor);
15
-
63
+ var StyledButton = styled(ButtonComponent).withConfig({
64
+ displayName: "Button__StyledButton",
65
+ componentId: "sc-e5fea98-0"
66
+ })([
67
+ "&&.",
68
+ "{color:var(",
69
+ ",var(",
70
+ "));background:var(",
71
+ ",var(",
72
+ "));pointer-events:none;}"
73
+ ], String(buttonClasses.buttonLoading), buttonTokens.buttonColorActive, buttonTokens.buttonColor, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonBackgroundColor);
16
74
  /**
17
75
  * Кнопка.
18
- */
19
- export var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
20
- var onClick = _ref.onClick,
21
- isLoading = _ref.isLoading,
22
- value = _ref.value,
23
- props = _objectWithoutProperties(_ref, _excluded);
24
- var handleClick = useCallback(function (event) {
25
- if (!isLoading) {
26
- onClick === null || onClick === void 0 || onClick(event);
27
- }
28
- }, [isLoading, onClick]);
29
- return /*#__PURE__*/React.createElement(StyledButton, _extends({
30
- value: value,
31
- ref: ref,
32
- onClick: handleClick,
33
- isLoading: isLoading
34
- }, props));
35
- });
76
+ */ export var Button = /*#__PURE__*/ forwardRef(function(_param, ref) {
77
+ var onClick = _param.onClick, isLoading = _param.isLoading, value = _param.value, props = _object_without_properties(_param, [
78
+ "onClick",
79
+ "isLoading",
80
+ "value"
81
+ ]);
82
+ var handleClick = useCallback(function(event) {
83
+ if (!isLoading) {
84
+ onClick === null || onClick === void 0 ? void 0 : onClick(event);
85
+ }
86
+ }, [
87
+ isLoading,
88
+ onClick
89
+ ]);
90
+ return /*#__PURE__*/ React.createElement(StyledButton, _object_spread({
91
+ value: value,
92
+ ref: ref,
93
+ onClick: handleClick,
94
+ isLoading: isLoading
95
+ }, props));
96
+ });
@@ -1 +1 @@
1
- export { Button } from './Button';
1
+ export { Button } from './Button';
@@ -1 +1 @@
1
- export { ButtonBase } from '@salutejs/plasma-new-hope/emotion';
1
+ export { ButtonBase } from '@salutejs/plasma-new-hope/emotion';
@@ -1,37 +1,223 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
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(--on-dark-text-primary);\n ",
15
+ ": var(--on-light-text-accent-minor);\n ",
16
+ ": var(--surface-accent);\n ",
17
+ ": var(",
18
+ ");\n ",
19
+ ": var(--on-dark-text-primary);\n ",
20
+ ": var(--surface-accent-hover);\n ",
21
+ ": var(--on-dark-text-primary);\n ",
22
+ ": var(--surface-accent-active);\n "
23
+ ]);
24
+ _templateObject = function _templateObject() {
25
+ return data;
26
+ };
27
+ return data;
28
+ }
29
+ function _templateObject1() {
30
+ var data = _tagged_template_literal([
31
+ "\n ",
32
+ ": var(--text-primary);\n ",
33
+ ": var(--text-secondary);\n ",
34
+ ": var(--surface-solid-primary);\n ",
35
+ ": var(",
36
+ ");\n ",
37
+ ": var(--text-primary);\n ",
38
+ ": var(--surface-solid-primary-hover);\n ",
39
+ ": var(--text-primary);\n ",
40
+ ": var(--surface-solid-primary-active);\n "
41
+ ]);
42
+ _templateObject1 = function _templateObject() {
43
+ return data;
44
+ };
45
+ return data;
46
+ }
47
+ function _templateObject2() {
48
+ var data = _tagged_template_literal([
49
+ "\n ",
50
+ ": var(--text-accent);\n ",
51
+ ": var(--text-accent);\n ",
52
+ ": var(--surface-clear);\n ",
53
+ ": var(--surface-transparent-accent);\n ",
54
+ ": var(--text-accent);\n ",
55
+ ": var(--surface-transparent-accent);\n ",
56
+ ": var(--text-accent);\n ",
57
+ ": var(--surface-clear);\n "
58
+ ]);
59
+ _templateObject2 = function _templateObject() {
60
+ return data;
61
+ };
62
+ return data;
63
+ }
64
+ function _templateObject3() {
65
+ var data = _tagged_template_literal([
66
+ "\n ",
67
+ ": 0.25rem;\n ",
68
+ ": 0.75rem;\n ",
69
+ ": 0.75rem;\n\n ",
70
+ ": 2.5rem;\n ",
71
+ ": 1rem;\n ",
72
+ ": var(--plasma-typo-body-s-font-family);\n ",
73
+ ": var(--plasma-typo-body-s-font-size);\n ",
74
+ ": var(--plasma-typo-body-s-font-style);\n ",
75
+ ": var(--plasma-typo-body-s-bold-font-weight);\n ",
76
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
77
+ ": var(--plasma-typo-body-s-line-height);\n "
78
+ ]);
79
+ _templateObject3 = function _templateObject() {
80
+ return data;
81
+ };
82
+ return data;
83
+ }
84
+ function _templateObject4() {
85
+ var data = _tagged_template_literal([
86
+ "\n ",
87
+ ": 0.25rem;\n ",
88
+ ": 0.75rem;\n ",
89
+ ": 0.75rem;\n\n ",
90
+ ": 2.5rem;\n ",
91
+ ": var(--plasma-typo-body-s-font-family);\n ",
92
+ ": var(--plasma-typo-body-s-font-size);\n ",
93
+ ": var(--plasma-typo-body-s-font-style);\n ",
94
+ ": var(--plasma-typo-body-s-bold-font-weight);\n ",
95
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
96
+ ": var(--plasma-typo-body-s-line-height);\n "
97
+ ]);
98
+ _templateObject4 = function _templateObject() {
99
+ return data;
100
+ };
101
+ return data;
102
+ }
103
+ function _templateObject5() {
104
+ var data = _tagged_template_literal([
105
+ "\n ",
106
+ ": row;\n "
107
+ ]);
108
+ _templateObject5 = function _templateObject() {
109
+ return data;
110
+ };
111
+ return data;
112
+ }
113
+ function _templateObject6() {
114
+ var data = _tagged_template_literal([
115
+ "\n ",
116
+ ": column;\n "
117
+ ]);
118
+ _templateObject6 = function _templateObject() {
119
+ return data;
120
+ };
121
+ return data;
122
+ }
123
+ function _templateObject7() {
124
+ var data = _tagged_template_literal([
125
+ "\n ",
126
+ ": 0;\n "
127
+ ]);
128
+ _templateObject7 = function _templateObject() {
129
+ return data;
130
+ };
131
+ return data;
132
+ }
133
+ function _templateObject8() {
134
+ var data = _tagged_template_literal([
135
+ "\n ",
136
+ ": 0.125rem;\n "
137
+ ]);
138
+ _templateObject8 = function _templateObject() {
139
+ return data;
140
+ };
141
+ return data;
142
+ }
143
+ function _templateObject9() {
144
+ var data = _tagged_template_literal([
145
+ "\n ",
146
+ ": 0.5rem;\n "
147
+ ]);
148
+ _templateObject9 = function _templateObject() {
149
+ return data;
150
+ };
151
+ return data;
152
+ }
153
+ function _templateObject10() {
154
+ var data = _tagged_template_literal([
155
+ ""
156
+ ]);
157
+ _templateObject10 = function _templateObject() {
158
+ return data;
159
+ };
160
+ return data;
161
+ }
162
+ function _templateObject11() {
163
+ var data = _tagged_template_literal([
164
+ ""
165
+ ]);
166
+ _templateObject11 = function _templateObject() {
167
+ return data;
168
+ };
169
+ return data;
170
+ }
171
+ function _templateObject12() {
172
+ var data = _tagged_template_literal([
173
+ ""
174
+ ]);
175
+ _templateObject12 = function _templateObject() {
176
+ return data;
177
+ };
178
+ return data;
179
+ }
180
+ function _templateObject13() {
181
+ var data = _tagged_template_literal([
182
+ ""
183
+ ]);
184
+ _templateObject13 = function _templateObject() {
185
+ return data;
186
+ };
187
+ return data;
188
+ }
3
189
  import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope/emotion';
4
190
  export var config = {
5
- defaults: {
6
- view: 'accent',
7
- size: 's'
8
- },
9
- variations: {
10
- view: {
11
- accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-text-accent-minor);\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 "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
12
- secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-solid-primary);\n ", ": var(", ");\n ", ": var(--text-primary);\n ", ": var(--surface-solid-primary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-solid-primary-active);\n "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
13
- clear: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-accent);\n ", ": var(--surface-clear);\n ", ": var(--surface-transparent-accent);\n ", ": var(--text-accent);\n ", ": var(--surface-transparent-accent);\n ", ": var(--text-accent);\n ", ": var(--surface-clear);\n "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive)
14
- },
15
- size: {
16
- s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n\n ", ": 2.5rem;\n ", ": 1rem;\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 "])), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
17
- sr: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n\n ", ": 2.5rem;\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 "])), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight)
18
- },
19
- orientation: {
20
- horizontal: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": row;\n "])), buttonGroupTokens.buttonGroupOrientation),
21
- vertical: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": column;\n "])), buttonGroupTokens.buttonGroupOrientation)
22
- },
23
- gap: {
24
- none: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n "])), buttonGroupTokens.buttonGroupItemsGap),
25
- dense: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n "])), buttonGroupTokens.buttonGroupItemsGap),
26
- wide: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n "])), buttonGroupTokens.buttonGroupItemsGap)
27
- },
28
- shape: {
29
- segmented: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
30
- "default": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral([""])))
191
+ defaults: {
192
+ view: 'accent',
193
+ size: 's'
31
194
  },
32
- stretching: {
33
- auto: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
34
- filled: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral([""])))
195
+ variations: {
196
+ view: {
197
+ accent: css(_templateObject(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
198
+ secondary: css(_templateObject1(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
199
+ clear: css(_templateObject2(), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonLoadingBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive)
200
+ },
201
+ size: {
202
+ s: css(_templateObject3(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
203
+ sr: css(_templateObject4(), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight)
204
+ },
205
+ orientation: {
206
+ horizontal: css(_templateObject5(), buttonGroupTokens.buttonGroupOrientation),
207
+ vertical: css(_templateObject6(), buttonGroupTokens.buttonGroupOrientation)
208
+ },
209
+ gap: {
210
+ none: css(_templateObject7(), buttonGroupTokens.buttonGroupItemsGap),
211
+ dense: css(_templateObject8(), buttonGroupTokens.buttonGroupItemsGap),
212
+ wide: css(_templateObject9(), buttonGroupTokens.buttonGroupItemsGap)
213
+ },
214
+ shape: {
215
+ segmented: css(_templateObject10()),
216
+ default: css(_templateObject11())
217
+ },
218
+ stretching: {
219
+ auto: css(_templateObject12()),
220
+ filled: css(_templateObject13())
221
+ }
35
222
  }
36
- }
37
- };
223
+ };
@@ -1,8 +1,6 @@
1
1
  import { buttonGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
2
2
  import { config } from './ButtonGroup.config';
3
- var mergedConfig = /*#__PURE__*/mergeConfig(buttonGroupConfig, config);
4
-
3
+ var mergedConfig = mergeConfig(buttonGroupConfig, config);
5
4
  /**
6
5
  * Группа кнопок.
7
- */
8
- export var ButtonGroup = /*#__PURE__*/component(mergedConfig);
6
+ */ export var ButtonGroup = component(mergedConfig);
@@ -1 +1 @@
1
- export { ButtonGroup } from './ButtonGroup';
1
+ export { ButtonGroup } from './ButtonGroup';
@@ -1,15 +1,15 @@
1
1
  import { component, calendarBaseConfig, calendarDoubleConfig, withRange, mergeConfig, boundCalendar } from '@salutejs/plasma-new-hope/emotion';
2
2
  import { config as baseConfig } from './CalendarBase.config';
3
3
  import { config as doubleConfig } from './CalendarDouble.config';
4
- var mergedCalendarBaseConfig = /*#__PURE__*/mergeConfig(calendarBaseConfig, baseConfig);
5
- var mergedCalendarDoubleConfig = /*#__PURE__*/mergeConfig(calendarDoubleConfig, doubleConfig);
6
- export var CalendarBase = /*#__PURE__*/component(mergedCalendarBaseConfig);
7
- export var CalendarDouble = /*#__PURE__*/component(mergedCalendarDoubleConfig);
8
- export var CalendarBaseRange = /*#__PURE__*/withRange(CalendarBase);
9
- export var CalendarDoubleRange = /*#__PURE__*/withRange(CalendarDouble);
10
- export var Calendar = /*#__PURE__*/boundCalendar({
11
- base: CalendarBase,
12
- baseRange: CalendarBaseRange,
13
- "double": CalendarDouble,
14
- doubleRange: CalendarDoubleRange
15
- });
4
+ var mergedCalendarBaseConfig = mergeConfig(calendarBaseConfig, baseConfig);
5
+ var mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig, doubleConfig);
6
+ export var CalendarBase = component(mergedCalendarBaseConfig);
7
+ export var CalendarDouble = component(mergedCalendarDoubleConfig);
8
+ export var CalendarBaseRange = withRange(CalendarBase);
9
+ export var CalendarDoubleRange = withRange(CalendarDouble);
10
+ export var Calendar = boundCalendar({
11
+ base: CalendarBase,
12
+ baseRange: CalendarBaseRange,
13
+ double: CalendarDouble,
14
+ doubleRange: CalendarDoubleRange
15
+ });