@salutejs/sdds-cs 0.319.0-canary.2017.15583893358.0 → 0.319.0-canary.2020.15824629894.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 (966) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/components/Accordion/Accordion.config.js +101 -19
  3. package/components/Accordion/Accordion.js +18 -12
  4. package/components/Accordion/index.js +15 -14
  5. package/components/Attach/Attach.config.js +267 -26
  6. package/components/Attach/Attach.js +11 -11
  7. package/components/Attach/index.js +6 -7
  8. package/components/Autocomplete/Autocomplete.config.js +247 -30
  9. package/components/Autocomplete/Autocomplete.js +11 -7
  10. package/components/Autocomplete/index.js +6 -7
  11. package/components/Avatar/Avatar.config.js +197 -31
  12. package/components/Avatar/Avatar.js +19 -7
  13. package/components/Avatar/index.js +6 -7
  14. package/components/AvatarGroup/AvatarGroup.js +10 -6
  15. package/components/AvatarGroup/index.js +6 -7
  16. package/components/Badge/Badge.config.js +145 -30
  17. package/components/Badge/Badge.js +11 -11
  18. package/components/Badge/index.js +6 -7
  19. package/components/Breadcrumbs/Breadcrumbs.config.js +60 -18
  20. package/components/Breadcrumbs/Breadcrumbs.js +12 -12
  21. package/components/Breadcrumbs/index.js +6 -7
  22. package/components/Button/Button.config.js +174 -30
  23. package/components/Button/Button.js +146 -41
  24. package/components/Button/index.js +6 -7
  25. package/components/ButtonBase/index.js +6 -7
  26. package/components/ButtonGroup/ButtonGroup.config.js +228 -38
  27. package/components/ButtonGroup/ButtonGroup.js +11 -11
  28. package/components/ButtonGroup/index.js +6 -7
  29. package/components/Calendar/Calendar.js +39 -18
  30. package/components/Calendar/CalendarBase.config.js +128 -18
  31. package/components/Calendar/CalendarDouble.config.js +128 -18
  32. package/components/Calendar/index.js +24 -32
  33. package/components/Card/Card.config.js +81 -20
  34. package/components/Card/Card.js +22 -23
  35. package/components/Card/index.js +18 -20
  36. package/components/Carousel/Carousel.config.d.ts +14 -0
  37. package/components/Carousel/Carousel.config.js +62 -0
  38. package/components/Carousel/Carousel.d.ts +9 -0
  39. package/components/Carousel/Carousel.js +14 -0
  40. package/components/Carousel/index.d.ts +2 -0
  41. package/components/Carousel/index.js +20 -0
  42. package/components/Cell/Cell.config.js +110 -16
  43. package/components/Cell/Cell.js +12 -12
  44. package/components/Cell/index.js +25 -33
  45. package/components/Checkbox/Checkbox.config.js +104 -25
  46. package/components/Checkbox/Checkbox.js +12 -11
  47. package/components/Checkbox/index.js +6 -7
  48. package/components/Chip/Chip.config.js +162 -25
  49. package/components/Chip/Chip.js +12 -12
  50. package/components/Chip/index.js +6 -7
  51. package/components/ChipGroup/ChipGroup.config.js +127 -24
  52. package/components/ChipGroup/ChipGroup.js +11 -7
  53. package/components/ChipGroup/index.js +6 -7
  54. package/components/Combobox/Combobox.config.js +313 -30
  55. package/components/Combobox/Combobox.d.ts +24 -24
  56. package/components/Combobox/Combobox.js +50 -15
  57. package/components/Combobox/index.js +6 -7
  58. package/components/Counter/Counter.config.js +95 -21
  59. package/components/Counter/Counter.js +11 -11
  60. package/components/Counter/index.js +16 -15
  61. package/components/DatePicker/DatePicker.config.js +264 -24
  62. package/components/DatePicker/DatePicker.js +21 -9
  63. package/components/DatePicker/index.js +22 -27
  64. package/components/Divider/Divider.config.js +109 -27
  65. package/components/Divider/Divider.js +11 -11
  66. package/components/Divider/index.js +16 -15
  67. package/components/Drawer/Drawer.config.js +79 -22
  68. package/components/Drawer/Drawer.js +31 -29
  69. package/components/Drawer/index.js +21 -26
  70. package/components/Dropdown/Dropdown.config.js +94 -18
  71. package/components/Dropdown/Dropdown.js +50 -15
  72. package/components/Dropdown/index.js +6 -7
  73. package/components/Dropzone/Dropzone.config.js +86 -21
  74. package/components/Dropzone/Dropzone.js +11 -7
  75. package/components/Dropzone/index.js +19 -21
  76. package/components/EmptyState/EmptyState.config.js +114 -18
  77. package/components/EmptyState/EmptyState.js +19 -7
  78. package/components/EmptyState/index.js +6 -7
  79. package/components/Flow/Flow.config.js +11 -7
  80. package/components/Flow/Flow.js +11 -7
  81. package/components/Flow/index.js +6 -7
  82. package/components/Grid/Grid.config.js +71 -19
  83. package/components/Grid/Grid.js +21 -18
  84. package/components/Grid/index.js +18 -20
  85. package/components/IconButton/IconButton.config.js +146 -28
  86. package/components/IconButton/IconButton.js +12 -12
  87. package/components/IconButton/index.js +6 -7
  88. package/components/Image/Image.js +11 -11
  89. package/components/Image/index.js +6 -7
  90. package/components/Indicator/Indicator.config.js +138 -26
  91. package/components/Indicator/Indicator.js +19 -7
  92. package/components/Indicator/index.js +6 -7
  93. package/components/Link/Link.config.js +214 -29
  94. package/components/Link/Link.js +12 -11
  95. package/components/Link/index.js +6 -7
  96. package/components/Mask/Mask.js +10 -6
  97. package/components/Mask/index.js +6 -7
  98. package/components/Modal/Modal.config.js +47 -15
  99. package/components/Modal/Modal.js +12 -12
  100. package/components/Modal/index.js +16 -15
  101. package/components/Notification/Notification.config.js +163 -26
  102. package/components/Notification/Notification.js +38 -23
  103. package/components/Notification/index.js +22 -27
  104. package/components/NumberFormat/NumberFormat.js +10 -13
  105. package/components/NumberFormat/index.js +6 -7
  106. package/components/NumberInput/NumberInput.config.js +154 -34
  107. package/components/NumberInput/NumberInput.js +11 -7
  108. package/components/NumberInput/index.js +19 -21
  109. package/components/Overlay/index.js +6 -7
  110. package/components/Pagination/Pagination.config.js +139 -26
  111. package/components/Pagination/Pagination.js +12 -12
  112. package/components/Pagination/index.js +6 -7
  113. package/components/Popover/Popover.config.js +43 -15
  114. package/components/Popover/Popover.js +11 -7
  115. package/components/Popover/index.js +6 -7
  116. package/components/Popup/Popup.js +10 -10
  117. package/components/Popup/index.js +22 -27
  118. package/components/Portal/index.js +6 -7
  119. package/components/Price/Price.config.js +15 -11
  120. package/components/Price/Price.js +12 -12
  121. package/components/Price/index.js +16 -15
  122. package/components/Progress/Progress.config.js +95 -21
  123. package/components/Progress/Progress.js +12 -8
  124. package/components/Progress/index.js +6 -7
  125. package/components/Radiobox/Radiobox.config.js +106 -31
  126. package/components/Radiobox/Radiobox.d.ts +2 -28
  127. package/components/Radiobox/Radiobox.js +19 -16
  128. package/components/Radiobox/index.js +15 -14
  129. package/components/Range/Range.config.js +157 -24
  130. package/components/Range/Range.js +11 -11
  131. package/components/Range/index.js +16 -15
  132. package/components/Rating/Rating.config.js +117 -20
  133. package/components/Rating/Rating.js +11 -7
  134. package/components/Rating/index.js +19 -21
  135. package/components/SSRProvider/index.js +6 -7
  136. package/components/Segment/Segment.js +27 -32
  137. package/components/Segment/SegmentGroup.config.js +130 -34
  138. package/components/Segment/SegmentItem.config.js +124 -25
  139. package/components/Segment/index.js +21 -26
  140. package/components/Select/Select.config.js +305 -35
  141. package/components/Select/Select.d.ts +6 -6
  142. package/components/Select/Select.js +50 -15
  143. package/components/Select/index.js +6 -7
  144. package/components/Sheet/Sheet.config.js +63 -18
  145. package/components/Sheet/Sheet.js +12 -12
  146. package/components/Sheet/index.js +16 -15
  147. package/components/Skeleton/LineSkeleton.config.js +230 -31
  148. package/components/Skeleton/Skeleton.js +25 -20
  149. package/components/Skeleton/index.js +21 -26
  150. package/components/Slider/Slider.config.js +147 -22
  151. package/components/Slider/Slider.js +12 -13
  152. package/components/Slider/index.js +6 -7
  153. package/components/Spinner/Spinner.config.js +107 -23
  154. package/components/Spinner/Spinner.js +23 -15
  155. package/components/Spinner/index.js +6 -7
  156. package/components/Steps/Steps.config.js +105 -18
  157. package/components/Steps/Steps.js +12 -8
  158. package/components/Steps/index.js +6 -7
  159. package/components/Switch/Switch.config.js +149 -31
  160. package/components/Switch/Switch.js +12 -8
  161. package/components/Switch/index.js +6 -7
  162. package/components/Table/Table.config.js +257 -21
  163. package/components/Table/Table.js +12 -12
  164. package/components/Table/index.js +6 -7
  165. package/components/Tabs/TabItem.js +26 -21
  166. package/components/Tabs/Tabs.js +26 -21
  167. package/components/Tabs/TabsController.js +15 -16
  168. package/components/Tabs/horizontal/HorizontalTabItem.config.js +230 -30
  169. package/components/Tabs/horizontal/HorizontalTabs.config.js +266 -37
  170. package/components/Tabs/index.js +27 -35
  171. package/components/Tabs/vertical/VerticalTabItem.config.js +125 -24
  172. package/components/Tabs/vertical/VerticalTabs.config.js +98 -24
  173. package/components/TextArea/TextArea.config.js +367 -42
  174. package/components/TextArea/TextArea.js +12 -12
  175. package/components/TextArea/index.js +6 -7
  176. package/components/TextField/TextField.config.js +338 -40
  177. package/components/TextField/TextField.js +11 -11
  178. package/components/TextField/index.js +16 -15
  179. package/components/Toast/Toast.config.js +127 -35
  180. package/components/Toast/Toast.js +26 -14
  181. package/components/Toast/index.js +18 -20
  182. package/components/ToastNew/ToastNew.config.js +80 -21
  183. package/components/ToastNew/ToastNew.js +20 -8
  184. package/components/ToastNew/index.js +15 -14
  185. package/components/Tokens/Colors/Colors.styles.d.ts +1 -1
  186. package/components/Tokens/Colors/Colors.styles.js +147 -51
  187. package/components/Tokens/NumberTokens/NumberTokens.styles.js +70 -23
  188. package/components/Tokens/Typography/Typography.styles.d.ts +1 -1
  189. package/components/Tokens/Typography/Typography.styles.js +204 -76
  190. package/components/Toolbar/Toolbar.config.js +57 -18
  191. package/components/Toolbar/Toolbar.js +21 -13
  192. package/components/Toolbar/index.js +19 -21
  193. package/components/Tooltip/Tooltip.config.js +71 -19
  194. package/components/Tooltip/Tooltip.js +11 -7
  195. package/components/Tooltip/index.js +6 -7
  196. package/components/Tree/Tree.config.js +83 -18
  197. package/components/Tree/Tree.js +11 -7
  198. package/components/Tree/index.js +6 -7
  199. package/components/Typography/Body.config.js +161 -47
  200. package/components/Typography/Dspl.config.js +105 -31
  201. package/components/Typography/Heading.config.js +161 -47
  202. package/components/Typography/Text.config.js +133 -39
  203. package/components/Typography/Typography.js +116 -59
  204. package/components/Typography/index.js +62 -106
  205. package/components/ViewContainer/ViewContainer.config.js +46 -14
  206. package/components/ViewContainer/ViewContainer.js +11 -7
  207. package/components/ViewContainer/index.js +6 -7
  208. package/emotion/cjs/components/Accordion/Accordion.config.js +101 -19
  209. package/emotion/cjs/components/Accordion/Accordion.js +18 -12
  210. package/emotion/cjs/components/Accordion/index.js +15 -14
  211. package/emotion/cjs/components/Attach/Attach.config.js +267 -26
  212. package/emotion/cjs/components/Attach/Attach.js +11 -11
  213. package/emotion/cjs/components/Attach/index.js +6 -7
  214. package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +247 -30
  215. package/emotion/cjs/components/Autocomplete/Autocomplete.js +11 -7
  216. package/emotion/cjs/components/Autocomplete/index.js +6 -7
  217. package/emotion/cjs/components/Avatar/Avatar.config.js +197 -31
  218. package/emotion/cjs/components/Avatar/Avatar.js +19 -7
  219. package/emotion/cjs/components/Avatar/index.js +6 -7
  220. package/emotion/cjs/components/AvatarGroup/AvatarGroup.js +10 -6
  221. package/emotion/cjs/components/AvatarGroup/index.js +6 -7
  222. package/emotion/cjs/components/Badge/Badge.config.js +145 -30
  223. package/emotion/cjs/components/Badge/Badge.js +11 -11
  224. package/emotion/cjs/components/Badge/index.js +6 -7
  225. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.config.js +60 -18
  226. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +12 -12
  227. package/emotion/cjs/components/Breadcrumbs/index.js +6 -7
  228. package/emotion/cjs/components/Button/Button.config.js +174 -30
  229. package/emotion/cjs/components/Button/Button.js +146 -41
  230. package/emotion/cjs/components/Button/index.js +6 -7
  231. package/emotion/cjs/components/ButtonBase/index.js +6 -7
  232. package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +228 -38
  233. package/emotion/cjs/components/ButtonGroup/ButtonGroup.js +11 -11
  234. package/emotion/cjs/components/ButtonGroup/index.js +6 -7
  235. package/emotion/cjs/components/Calendar/Calendar.js +39 -18
  236. package/emotion/cjs/components/Calendar/CalendarBase.config.js +128 -18
  237. package/emotion/cjs/components/Calendar/CalendarDouble.config.js +128 -18
  238. package/emotion/cjs/components/Calendar/index.js +24 -32
  239. package/emotion/cjs/components/Card/Card.config.js +81 -20
  240. package/emotion/cjs/components/Card/Card.js +22 -23
  241. package/emotion/cjs/components/Card/index.js +18 -20
  242. package/emotion/cjs/components/Carousel/Carousel.config.js +62 -0
  243. package/emotion/cjs/components/Carousel/Carousel.js +14 -0
  244. package/emotion/cjs/components/Carousel/index.js +20 -0
  245. package/emotion/cjs/components/Cell/Cell.config.js +110 -16
  246. package/emotion/cjs/components/Cell/Cell.js +12 -12
  247. package/emotion/cjs/components/Cell/index.js +25 -33
  248. package/emotion/cjs/components/Checkbox/Checkbox.config.js +104 -25
  249. package/emotion/cjs/components/Checkbox/Checkbox.js +12 -11
  250. package/emotion/cjs/components/Checkbox/index.js +6 -7
  251. package/emotion/cjs/components/Chip/Chip.config.js +162 -25
  252. package/emotion/cjs/components/Chip/Chip.js +12 -12
  253. package/emotion/cjs/components/Chip/index.js +6 -7
  254. package/emotion/cjs/components/ChipGroup/ChipGroup.config.js +127 -24
  255. package/emotion/cjs/components/ChipGroup/ChipGroup.js +11 -7
  256. package/emotion/cjs/components/ChipGroup/index.js +6 -7
  257. package/emotion/cjs/components/Combobox/Combobox.config.js +313 -30
  258. package/emotion/cjs/components/Combobox/Combobox.js +50 -15
  259. package/emotion/cjs/components/Combobox/index.js +6 -7
  260. package/emotion/cjs/components/Counter/Counter.config.js +95 -21
  261. package/emotion/cjs/components/Counter/Counter.js +11 -11
  262. package/emotion/cjs/components/Counter/index.js +16 -15
  263. package/emotion/cjs/components/DatePicker/DatePicker.config.js +264 -24
  264. package/emotion/cjs/components/DatePicker/DatePicker.js +21 -9
  265. package/emotion/cjs/components/DatePicker/index.js +22 -27
  266. package/emotion/cjs/components/Divider/Divider.config.js +109 -27
  267. package/emotion/cjs/components/Divider/Divider.js +11 -11
  268. package/emotion/cjs/components/Divider/index.js +16 -15
  269. package/emotion/cjs/components/Drawer/Drawer.config.js +79 -22
  270. package/emotion/cjs/components/Drawer/Drawer.js +31 -29
  271. package/emotion/cjs/components/Drawer/index.js +21 -26
  272. package/emotion/cjs/components/Dropdown/Dropdown.config.js +94 -18
  273. package/emotion/cjs/components/Dropdown/Dropdown.js +50 -15
  274. package/emotion/cjs/components/Dropdown/index.js +6 -7
  275. package/emotion/cjs/components/Dropzone/Dropzone.config.js +86 -21
  276. package/emotion/cjs/components/Dropzone/Dropzone.js +11 -7
  277. package/emotion/cjs/components/Dropzone/index.js +19 -21
  278. package/emotion/cjs/components/EmptyState/EmptyState.config.js +114 -18
  279. package/emotion/cjs/components/EmptyState/EmptyState.js +19 -7
  280. package/emotion/cjs/components/EmptyState/index.js +6 -7
  281. package/emotion/cjs/components/Flow/Flow.config.js +11 -7
  282. package/emotion/cjs/components/Flow/Flow.js +11 -7
  283. package/emotion/cjs/components/Flow/index.js +6 -7
  284. package/emotion/cjs/components/Grid/Grid.config.js +71 -19
  285. package/emotion/cjs/components/Grid/Grid.js +21 -18
  286. package/emotion/cjs/components/Grid/index.js +18 -20
  287. package/emotion/cjs/components/IconButton/IconButton.config.js +146 -28
  288. package/emotion/cjs/components/IconButton/IconButton.js +12 -12
  289. package/emotion/cjs/components/IconButton/index.js +6 -7
  290. package/emotion/cjs/components/Image/Image.js +11 -11
  291. package/emotion/cjs/components/Image/index.js +6 -7
  292. package/emotion/cjs/components/Indicator/Indicator.config.js +138 -26
  293. package/emotion/cjs/components/Indicator/Indicator.js +19 -7
  294. package/emotion/cjs/components/Indicator/index.js +6 -7
  295. package/emotion/cjs/components/Link/Link.config.js +214 -29
  296. package/emotion/cjs/components/Link/Link.js +12 -11
  297. package/emotion/cjs/components/Link/index.js +6 -7
  298. package/emotion/cjs/components/Mask/Mask.js +10 -6
  299. package/emotion/cjs/components/Mask/index.js +6 -7
  300. package/emotion/cjs/components/Modal/Modal.config.js +47 -15
  301. package/emotion/cjs/components/Modal/Modal.js +12 -12
  302. package/emotion/cjs/components/Modal/index.js +16 -15
  303. package/emotion/cjs/components/Notification/Notification.config.js +163 -26
  304. package/emotion/cjs/components/Notification/Notification.js +38 -23
  305. package/emotion/cjs/components/Notification/index.js +22 -27
  306. package/emotion/cjs/components/NumberFormat/NumberFormat.js +10 -13
  307. package/emotion/cjs/components/NumberFormat/index.js +6 -7
  308. package/emotion/cjs/components/NumberInput/NumberInput.config.js +154 -34
  309. package/emotion/cjs/components/NumberInput/NumberInput.js +11 -7
  310. package/emotion/cjs/components/NumberInput/index.js +19 -21
  311. package/emotion/cjs/components/Overlay/index.js +6 -7
  312. package/emotion/cjs/components/Pagination/Pagination.config.js +139 -26
  313. package/emotion/cjs/components/Pagination/Pagination.js +12 -12
  314. package/emotion/cjs/components/Pagination/index.js +6 -7
  315. package/emotion/cjs/components/Popover/Popover.config.js +43 -15
  316. package/emotion/cjs/components/Popover/Popover.js +11 -7
  317. package/emotion/cjs/components/Popover/index.js +6 -7
  318. package/emotion/cjs/components/Popup/Popup.js +10 -10
  319. package/emotion/cjs/components/Popup/index.js +22 -27
  320. package/emotion/cjs/components/Portal/index.js +6 -7
  321. package/emotion/cjs/components/Price/Price.config.js +15 -11
  322. package/emotion/cjs/components/Price/Price.js +12 -12
  323. package/emotion/cjs/components/Price/index.js +16 -15
  324. package/emotion/cjs/components/Progress/Progress.config.js +95 -21
  325. package/emotion/cjs/components/Progress/Progress.js +12 -8
  326. package/emotion/cjs/components/Progress/index.js +6 -7
  327. package/emotion/cjs/components/Radiobox/Radiobox.config.js +106 -31
  328. package/emotion/cjs/components/Radiobox/Radiobox.js +19 -16
  329. package/emotion/cjs/components/Radiobox/index.js +15 -14
  330. package/emotion/cjs/components/Range/Range.config.js +157 -24
  331. package/emotion/cjs/components/Range/Range.js +11 -11
  332. package/emotion/cjs/components/Range/index.js +16 -15
  333. package/emotion/cjs/components/Rating/Rating.config.js +117 -20
  334. package/emotion/cjs/components/Rating/Rating.js +11 -7
  335. package/emotion/cjs/components/Rating/index.js +19 -21
  336. package/emotion/cjs/components/SSRProvider/index.js +6 -7
  337. package/emotion/cjs/components/Segment/Segment.js +27 -32
  338. package/emotion/cjs/components/Segment/SegmentGroup.config.js +130 -34
  339. package/emotion/cjs/components/Segment/SegmentItem.config.js +124 -25
  340. package/emotion/cjs/components/Segment/index.js +21 -26
  341. package/emotion/cjs/components/Select/Select.config.js +305 -35
  342. package/emotion/cjs/components/Select/Select.js +50 -15
  343. package/emotion/cjs/components/Select/index.js +6 -7
  344. package/emotion/cjs/components/Sheet/Sheet.config.js +63 -18
  345. package/emotion/cjs/components/Sheet/Sheet.js +12 -12
  346. package/emotion/cjs/components/Sheet/index.js +16 -15
  347. package/emotion/cjs/components/Skeleton/LineSkeleton.config.js +230 -31
  348. package/emotion/cjs/components/Skeleton/Skeleton.js +25 -20
  349. package/emotion/cjs/components/Skeleton/index.js +21 -26
  350. package/emotion/cjs/components/Slider/Slider.config.js +147 -22
  351. package/emotion/cjs/components/Slider/Slider.js +12 -13
  352. package/emotion/cjs/components/Slider/index.js +6 -7
  353. package/emotion/cjs/components/Spinner/Spinner.config.js +107 -23
  354. package/emotion/cjs/components/Spinner/Spinner.js +23 -15
  355. package/emotion/cjs/components/Spinner/index.js +6 -7
  356. package/emotion/cjs/components/Steps/Steps.config.js +105 -18
  357. package/emotion/cjs/components/Steps/Steps.js +12 -8
  358. package/emotion/cjs/components/Steps/index.js +6 -7
  359. package/emotion/cjs/components/Switch/Switch.config.js +149 -31
  360. package/emotion/cjs/components/Switch/Switch.js +12 -8
  361. package/emotion/cjs/components/Switch/index.js +6 -7
  362. package/emotion/cjs/components/Table/Table.config.js +257 -21
  363. package/emotion/cjs/components/Table/Table.js +12 -12
  364. package/emotion/cjs/components/Table/index.js +6 -7
  365. package/emotion/cjs/components/Tabs/TabItem.js +26 -21
  366. package/emotion/cjs/components/Tabs/Tabs.js +26 -21
  367. package/emotion/cjs/components/Tabs/TabsController.js +15 -16
  368. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +230 -30
  369. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +266 -37
  370. package/emotion/cjs/components/Tabs/index.js +27 -35
  371. package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js +125 -24
  372. package/emotion/cjs/components/Tabs/vertical/VerticalTabs.config.js +98 -24
  373. package/emotion/cjs/components/TextArea/TextArea.config.js +367 -42
  374. package/emotion/cjs/components/TextArea/TextArea.js +12 -12
  375. package/emotion/cjs/components/TextArea/index.js +6 -7
  376. package/emotion/cjs/components/TextField/TextField.config.js +338 -40
  377. package/emotion/cjs/components/TextField/TextField.js +11 -11
  378. package/emotion/cjs/components/TextField/index.js +16 -15
  379. package/emotion/cjs/components/Toast/Toast.config.js +127 -35
  380. package/emotion/cjs/components/Toast/Toast.js +26 -14
  381. package/emotion/cjs/components/Toast/index.js +18 -20
  382. package/emotion/cjs/components/ToastNew/ToastNew.config.js +80 -21
  383. package/emotion/cjs/components/ToastNew/ToastNew.js +20 -8
  384. package/emotion/cjs/components/ToastNew/index.js +15 -14
  385. package/emotion/cjs/components/Tokens/Colors/Colors.styles.js +147 -27
  386. package/emotion/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +70 -13
  387. package/emotion/cjs/components/Tokens/Typography/Typography.styles.js +204 -44
  388. package/emotion/cjs/components/Toolbar/Toolbar.config.js +57 -18
  389. package/emotion/cjs/components/Toolbar/Toolbar.js +21 -13
  390. package/emotion/cjs/components/Toolbar/index.js +19 -21
  391. package/emotion/cjs/components/Tooltip/Tooltip.config.js +71 -19
  392. package/emotion/cjs/components/Tooltip/Tooltip.js +11 -7
  393. package/emotion/cjs/components/Tooltip/index.js +6 -7
  394. package/emotion/cjs/components/Tree/Tree.config.js +83 -18
  395. package/emotion/cjs/components/Tree/Tree.js +11 -7
  396. package/emotion/cjs/components/Tree/index.js +6 -7
  397. package/emotion/cjs/components/Typography/Body.config.js +161 -47
  398. package/emotion/cjs/components/Typography/Dspl.config.js +105 -31
  399. package/emotion/cjs/components/Typography/Heading.config.js +161 -47
  400. package/emotion/cjs/components/Typography/Text.config.js +133 -39
  401. package/emotion/cjs/components/Typography/Typography.js +116 -59
  402. package/emotion/cjs/components/Typography/index.js +62 -106
  403. package/emotion/cjs/components/ViewContainer/ViewContainer.config.js +46 -14
  404. package/emotion/cjs/components/ViewContainer/ViewContainer.js +11 -7
  405. package/emotion/cjs/components/ViewContainer/index.js +6 -7
  406. package/emotion/cjs/helpers/index.js +25 -0
  407. package/emotion/cjs/index.js +82 -729
  408. package/emotion/cjs/mixins/index.js +61 -20
  409. package/emotion/cjs/tokens/index.js +126 -255
  410. package/emotion/es/components/Accordion/Accordion.config.js +92 -14
  411. package/emotion/es/components/Accordion/Accordion.js +3 -3
  412. package/emotion/es/components/Accordion/index.js +1 -1
  413. package/emotion/es/components/Attach/Attach.config.js +258 -21
  414. package/emotion/es/components/Attach/Attach.js +2 -4
  415. package/emotion/es/components/Attach/index.js +1 -1
  416. package/emotion/es/components/Autocomplete/Autocomplete.config.js +238 -25
  417. package/emotion/es/components/Autocomplete/Autocomplete.js +2 -2
  418. package/emotion/es/components/Autocomplete/index.js +1 -1
  419. package/emotion/es/components/Avatar/Avatar.config.js +188 -26
  420. package/emotion/es/components/Avatar/Avatar.js +3 -3
  421. package/emotion/es/components/Avatar/index.js +1 -1
  422. package/emotion/es/components/AvatarGroup/AvatarGroup.js +2 -2
  423. package/emotion/es/components/AvatarGroup/index.js +1 -1
  424. package/emotion/es/components/Badge/Badge.config.js +136 -25
  425. package/emotion/es/components/Badge/Badge.js +2 -4
  426. package/emotion/es/components/Badge/index.js +1 -1
  427. package/emotion/es/components/Breadcrumbs/Breadcrumbs.config.js +51 -13
  428. package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +3 -5
  429. package/emotion/es/components/Breadcrumbs/index.js +1 -1
  430. package/emotion/es/components/Button/Button.config.js +165 -25
  431. package/emotion/es/components/Button/Button.js +89 -28
  432. package/emotion/es/components/Button/index.js +1 -1
  433. package/emotion/es/components/ButtonBase/index.js +1 -1
  434. package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +219 -33
  435. package/emotion/es/components/ButtonGroup/ButtonGroup.js +2 -4
  436. package/emotion/es/components/ButtonGroup/index.js +1 -1
  437. package/emotion/es/components/Calendar/Calendar.js +12 -12
  438. package/emotion/es/components/Calendar/CalendarBase.config.js +119 -13
  439. package/emotion/es/components/Calendar/CalendarDouble.config.js +119 -13
  440. package/emotion/es/components/Calendar/index.js +1 -1
  441. package/emotion/es/components/Card/Card.config.js +72 -15
  442. package/emotion/es/components/Card/Card.js +4 -6
  443. package/emotion/es/components/Card/index.js +1 -1
  444. package/emotion/es/components/Carousel/Carousel.config.js +52 -0
  445. package/emotion/es/components/Carousel/Carousel.js +5 -0
  446. package/emotion/es/components/Carousel/index.js +2 -0
  447. package/emotion/es/components/Cell/Cell.config.js +101 -11
  448. package/emotion/es/components/Cell/Cell.js +3 -5
  449. package/emotion/es/components/Cell/index.js +1 -1
  450. package/emotion/es/components/Checkbox/Checkbox.config.js +95 -20
  451. package/emotion/es/components/Checkbox/Checkbox.js +3 -4
  452. package/emotion/es/components/Checkbox/index.js +1 -1
  453. package/emotion/es/components/Chip/Chip.config.js +153 -20
  454. package/emotion/es/components/Chip/Chip.js +3 -5
  455. package/emotion/es/components/Chip/index.js +1 -1
  456. package/emotion/es/components/ChipGroup/ChipGroup.config.js +118 -19
  457. package/emotion/es/components/ChipGroup/ChipGroup.js +2 -2
  458. package/emotion/es/components/ChipGroup/index.js +1 -1
  459. package/emotion/es/components/Combobox/Combobox.config.js +304 -25
  460. package/emotion/es/components/Combobox/Combobox.js +36 -9
  461. package/emotion/es/components/Combobox/index.js +1 -1
  462. package/emotion/es/components/Counter/Counter.config.js +86 -16
  463. package/emotion/es/components/Counter/Counter.js +2 -4
  464. package/emotion/es/components/Counter/index.js +1 -1
  465. package/emotion/es/components/DatePicker/DatePicker.config.js +255 -19
  466. package/emotion/es/components/DatePicker/DatePicker.js +4 -4
  467. package/emotion/es/components/DatePicker/index.js +1 -1
  468. package/emotion/es/components/Divider/Divider.config.js +100 -22
  469. package/emotion/es/components/Divider/Divider.js +2 -4
  470. package/emotion/es/components/Divider/index.js +1 -1
  471. package/emotion/es/components/Drawer/Drawer.config.js +70 -17
  472. package/emotion/es/components/Drawer/Drawer.js +8 -16
  473. package/emotion/es/components/Drawer/index.js +1 -1
  474. package/emotion/es/components/Dropdown/Dropdown.config.js +85 -13
  475. package/emotion/es/components/Dropdown/Dropdown.js +36 -9
  476. package/emotion/es/components/Dropdown/index.js +1 -1
  477. package/emotion/es/components/Dropzone/Dropzone.config.js +77 -16
  478. package/emotion/es/components/Dropzone/Dropzone.js +2 -2
  479. package/emotion/es/components/Dropzone/index.js +1 -1
  480. package/emotion/es/components/EmptyState/EmptyState.config.js +105 -13
  481. package/emotion/es/components/EmptyState/EmptyState.js +2 -2
  482. package/emotion/es/components/EmptyState/index.js +1 -1
  483. package/emotion/es/components/Flow/Flow.config.js +3 -3
  484. package/emotion/es/components/Flow/Flow.js +2 -2
  485. package/emotion/es/components/Flow/index.js +1 -1
  486. package/emotion/es/components/Grid/Grid.config.js +62 -14
  487. package/emotion/es/components/Grid/Grid.js +2 -2
  488. package/emotion/es/components/Grid/index.js +1 -1
  489. package/emotion/es/components/IconButton/IconButton.config.js +137 -23
  490. package/emotion/es/components/IconButton/IconButton.js +3 -5
  491. package/emotion/es/components/IconButton/index.js +1 -1
  492. package/emotion/es/components/Image/Image.js +3 -5
  493. package/emotion/es/components/Image/index.js +1 -1
  494. package/emotion/es/components/Indicator/Indicator.config.js +129 -21
  495. package/emotion/es/components/Indicator/Indicator.js +3 -3
  496. package/emotion/es/components/Indicator/index.js +1 -1
  497. package/emotion/es/components/Link/Link.config.js +205 -24
  498. package/emotion/es/components/Link/Link.js +3 -4
  499. package/emotion/es/components/Link/index.js +1 -1
  500. package/emotion/es/components/Mask/Mask.js +1 -1
  501. package/emotion/es/components/Mask/index.js +1 -1
  502. package/emotion/es/components/Modal/Modal.config.js +38 -10
  503. package/emotion/es/components/Modal/Modal.js +3 -5
  504. package/emotion/es/components/Modal/index.js +1 -1
  505. package/emotion/es/components/Notification/Notification.config.js +154 -21
  506. package/emotion/es/components/Notification/Notification.js +11 -15
  507. package/emotion/es/components/Notification/index.js +1 -1
  508. package/emotion/es/components/NumberFormat/NumberFormat.js +1 -9
  509. package/emotion/es/components/NumberFormat/index.js +1 -1
  510. package/emotion/es/components/NumberInput/NumberInput.config.js +145 -29
  511. package/emotion/es/components/NumberInput/NumberInput.js +2 -2
  512. package/emotion/es/components/NumberInput/index.js +1 -1
  513. package/emotion/es/components/Overlay/index.js +1 -1
  514. package/emotion/es/components/Pagination/Pagination.config.js +130 -21
  515. package/emotion/es/components/Pagination/Pagination.js +3 -5
  516. package/emotion/es/components/Pagination/index.js +1 -1
  517. package/emotion/es/components/Popover/Popover.config.js +34 -10
  518. package/emotion/es/components/Popover/Popover.js +2 -2
  519. package/emotion/es/components/Popover/index.js +1 -1
  520. package/emotion/es/components/Popup/Popup.js +2 -4
  521. package/emotion/es/components/Popup/index.js +1 -1
  522. package/emotion/es/components/Portal/index.js +1 -1
  523. package/emotion/es/components/Price/Price.config.js +7 -7
  524. package/emotion/es/components/Price/Price.js +3 -5
  525. package/emotion/es/components/Price/index.js +1 -1
  526. package/emotion/es/components/Progress/Progress.config.js +86 -16
  527. package/emotion/es/components/Progress/Progress.js +3 -3
  528. package/emotion/es/components/Progress/index.js +1 -1
  529. package/emotion/es/components/Radiobox/Radiobox.config.js +97 -26
  530. package/emotion/es/components/Radiobox/Radiobox.js +4 -5
  531. package/emotion/es/components/Radiobox/index.js +1 -1
  532. package/emotion/es/components/Range/Range.config.js +148 -19
  533. package/emotion/es/components/Range/Range.js +2 -4
  534. package/emotion/es/components/Range/index.js +1 -1
  535. package/emotion/es/components/Rating/Rating.config.js +108 -15
  536. package/emotion/es/components/Rating/Rating.js +2 -2
  537. package/emotion/es/components/Rating/index.js +1 -1
  538. package/emotion/es/components/SSRProvider/index.js +1 -1
  539. package/emotion/es/components/Segment/Segment.js +5 -10
  540. package/emotion/es/components/Segment/SegmentGroup.config.js +121 -29
  541. package/emotion/es/components/Segment/SegmentItem.config.js +115 -20
  542. package/emotion/es/components/Segment/index.js +1 -1
  543. package/emotion/es/components/Select/Select.config.js +295 -29
  544. package/emotion/es/components/Select/Select.js +36 -9
  545. package/emotion/es/components/Select/index.js +1 -1
  546. package/emotion/es/components/Sheet/Sheet.config.js +54 -13
  547. package/emotion/es/components/Sheet/Sheet.js +3 -5
  548. package/emotion/es/components/Sheet/index.js +1 -1
  549. package/emotion/es/components/Skeleton/LineSkeleton.config.js +221 -26
  550. package/emotion/es/components/Skeleton/Skeleton.js +4 -4
  551. package/emotion/es/components/Skeleton/index.js +1 -1
  552. package/emotion/es/components/Slider/Slider.config.js +138 -17
  553. package/emotion/es/components/Slider/Slider.js +3 -5
  554. package/emotion/es/components/Slider/index.js +1 -1
  555. package/emotion/es/components/Spinner/Spinner.config.js +98 -18
  556. package/emotion/es/components/Spinner/Spinner.js +8 -6
  557. package/emotion/es/components/Spinner/index.js +1 -1
  558. package/emotion/es/components/Steps/Steps.config.js +96 -13
  559. package/emotion/es/components/Steps/Steps.js +3 -3
  560. package/emotion/es/components/Steps/index.js +1 -1
  561. package/emotion/es/components/Switch/Switch.config.js +140 -26
  562. package/emotion/es/components/Switch/Switch.js +3 -3
  563. package/emotion/es/components/Switch/index.js +1 -1
  564. package/emotion/es/components/Table/Table.config.js +248 -16
  565. package/emotion/es/components/Table/Table.js +3 -5
  566. package/emotion/es/components/Table/index.js +1 -1
  567. package/emotion/es/components/Tabs/TabItem.js +10 -11
  568. package/emotion/es/components/Tabs/Tabs.js +10 -11
  569. package/emotion/es/components/Tabs/TabsController.js +5 -7
  570. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +221 -25
  571. package/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +257 -32
  572. package/emotion/es/components/Tabs/index.js +1 -1
  573. package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js +116 -19
  574. package/emotion/es/components/Tabs/vertical/VerticalTabs.config.js +89 -19
  575. package/emotion/es/components/TextArea/TextArea.config.js +358 -37
  576. package/emotion/es/components/TextArea/TextArea.js +3 -5
  577. package/emotion/es/components/TextArea/index.js +1 -1
  578. package/emotion/es/components/TextField/TextField.config.js +329 -35
  579. package/emotion/es/components/TextField/TextField.js +2 -4
  580. package/emotion/es/components/TextField/index.js +1 -1
  581. package/emotion/es/components/Toast/Toast.config.js +118 -30
  582. package/emotion/es/components/Toast/Toast.js +4 -4
  583. package/emotion/es/components/Toast/index.js +1 -1
  584. package/emotion/es/components/ToastNew/ToastNew.config.js +71 -16
  585. package/emotion/es/components/ToastNew/ToastNew.js +3 -3
  586. package/emotion/es/components/ToastNew/index.js +1 -1
  587. package/emotion/es/components/Tokens/Colors/Colors.styles.js +90 -19
  588. package/emotion/es/components/Tokens/NumberTokens/NumberTokens.styles.js +37 -8
  589. package/emotion/es/components/Tokens/Typography/Typography.styles.js +135 -36
  590. package/emotion/es/components/Toolbar/Toolbar.config.js +48 -13
  591. package/emotion/es/components/Toolbar/Toolbar.js +4 -6
  592. package/emotion/es/components/Toolbar/index.js +1 -1
  593. package/emotion/es/components/Tooltip/Tooltip.config.js +62 -14
  594. package/emotion/es/components/Tooltip/Tooltip.js +2 -2
  595. package/emotion/es/components/Tooltip/index.js +1 -1
  596. package/emotion/es/components/Tree/Tree.config.js +74 -13
  597. package/emotion/es/components/Tree/Tree.js +2 -2
  598. package/emotion/es/components/Tree/index.js +1 -1
  599. package/emotion/es/components/Typography/Body.config.js +131 -38
  600. package/emotion/es/components/Typography/Dspl.config.js +83 -24
  601. package/emotion/es/components/Typography/Heading.config.js +131 -38
  602. package/emotion/es/components/Typography/Text.config.js +107 -31
  603. package/emotion/es/components/Typography/Typography.js +35 -35
  604. package/emotion/es/components/Typography/index.js +1 -1
  605. package/emotion/es/components/ViewContainer/ViewContainer.config.js +36 -8
  606. package/emotion/es/components/ViewContainer/ViewContainer.js +2 -2
  607. package/emotion/es/components/ViewContainer/index.js +1 -1
  608. package/emotion/es/index.js +2 -1
  609. package/emotion/es/mixins/index.js +1 -1
  610. package/emotion/es/tokens/index.js +1 -1
  611. package/es/components/Accordion/Accordion.config.js +92 -14
  612. package/es/components/Accordion/Accordion.js +3 -3
  613. package/es/components/Accordion/index.js +1 -1
  614. package/es/components/Attach/Attach.config.js +258 -21
  615. package/es/components/Attach/Attach.js +2 -4
  616. package/es/components/Attach/index.js +1 -1
  617. package/es/components/Autocomplete/Autocomplete.config.js +238 -25
  618. package/es/components/Autocomplete/Autocomplete.js +2 -2
  619. package/es/components/Autocomplete/index.js +1 -1
  620. package/es/components/Avatar/Avatar.config.js +188 -26
  621. package/es/components/Avatar/Avatar.js +3 -3
  622. package/es/components/Avatar/index.js +1 -1
  623. package/es/components/AvatarGroup/AvatarGroup.js +2 -2
  624. package/es/components/AvatarGroup/index.js +1 -1
  625. package/es/components/Badge/Badge.config.js +136 -25
  626. package/es/components/Badge/Badge.js +2 -4
  627. package/es/components/Badge/index.js +1 -1
  628. package/es/components/Breadcrumbs/Breadcrumbs.config.js +51 -13
  629. package/es/components/Breadcrumbs/Breadcrumbs.js +3 -5
  630. package/es/components/Breadcrumbs/index.js +1 -1
  631. package/es/components/Button/Button.config.js +165 -25
  632. package/es/components/Button/Button.js +89 -28
  633. package/es/components/Button/index.js +1 -1
  634. package/es/components/ButtonBase/index.js +1 -1
  635. package/es/components/ButtonGroup/ButtonGroup.config.js +219 -33
  636. package/es/components/ButtonGroup/ButtonGroup.js +2 -4
  637. package/es/components/ButtonGroup/index.js +1 -1
  638. package/es/components/Calendar/Calendar.js +12 -12
  639. package/es/components/Calendar/CalendarBase.config.js +119 -13
  640. package/es/components/Calendar/CalendarDouble.config.js +119 -13
  641. package/es/components/Calendar/index.js +1 -1
  642. package/es/components/Card/Card.config.js +72 -15
  643. package/es/components/Card/Card.js +4 -6
  644. package/es/components/Card/index.js +1 -1
  645. package/es/components/Carousel/Carousel.config.js +52 -0
  646. package/es/components/Carousel/Carousel.js +5 -0
  647. package/es/components/Carousel/index.js +2 -0
  648. package/es/components/Cell/Cell.config.js +101 -11
  649. package/es/components/Cell/Cell.js +3 -5
  650. package/es/components/Cell/index.js +1 -1
  651. package/es/components/Checkbox/Checkbox.config.js +95 -20
  652. package/es/components/Checkbox/Checkbox.js +3 -4
  653. package/es/components/Checkbox/index.js +1 -1
  654. package/es/components/Chip/Chip.config.js +153 -20
  655. package/es/components/Chip/Chip.js +3 -5
  656. package/es/components/Chip/index.js +1 -1
  657. package/es/components/ChipGroup/ChipGroup.config.js +118 -19
  658. package/es/components/ChipGroup/ChipGroup.js +2 -2
  659. package/es/components/ChipGroup/index.js +1 -1
  660. package/es/components/Combobox/Combobox.config.js +304 -25
  661. package/es/components/Combobox/Combobox.js +36 -9
  662. package/es/components/Combobox/index.js +1 -1
  663. package/es/components/Counter/Counter.config.js +86 -16
  664. package/es/components/Counter/Counter.js +2 -4
  665. package/es/components/Counter/index.js +1 -1
  666. package/es/components/DatePicker/DatePicker.config.js +255 -19
  667. package/es/components/DatePicker/DatePicker.js +4 -4
  668. package/es/components/DatePicker/index.js +1 -1
  669. package/es/components/Divider/Divider.config.js +100 -22
  670. package/es/components/Divider/Divider.js +2 -4
  671. package/es/components/Divider/index.js +1 -1
  672. package/es/components/Drawer/Drawer.config.js +70 -17
  673. package/es/components/Drawer/Drawer.js +8 -16
  674. package/es/components/Drawer/index.js +1 -1
  675. package/es/components/Dropdown/Dropdown.config.js +85 -13
  676. package/es/components/Dropdown/Dropdown.js +36 -9
  677. package/es/components/Dropdown/index.js +1 -1
  678. package/es/components/Dropzone/Dropzone.config.js +77 -16
  679. package/es/components/Dropzone/Dropzone.js +2 -2
  680. package/es/components/Dropzone/index.js +1 -1
  681. package/es/components/EmptyState/EmptyState.config.js +105 -13
  682. package/es/components/EmptyState/EmptyState.js +2 -2
  683. package/es/components/EmptyState/index.js +1 -1
  684. package/es/components/Flow/Flow.config.js +3 -3
  685. package/es/components/Flow/Flow.js +2 -2
  686. package/es/components/Flow/index.js +1 -1
  687. package/es/components/Grid/Grid.config.js +62 -14
  688. package/es/components/Grid/Grid.js +2 -2
  689. package/es/components/Grid/index.js +1 -1
  690. package/es/components/IconButton/IconButton.config.js +137 -23
  691. package/es/components/IconButton/IconButton.js +3 -5
  692. package/es/components/IconButton/index.js +1 -1
  693. package/es/components/Image/Image.js +3 -5
  694. package/es/components/Image/index.js +1 -1
  695. package/es/components/Indicator/Indicator.config.js +129 -21
  696. package/es/components/Indicator/Indicator.js +3 -3
  697. package/es/components/Indicator/index.js +1 -1
  698. package/es/components/Link/Link.config.js +205 -24
  699. package/es/components/Link/Link.js +3 -4
  700. package/es/components/Link/index.js +1 -1
  701. package/es/components/Mask/Mask.js +1 -1
  702. package/es/components/Mask/index.js +1 -1
  703. package/es/components/Modal/Modal.config.js +38 -10
  704. package/es/components/Modal/Modal.js +3 -5
  705. package/es/components/Modal/index.js +1 -1
  706. package/es/components/Notification/Notification.config.js +154 -21
  707. package/es/components/Notification/Notification.js +11 -15
  708. package/es/components/Notification/index.js +1 -1
  709. package/es/components/NumberFormat/NumberFormat.js +1 -9
  710. package/es/components/NumberFormat/index.js +1 -1
  711. package/es/components/NumberInput/NumberInput.config.js +145 -29
  712. package/es/components/NumberInput/NumberInput.js +2 -2
  713. package/es/components/NumberInput/index.js +1 -1
  714. package/es/components/Overlay/index.js +1 -1
  715. package/es/components/Pagination/Pagination.config.js +130 -21
  716. package/es/components/Pagination/Pagination.js +3 -5
  717. package/es/components/Pagination/index.js +1 -1
  718. package/es/components/Popover/Popover.config.js +34 -10
  719. package/es/components/Popover/Popover.js +2 -2
  720. package/es/components/Popover/index.js +1 -1
  721. package/es/components/Popup/Popup.js +2 -4
  722. package/es/components/Popup/index.js +1 -1
  723. package/es/components/Portal/index.js +1 -1
  724. package/es/components/Price/Price.config.js +7 -7
  725. package/es/components/Price/Price.js +3 -5
  726. package/es/components/Price/index.js +1 -1
  727. package/es/components/Progress/Progress.config.js +86 -16
  728. package/es/components/Progress/Progress.js +3 -3
  729. package/es/components/Progress/index.js +1 -1
  730. package/es/components/Radiobox/Radiobox.config.js +97 -26
  731. package/es/components/Radiobox/Radiobox.js +4 -5
  732. package/es/components/Radiobox/index.js +1 -1
  733. package/es/components/Range/Range.config.js +148 -19
  734. package/es/components/Range/Range.js +2 -4
  735. package/es/components/Range/index.js +1 -1
  736. package/es/components/Rating/Rating.config.js +108 -15
  737. package/es/components/Rating/Rating.js +2 -2
  738. package/es/components/Rating/index.js +1 -1
  739. package/es/components/SSRProvider/index.js +1 -1
  740. package/es/components/Segment/Segment.js +5 -10
  741. package/es/components/Segment/SegmentGroup.config.js +121 -29
  742. package/es/components/Segment/SegmentItem.config.js +115 -20
  743. package/es/components/Segment/index.js +1 -1
  744. package/es/components/Select/Select.config.js +295 -29
  745. package/es/components/Select/Select.js +36 -9
  746. package/es/components/Select/index.js +1 -1
  747. package/es/components/Sheet/Sheet.config.js +54 -13
  748. package/es/components/Sheet/Sheet.js +3 -5
  749. package/es/components/Sheet/index.js +1 -1
  750. package/es/components/Skeleton/LineSkeleton.config.js +221 -26
  751. package/es/components/Skeleton/Skeleton.js +4 -4
  752. package/es/components/Skeleton/index.js +1 -1
  753. package/es/components/Slider/Slider.config.js +138 -17
  754. package/es/components/Slider/Slider.js +3 -5
  755. package/es/components/Slider/index.js +1 -1
  756. package/es/components/Spinner/Spinner.config.js +98 -18
  757. package/es/components/Spinner/Spinner.js +8 -6
  758. package/es/components/Spinner/index.js +1 -1
  759. package/es/components/Steps/Steps.config.js +96 -13
  760. package/es/components/Steps/Steps.js +3 -3
  761. package/es/components/Steps/index.js +1 -1
  762. package/es/components/Switch/Switch.config.js +140 -26
  763. package/es/components/Switch/Switch.js +3 -3
  764. package/es/components/Switch/index.js +1 -1
  765. package/es/components/Table/Table.config.js +248 -16
  766. package/es/components/Table/Table.js +3 -5
  767. package/es/components/Table/index.js +1 -1
  768. package/es/components/Tabs/TabItem.js +10 -11
  769. package/es/components/Tabs/Tabs.js +10 -11
  770. package/es/components/Tabs/TabsController.js +5 -7
  771. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +221 -25
  772. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +257 -32
  773. package/es/components/Tabs/index.js +1 -1
  774. package/es/components/Tabs/vertical/VerticalTabItem.config.js +116 -19
  775. package/es/components/Tabs/vertical/VerticalTabs.config.js +89 -19
  776. package/es/components/TextArea/TextArea.config.js +358 -37
  777. package/es/components/TextArea/TextArea.js +3 -5
  778. package/es/components/TextArea/index.js +1 -1
  779. package/es/components/TextField/TextField.config.js +329 -35
  780. package/es/components/TextField/TextField.js +2 -4
  781. package/es/components/TextField/index.js +1 -1
  782. package/es/components/Toast/Toast.config.js +118 -30
  783. package/es/components/Toast/Toast.js +4 -4
  784. package/es/components/Toast/index.js +1 -1
  785. package/es/components/ToastNew/ToastNew.config.js +71 -16
  786. package/es/components/ToastNew/ToastNew.js +3 -3
  787. package/es/components/ToastNew/index.js +1 -1
  788. package/es/components/Tokens/Colors/Colors.styles.js +90 -43
  789. package/es/components/Tokens/NumberTokens/NumberTokens.styles.js +37 -18
  790. package/es/components/Tokens/Typography/Typography.styles.js +135 -68
  791. package/es/components/Toolbar/Toolbar.config.js +48 -13
  792. package/es/components/Toolbar/Toolbar.js +4 -6
  793. package/es/components/Toolbar/index.js +1 -1
  794. package/es/components/Tooltip/Tooltip.config.js +62 -14
  795. package/es/components/Tooltip/Tooltip.js +2 -2
  796. package/es/components/Tooltip/index.js +1 -1
  797. package/es/components/Tree/Tree.config.js +74 -13
  798. package/es/components/Tree/Tree.js +2 -2
  799. package/es/components/Tree/index.js +1 -1
  800. package/es/components/Typography/Body.config.js +131 -38
  801. package/es/components/Typography/Dspl.config.js +83 -24
  802. package/es/components/Typography/Heading.config.js +131 -38
  803. package/es/components/Typography/Text.config.js +107 -31
  804. package/es/components/Typography/Typography.js +35 -35
  805. package/es/components/Typography/index.js +1 -1
  806. package/es/components/ViewContainer/ViewContainer.config.js +36 -8
  807. package/es/components/ViewContainer/ViewContainer.js +2 -2
  808. package/es/components/ViewContainer/index.js +1 -1
  809. package/es/index.js +2 -1
  810. package/es/mixins/index.js +1 -1
  811. package/es/tokens/index.js +1 -1
  812. package/index.d.ts +1 -0
  813. package/index.js +82 -729
  814. package/mixins/index.js +61 -20
  815. package/package.json +12 -12
  816. package/tokens/index.js +126 -255
  817. package/components/Image/Image.component-test.js +0 -92
  818. package/components/Pagination/Pagination.component-test.js +0 -298
  819. package/components/Slider/Slider.component-test.js +0 -223
  820. package/emotion/cjs/components/Accordion/Accordion.stories.tsx +0 -159
  821. package/emotion/cjs/components/Attach/Attach.stories.tsx +0 -157
  822. package/emotion/cjs/components/Autocomplete/Autocomplete.stories.tsx +0 -170
  823. package/emotion/cjs/components/Avatar/Avatar.stories.tsx +0 -74
  824. package/emotion/cjs/components/AvatarGroup/AvatarGroup.stories.tsx +0 -71
  825. package/emotion/cjs/components/Badge/Badge.stories.tsx +0 -87
  826. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -82
  827. package/emotion/cjs/components/Button/Button.stories.tsx +0 -212
  828. package/emotion/cjs/components/ButtonGroup/ButtonGroup.stories.tsx +0 -109
  829. package/emotion/cjs/components/Calendar/Calendar.stories.tsx +0 -304
  830. package/emotion/cjs/components/Card/Card.stories.tsx +0 -281
  831. package/emotion/cjs/components/Cell/Cell.stories.tsx +0 -97
  832. package/emotion/cjs/components/Checkbox/Checkbox.stories.tsx +0 -232
  833. package/emotion/cjs/components/Chip/Chip.stories.tsx +0 -93
  834. package/emotion/cjs/components/ChipGroup/ChipGroup.stories.tsx +0 -79
  835. package/emotion/cjs/components/Combobox/Combobox.stories.tsx +0 -604
  836. package/emotion/cjs/components/Counter/Counter.stories.tsx +0 -34
  837. package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx +0 -309
  838. package/emotion/cjs/components/Divider/Divider.stories.tsx +0 -58
  839. package/emotion/cjs/components/Drawer/Drawer.stories.tsx +0 -217
  840. package/emotion/cjs/components/Dropdown/Dropdown.stories.tsx +0 -331
  841. package/emotion/cjs/components/Dropzone/Dropzone.stories.tsx +0 -58
  842. package/emotion/cjs/components/EmptyState/EmptyState.stories.tsx +0 -43
  843. package/emotion/cjs/components/Flow/Flow.stories.tsx +0 -133
  844. package/emotion/cjs/components/Grid/Grid.stories.tsx +0 -119
  845. package/emotion/cjs/components/IconButton/IconButton.stories.tsx +0 -94
  846. package/emotion/cjs/components/Image/Image.component-test.js +0 -91
  847. package/emotion/cjs/components/Image/Image.stories.tsx +0 -44
  848. package/emotion/cjs/components/Indicator/Indicator.stories.tsx +0 -34
  849. package/emotion/cjs/components/Link/Link.stories.tsx +0 -57
  850. package/emotion/cjs/components/Mask/Mask.stories.tsx +0 -176
  851. package/emotion/cjs/components/Modal/Modal.stories.tsx +0 -426
  852. package/emotion/cjs/components/Notification/Notification.stories.tsx +0 -221
  853. package/emotion/cjs/components/NumberFormat/NumberFormat.stories.tsx +0 -186
  854. package/emotion/cjs/components/NumberInput/NumberInput.stories.tsx +0 -81
  855. package/emotion/cjs/components/Overlay/Overlay.stories.tsx +0 -76
  856. package/emotion/cjs/components/Pagination/Pagination.component-test.js +0 -298
  857. package/emotion/cjs/components/Pagination/Pagination.stories.tsx +0 -139
  858. package/emotion/cjs/components/Popover/Popover.stories.tsx +0 -127
  859. package/emotion/cjs/components/Popover/style.css +0 -4
  860. package/emotion/cjs/components/Popup/Popup.stories.tsx +0 -171
  861. package/emotion/cjs/components/Portal/Portal.stories.tsx +0 -57
  862. package/emotion/cjs/components/Price/Price.stories.tsx +0 -34
  863. package/emotion/cjs/components/Progress/Progress.stories.tsx +0 -32
  864. package/emotion/cjs/components/Radiobox/Radiobox.stories.tsx +0 -139
  865. package/emotion/cjs/components/Range/Range.stories.tsx +0 -343
  866. package/emotion/cjs/components/Rating/Rating.stories.tsx +0 -125
  867. package/emotion/cjs/components/Segment/Segment.stories.tsx +0 -162
  868. package/emotion/cjs/components/Select/Select.stories.tsx +0 -642
  869. package/emotion/cjs/components/Select/style.css +0 -37
  870. package/emotion/cjs/components/Sheet/Sheet.stories.tsx +0 -361
  871. package/emotion/cjs/components/Skeleton/Skeleton.stories.tsx +0 -116
  872. package/emotion/cjs/components/Slider/Slider.component-test.js +0 -223
  873. package/emotion/cjs/components/Slider/Slider.stories.tsx +0 -277
  874. package/emotion/cjs/components/Spinner/Spinner.stories.tsx +0 -109
  875. package/emotion/cjs/components/Steps/Steps.stories.tsx +0 -191
  876. package/emotion/cjs/components/Switch/Switch.stories.tsx +0 -100
  877. package/emotion/cjs/components/Table/Table.stories.tsx +0 -551
  878. package/emotion/cjs/components/Tabs/Tabs.stories.tsx +0 -639
  879. package/emotion/cjs/components/TextArea/TextArea.stories.tsx +0 -228
  880. package/emotion/cjs/components/TextField/TextField.stories.tsx +0 -260
  881. package/emotion/cjs/components/Toast/Toast.stories.tsx +0 -156
  882. package/emotion/cjs/components/ToastNew/ToastNew.stories.tsx +0 -87
  883. package/emotion/cjs/components/Tokens/Colors/Colors.stories.tsx +0 -196
  884. package/emotion/cjs/components/Tokens/NumberTokens/CornerRadius.stories.tsx +0 -93
  885. package/emotion/cjs/components/Tokens/NumberTokens/Spacing.stories.tsx +0 -93
  886. package/emotion/cjs/components/Tokens/Typography/Typography.stories.tsx +0 -277
  887. package/emotion/cjs/components/Toolbar/Toolbar.stories.tsx +0 -64
  888. package/emotion/cjs/components/Tooltip/Tooltip.stories.tsx +0 -152
  889. package/emotion/cjs/components/Tree/Tree.stories.tsx +0 -146
  890. package/emotion/cjs/components/Typography/Typography.stories.tsx +0 -243
  891. package/emotion/es/components/Accordion/Accordion.stories.tsx +0 -159
  892. package/emotion/es/components/Attach/Attach.stories.tsx +0 -157
  893. package/emotion/es/components/Autocomplete/Autocomplete.stories.tsx +0 -170
  894. package/emotion/es/components/Avatar/Avatar.stories.tsx +0 -74
  895. package/emotion/es/components/AvatarGroup/AvatarGroup.stories.tsx +0 -71
  896. package/emotion/es/components/Badge/Badge.stories.tsx +0 -87
  897. package/emotion/es/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -82
  898. package/emotion/es/components/Button/Button.stories.tsx +0 -212
  899. package/emotion/es/components/ButtonGroup/ButtonGroup.stories.tsx +0 -109
  900. package/emotion/es/components/Calendar/Calendar.stories.tsx +0 -304
  901. package/emotion/es/components/Card/Card.stories.tsx +0 -281
  902. package/emotion/es/components/Cell/Cell.stories.tsx +0 -97
  903. package/emotion/es/components/Checkbox/Checkbox.stories.tsx +0 -232
  904. package/emotion/es/components/Chip/Chip.stories.tsx +0 -93
  905. package/emotion/es/components/ChipGroup/ChipGroup.stories.tsx +0 -79
  906. package/emotion/es/components/Combobox/Combobox.stories.tsx +0 -604
  907. package/emotion/es/components/Counter/Counter.stories.tsx +0 -34
  908. package/emotion/es/components/DatePicker/DatePicker.stories.tsx +0 -309
  909. package/emotion/es/components/Divider/Divider.stories.tsx +0 -58
  910. package/emotion/es/components/Drawer/Drawer.stories.tsx +0 -217
  911. package/emotion/es/components/Dropdown/Dropdown.stories.tsx +0 -331
  912. package/emotion/es/components/Dropzone/Dropzone.stories.tsx +0 -58
  913. package/emotion/es/components/EmptyState/EmptyState.stories.tsx +0 -43
  914. package/emotion/es/components/Flow/Flow.stories.tsx +0 -133
  915. package/emotion/es/components/Grid/Grid.stories.tsx +0 -119
  916. package/emotion/es/components/IconButton/IconButton.stories.tsx +0 -94
  917. package/emotion/es/components/Image/Image.component-test.js +0 -85
  918. package/emotion/es/components/Image/Image.stories.tsx +0 -44
  919. package/emotion/es/components/Indicator/Indicator.stories.tsx +0 -34
  920. package/emotion/es/components/Link/Link.stories.tsx +0 -57
  921. package/emotion/es/components/Mask/Mask.stories.tsx +0 -176
  922. package/emotion/es/components/Modal/Modal.stories.tsx +0 -426
  923. package/emotion/es/components/Notification/Notification.stories.tsx +0 -221
  924. package/emotion/es/components/NumberFormat/NumberFormat.stories.tsx +0 -186
  925. package/emotion/es/components/NumberInput/NumberInput.stories.tsx +0 -81
  926. package/emotion/es/components/Overlay/Overlay.stories.tsx +0 -76
  927. package/emotion/es/components/Pagination/Pagination.component-test.js +0 -293
  928. package/emotion/es/components/Pagination/Pagination.stories.tsx +0 -139
  929. package/emotion/es/components/Popover/Popover.stories.tsx +0 -127
  930. package/emotion/es/components/Popover/style.css +0 -4
  931. package/emotion/es/components/Popup/Popup.stories.tsx +0 -171
  932. package/emotion/es/components/Portal/Portal.stories.tsx +0 -57
  933. package/emotion/es/components/Price/Price.stories.tsx +0 -34
  934. package/emotion/es/components/Progress/Progress.stories.tsx +0 -32
  935. package/emotion/es/components/Radiobox/Radiobox.stories.tsx +0 -139
  936. package/emotion/es/components/Range/Range.stories.tsx +0 -343
  937. package/emotion/es/components/Rating/Rating.stories.tsx +0 -125
  938. package/emotion/es/components/Segment/Segment.stories.tsx +0 -162
  939. package/emotion/es/components/Select/Select.stories.tsx +0 -642
  940. package/emotion/es/components/Select/style.css +0 -37
  941. package/emotion/es/components/Sheet/Sheet.stories.tsx +0 -361
  942. package/emotion/es/components/Skeleton/Skeleton.stories.tsx +0 -116
  943. package/emotion/es/components/Slider/Slider.component-test.js +0 -220
  944. package/emotion/es/components/Slider/Slider.stories.tsx +0 -277
  945. package/emotion/es/components/Spinner/Spinner.stories.tsx +0 -109
  946. package/emotion/es/components/Steps/Steps.stories.tsx +0 -191
  947. package/emotion/es/components/Switch/Switch.stories.tsx +0 -100
  948. package/emotion/es/components/Table/Table.stories.tsx +0 -551
  949. package/emotion/es/components/Tabs/Tabs.stories.tsx +0 -639
  950. package/emotion/es/components/TextArea/TextArea.stories.tsx +0 -228
  951. package/emotion/es/components/TextField/TextField.stories.tsx +0 -260
  952. package/emotion/es/components/Toast/Toast.stories.tsx +0 -156
  953. package/emotion/es/components/ToastNew/ToastNew.stories.tsx +0 -87
  954. package/emotion/es/components/Tokens/Colors/Colors.stories.tsx +0 -196
  955. package/emotion/es/components/Tokens/NumberTokens/CornerRadius.stories.tsx +0 -93
  956. package/emotion/es/components/Tokens/NumberTokens/Spacing.stories.tsx +0 -93
  957. package/emotion/es/components/Tokens/Typography/Typography.stories.tsx +0 -277
  958. package/emotion/es/components/Toolbar/Toolbar.stories.tsx +0 -64
  959. package/emotion/es/components/Tooltip/Tooltip.stories.tsx +0 -152
  960. package/emotion/es/components/Tree/Tree.stories.tsx +0 -146
  961. package/emotion/es/components/Typography/Typography.stories.tsx +0 -243
  962. package/es/components/Image/Image.component-test.js +0 -86
  963. package/es/components/Pagination/Pagination.component-test.js +0 -293
  964. package/es/components/Slider/Slider.component-test.js +0 -220
  965. /package/emotion/{cjs/helpers/index.ts → es/helpers/index.js} +0 -0
  966. /package/{emotion/es/helpers/index.ts → es/helpers/index.js} +0 -0
@@ -1,20 +1,75 @@
1
- var _templateObject, _templateObject2, _templateObject3;
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(--text-primary);\n ",
15
+ ": var(--surface-solid-card-brightness);\n\n ",
16
+ ": var(--text-accent);\n ",
17
+ ": #1A9E32;\n "
18
+ ]);
19
+ _templateObject = function _templateObject() {
20
+ return data;
21
+ };
22
+ return data;
23
+ }
24
+ function _templateObject1() {
25
+ var data = _tagged_template_literal([
26
+ "\n ",
27
+ ": 0.75rem;\n ",
28
+ ": calc(100vw - 5rem);\n ",
29
+ ": 0.5rem 0.75rem;\n ",
30
+ ": 1.5rem;\n ",
31
+ ": 1.5rem;\n ",
32
+ ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\n ",
33
+ ": -0.0625rem 0.5rem -0.0625rem 0rem;\n\n ",
34
+ ": var(--plasma-typo-body-m-font-family);\n ",
35
+ ": var(--plasma-typo-body-m-font-size);\n ",
36
+ ": var(--plasma-typo-body-m-font-style);\n ",
37
+ ": var(--plasma-typo-body-m-font-weight);\n ",
38
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
39
+ ": var(--plasma-typo-body-m-line-height);\n "
40
+ ]);
41
+ _templateObject1 = function _templateObject() {
42
+ return data;
43
+ };
44
+ return data;
45
+ }
46
+ function _templateObject2() {
47
+ var data = _tagged_template_literal([
48
+ "\n ",
49
+ ": 1.5rem;\n ",
50
+ ": -0.0625rem 0.375rem -0.0625rem 0rem;\n ",
51
+ ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\n "
52
+ ]);
53
+ _templateObject2 = function _templateObject() {
54
+ return data;
55
+ };
56
+ return data;
57
+ }
3
58
  import { css, toastNewTokens as toastTokens } from '@salutejs/plasma-new-hope/emotion';
4
59
  export var config = {
5
- defaults: {
6
- view: 'default',
7
- size: 's'
8
- },
9
- variations: {
10
- view: {
11
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-solid-card-brightness);\n\n ", ": var(--text-accent);\n ", ": #1A9E32;\n "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
12
- },
13
- size: {
14
- s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": calc(100vw - 5rem);\n ", ": 0.5rem 0.75rem;\n ", ": 1.5rem;\n ", ": 1.5rem;\n ", ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\n ", ": -0.0625rem 0.5rem -0.0625rem 0rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.closeIconSize, toastTokens.closeIconButtonSize, toastTokens.closeIconMargin, toastTokens.contentLeftMargin, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight)
60
+ defaults: {
61
+ view: 'default',
62
+ size: 's'
15
63
  },
16
- pilled: {
17
- "true": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": -0.0625rem 0.375rem -0.0625rem 0rem;\n ", ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\n "])), toastTokens.borderRadius, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
64
+ variations: {
65
+ view: {
66
+ default: css(_templateObject(), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
67
+ },
68
+ size: {
69
+ s: css(_templateObject1(), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.closeIconSize, toastTokens.closeIconButtonSize, toastTokens.closeIconMargin, toastTokens.contentLeftMargin, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight)
70
+ },
71
+ pilled: {
72
+ true: css(_templateObject2(), toastTokens.borderRadius, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
73
+ }
18
74
  }
19
- }
20
- };
75
+ };
@@ -1,6 +1,6 @@
1
1
  import { component, mergeConfig, showToast as showToastOriginal, toastContainerConfig } from '@salutejs/plasma-new-hope/emotion';
2
2
  import { config } from './ToastNew.config';
3
- var mergedConfig = /*#__PURE__*/mergeConfig(toastContainerConfig, config);
4
- export var ToastContainer = /*#__PURE__*/component(mergedConfig);
3
+ var mergedConfig = mergeConfig(toastContainerConfig, config);
4
+ export var ToastContainer = component(mergedConfig);
5
5
  var showToast = showToastOriginal;
6
- export { showToast };
6
+ export { showToast };
@@ -1 +1 @@
1
- export { ToastContainer, showToast } from './ToastNew';
1
+ export { ToastContainer, showToast } from './ToastNew';
@@ -1,23 +1,94 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
1
  import styled from 'styled-components';
4
2
  import { segmentTokens } from '@salutejs/plasma-new-hope';
5
3
  import { AccordionItem } from '../../Accordion';
6
4
  import { SegmentItem } from '../../Segment/Segment';
7
- export var ColorTokensWrapper = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n padding-top: 1.5rem;\n width: 100%;\n"])));
8
- export var SubthemeSwitcher = /*#__PURE__*/styled.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n margin: -0.5rem auto 2.5rem auto;\n width: fit-content;\n\n position: relative;\n\n &:before {\n content: '\u041F\u043E\u0434\u0442\u0435\u043C\u0430';\n position: absolute;\n top: 50%;\n transform: translate(-100%, -50%);\n left: -0.75rem;\n color: var(--text-tertiary);\n\n font-family: var(--plasma-typo-body-xs-font-family);\n font-size: var(--plasma-typo-body-xs-font-size);\n font-style: var(--plasma-typo-body-xs-font-style);\n font-weight: var(--plasma-typo-body-xs-font-weight);\n bold-font-weight: var(--plasma-typo-body-xs-bold-font-weight);\n letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n line-height: var(--plasma-typo-body-xs-line-height);\n }\n"])));
9
- export var StyledSegmentItem = /*#__PURE__*/styled(SegmentItem)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.75rem;\n ", ": 0.375rem 0.5rem;\n"])), segmentTokens.itemHeight, segmentTokens.itemPilledPadding);
10
- export var AccordionInfo = /*#__PURE__*/styled.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: grid;\n grid-template-columns: 16.75rem 9.938rem 2.375rem 3.813rem 9.313rem;\n grid-column-gap: 1.5rem;\n\n font-family: var(--plasma-typo-body-m-font-family);\n font-size: var(--plasma-typo-body-m-font-size);\n font-style: var(--plasma-typo-body-m-font-style);\n font-weight: var(--plasma-typo-body-m-font-weight);\n letter-spacing: var(--plasma-typo-body-m-letter-spacing);\n line-height: var(--plasma-typo-body-m-line-height);\n"])));
11
- export var Subcategory = /*#__PURE__*/styled.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(--text-secondary);\n"])));
12
- export var ColumnTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(--text-tertiary);\n transition: opacity 0.2s;\n\n &.color {\n display: flex;\n align-items: center;\n gap: 2.5rem;\n }\n\n &.hex {\n padding-left: 3.75rem;\n }\n"])));
13
- export var StyledAccordionItem = /*#__PURE__*/styled(AccordionItem)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-accordion-item-padding: 0;\n --plasma-accordion-item-padding-vertical: 0;\n\n border-bottom: unset;\n width: 50.375rem;\n\n div > div > div > svg {\n color: var(--text-secondary);\n }\n\n .accordion-item-body {\n margin-bottom: 2.375rem;\n padding-top: 0.125rem;\n transition: margin-bottom 0.2s, padding-top 0.2s;\n }\n\n [aria-expanded] {\n margin-bottom: 1rem;\n }\n\n [aria-expanded='false'] {\n margin-bottom: 1.125rem;\n\n ", " ", " {\n opacity: 0;\n }\n }\n\n [aria-expanded='false'] + div > .accordion-item-body {\n margin: 0;\n padding: 0;\n }\n"])), AccordionInfo, ColumnTitle);
14
- export var TokenInfoWrapper = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-top: -0.125rem;\n"])));
15
- export var ColorTokenDataWrapper = /*#__PURE__*/styled.div(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n"])));
16
- export var StateDataWrapper = /*#__PURE__*/styled.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n margin-bottom: 0.75rem;\n"])));
17
- export var OpacityPart = /*#__PURE__*/styled.span(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(--text-secondary);\n padding-left: 0.125rem;\n"])));
18
- export var TokenInfo = /*#__PURE__*/styled.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(--text-paragraph);\n\n cursor: default;\n\n &.copy {\n cursor: copy;\n }\n\n &.color {\n display: flex;\n align-items: center;\n gap: 2.5rem;\n }\n\n &.no-interaction {\n text-align: right;\n }\n\n &.hex {\n padding-left: 3.75rem;\n }\n\n &:not(.no-interaction):hover {\n color: var(--text-paragraph-hover);\n\n ", " {\n color: var(--text-paragraph-hover);\n }\n }\n\n &:not(.no-interaction):active {\n color: var(--text-paragraph-active);\n\n ", " {\n color: var(--text-secondary-active);\n }\n }\n\n &.state {\n padding-left: 1.5rem;\n color: var(--text-secondary);\n\n &:hover {\n color: var(--text-secondary);\n }\n\n &:active {\n color: var(--text-secondary-active);\n }\n }\n"])), OpacityPart, OpacityPart);
19
- export var ColorCircle = /*#__PURE__*/styled.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 50%;\n\n background: ", ";\n box-shadow: ", ";\n"])), function (props) {
20
- return props.background || 'transparent';
21
- }, function (props) {
22
- return props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)';
23
- });
5
+ export var ColorTokensWrapper = styled.div.withConfig({
6
+ displayName: "Colors.styles__ColorTokensWrapper",
7
+ componentId: "sc-998f2ec3-0"
8
+ })([
9
+ "padding-top:1.5rem;width:100%;"
10
+ ]);
11
+ export var SubthemeSwitcher = styled.div.withConfig({
12
+ displayName: "Colors.styles__SubthemeSwitcher",
13
+ componentId: "sc-998f2ec3-1"
14
+ })([
15
+ "margin:-0.5rem auto 2.5rem auto;width:fit-content;position:relative;&:before{content:'Подтема';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);bold-font-weight:var(--plasma-typo-body-xs-bold-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}"
16
+ ]);
17
+ export var StyledSegmentItem = styled(SegmentItem).withConfig({
18
+ displayName: "Colors.styles__StyledSegmentItem",
19
+ componentId: "sc-998f2ec3-2"
20
+ })([
21
+ "",
22
+ ":1.75rem;",
23
+ ":0.375rem 0.5rem;"
24
+ ], segmentTokens.itemHeight, segmentTokens.itemPilledPadding);
25
+ export var AccordionInfo = styled.div.withConfig({
26
+ displayName: "Colors.styles__AccordionInfo",
27
+ componentId: "sc-998f2ec3-3"
28
+ })([
29
+ "display:grid;grid-template-columns:16.75rem 9.938rem 2.375rem 3.813rem 9.313rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"
30
+ ]);
31
+ export var Subcategory = styled.div.withConfig({
32
+ displayName: "Colors.styles__Subcategory",
33
+ componentId: "sc-998f2ec3-4"
34
+ })([
35
+ "color:var(--text-secondary);"
36
+ ]);
37
+ export var ColumnTitle = styled.div.withConfig({
38
+ displayName: "Colors.styles__ColumnTitle",
39
+ componentId: "sc-998f2ec3-5"
40
+ })([
41
+ "color:var(--text-tertiary);transition:opacity 0.2s;&.color{display:flex;align-items:center;gap:2.5rem;}&.hex{padding-left:3.75rem;}"
42
+ ]);
43
+ export var StyledAccordionItem = styled(AccordionItem).withConfig({
44
+ displayName: "Colors.styles__StyledAccordionItem",
45
+ componentId: "sc-998f2ec3-6"
46
+ })([
47
+ "--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;width:50.375rem;div > div > div > svg{color:var(--text-secondary);}.accordion-item-body{margin-bottom:2.375rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{margin-bottom:1.125rem;",
48
+ " ",
49
+ "{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}"
50
+ ], AccordionInfo, ColumnTitle);
51
+ export var TokenInfoWrapper = styled.div.withConfig({
52
+ displayName: "Colors.styles__TokenInfoWrapper",
53
+ componentId: "sc-998f2ec3-7"
54
+ })([
55
+ "display:flex;flex-direction:column;gap:0.75rem;margin-top:-0.125rem;"
56
+ ]);
57
+ export var ColorTokenDataWrapper = styled.div.withConfig({
58
+ displayName: "Colors.styles__ColorTokenDataWrapper",
59
+ componentId: "sc-998f2ec3-8"
60
+ })([
61
+ "display:flex;flex-direction:column;gap:0.5rem;"
62
+ ]);
63
+ export var StateDataWrapper = styled.div.withConfig({
64
+ displayName: "Colors.styles__StateDataWrapper",
65
+ componentId: "sc-998f2ec3-9"
66
+ })([
67
+ "display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem;"
68
+ ]);
69
+ export var OpacityPart = styled.span.withConfig({
70
+ displayName: "Colors.styles__OpacityPart",
71
+ componentId: "sc-998f2ec3-10"
72
+ })([
73
+ "color:var(--text-secondary);padding-left:0.125rem;"
74
+ ]);
75
+ export var TokenInfo = styled.div.withConfig({
76
+ displayName: "Colors.styles__TokenInfo",
77
+ componentId: "sc-998f2ec3-11"
78
+ })([
79
+ "color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:2.5rem;}&.no-interaction{text-align:right;}&.hex{padding-left:3.75rem;}&:not(.no-interaction):hover{color:var(--text-paragraph-hover);",
80
+ "{color:var(--text-paragraph-hover);}}&:not(.no-interaction):active{color:var(--text-paragraph-active);",
81
+ "{color:var(--text-secondary-active);}}&.state{padding-left:1.5rem;color:var(--text-secondary);&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary-active);}}"
82
+ ], OpacityPart, OpacityPart);
83
+ export var ColorCircle = styled.div.withConfig({
84
+ displayName: "Colors.styles__ColorCircle",
85
+ componentId: "sc-998f2ec3-12"
86
+ })([
87
+ "width:1.25rem;height:1.25rem;border-radius:50%;background:",
88
+ ";box-shadow:",
89
+ ";"
90
+ ], function(props) {
91
+ return props.background || 'transparent';
92
+ }, function(props) {
93
+ return props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)';
94
+ });
@@ -1,9 +1,38 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
1
  import styled from 'styled-components';
4
- export var TokensWrapper = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n margin-top: 1.5rem;\n margin-left: 3rem;\n\n display: flex;\n flex-direction: column;\n gap: 2rem;\n"])));
5
- export var TokensTitle = /*#__PURE__*/styled.h2(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n margin: 0;\n font-family: var(--plasma-typo-h2-font-family);\n font-size: var(--plasma-typo-h2-font-size);\n font-style: var(--plasma-typo-h2-font-style);\n font-weight: var(--plasma-typo-h2-font-weight);\n letter-spacing: var(--plasma-typo-h2-letter-spacing);\n line-height: var(--plasma-typo-h2-line-height);\n"])));
6
- export var TokensDataWrapper = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 1rem;\n"])));
7
- export var TokenInfo = /*#__PURE__*/styled.p(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n margin: 0;\n font-family: var(--plasma-typo-body-m-font-family);\n font-size: var(--plasma-typo-body-m-font-size);\n font-style: var(--plasma-typo-body-m-font-style);\n font-weight: var(--plasma-typo-body-m-font-weight);\n letter-spacing: var(--plasma-typo-body-m-letter-spacing);\n line-height: var(--plasma-typo-body-m-line-height);\n cursor: copy;\n\n color: var(--text-paragraph);\n\n &.value {\n text-align: end;\n }\n\n &:hover {\n color: var(--text-paragraph-hover);\n }\n\n &:active {\n color: var(--text-paragraph-active);\n }\n"])));
8
- export var TokenData = /*#__PURE__*/styled.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: grid;\n grid-template-columns: 16.75rem 3.813rem;\n column-gap: 1.5rem;\n row-gap: 0.75rem;\n"])));
9
- export var TokenDataHeader = /*#__PURE__*/styled(TokenData)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", " {\n color: var(--text-secondary);\n cursor: default;\n pointer-events: none;\n\n &:hover {\n color: var(--text-secondary);\n }\n\n &:active {\n color: var(--text-secondary);\n }\n }\n"])), TokenInfo);
2
+ export var TokensWrapper = styled.div.withConfig({
3
+ displayName: "NumberTokens.styles__TokensWrapper",
4
+ componentId: "sc-5cff0c2a-0"
5
+ })([
6
+ "margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;gap:2rem;"
7
+ ]);
8
+ export var TokensTitle = styled.h2.withConfig({
9
+ displayName: "NumberTokens.styles__TokensTitle",
10
+ componentId: "sc-5cff0c2a-1"
11
+ })([
12
+ "margin:0;font-family:var(--plasma-typo-h2-font-family);font-size:var(--plasma-typo-h2-font-size);font-style:var(--plasma-typo-h2-font-style);font-weight:var(--plasma-typo-h2-font-weight);letter-spacing:var(--plasma-typo-h2-letter-spacing);line-height:var(--plasma-typo-h2-line-height);"
13
+ ]);
14
+ export var TokensDataWrapper = styled.div.withConfig({
15
+ displayName: "NumberTokens.styles__TokensDataWrapper",
16
+ componentId: "sc-5cff0c2a-2"
17
+ })([
18
+ "display:flex;flex-direction:column;gap:1rem;"
19
+ ]);
20
+ export var TokenInfo = styled.p.withConfig({
21
+ displayName: "NumberTokens.styles__TokenInfo",
22
+ componentId: "sc-5cff0c2a-3"
23
+ })([
24
+ "margin:0;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);cursor:copy;color:var(--text-paragraph);&.value{text-align:end;}&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}"
25
+ ]);
26
+ export var TokenData = styled.div.withConfig({
27
+ displayName: "NumberTokens.styles__TokenData",
28
+ componentId: "sc-5cff0c2a-4"
29
+ })([
30
+ "display:grid;grid-template-columns:16.75rem 3.813rem;column-gap:1.5rem;row-gap:0.75rem;"
31
+ ]);
32
+ export var TokenDataHeader = styled(TokenData).withConfig({
33
+ displayName: "NumberTokens.styles__TokenDataHeader",
34
+ componentId: "sc-5cff0c2a-5"
35
+ })([
36
+ "",
37
+ "{color:var(--text-secondary);cursor:default;pointer-events:none;&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary);}}"
38
+ ], TokenInfo);
@@ -1,41 +1,140 @@
1
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
2
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
3
1
  import styled from 'styled-components';
4
2
  import { segmentTokens, bodyXS, bodyM } from '@salutejs/plasma-new-hope';
5
3
  import { AccordionItem } from '../../Accordion';
6
4
  import { SegmentItem } from '../../Segment/Segment';
7
- export var TypographyTokensWrapper = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n width: 100%;\n margin: 1.5rem auto auto 2.5rem;\n"])));
8
- export var FontPropsSwitcher = /*#__PURE__*/styled.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n margin: -0.5rem 0 2.5rem;\n display: flex;\n justify-content: center;\n width: 100%;\n position: relative;\n box-sizing: border-box;\n"])));
9
- export var FontWeightSwitcher = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n"])));
10
- export var BreakpointSwitcher = /*#__PURE__*/styled.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n width: fit-content;\n\n position: relative;\n\n &:before {\n content: '\u042D\u043A\u0440\u0430\u043D';\n position: absolute;\n top: 50%;\n transform: translate(-100%, -50%);\n left: -0.75rem;\n color: var(--text-tertiary);\n\n ", ";\n }\n"])), bodyXS);
11
- export var StyledSegmentItem = /*#__PURE__*/styled(SegmentItem)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.75rem;\n ", ": 0.375rem 0.5rem;\n"])), segmentTokens.itemHeight, segmentTokens.itemPilledPadding);
12
- export var AccordionTypographyTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(--text-secondary);\n\n ", ";\n"])), bodyM);
13
- export var FontFamily = /*#__PURE__*/styled.span(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(--text-tertiary);\n"])));
14
- export var AccordionInfo = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: grid;\n grid-template-columns: 16.75rem 35.75rem;\n grid-column-gap: 1.5rem;\n\n max-width: 55.5rem;\n"])));
15
- export var StyledAccordionItem = /*#__PURE__*/styled(AccordionItem)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-accordion-item-padding: 0;\n --plasma-accordion-item-padding-vertical: 0;\n\n border-bottom: unset;\n\n .accordion-item-body {\n margin-bottom: 2rem;\n padding-top: 0.125rem;\n transition: margin-bottom 0.2s, padding-top 0.2s;\n }\n\n [aria-expanded] {\n margin-bottom: 1rem;\n }\n\n [aria-expanded='false'] {\n margin-bottom: 1.125rem;\n\n ", " {\n opacity: 0;\n }\n }\n\n [aria-expanded='false'] + div > .accordion-item-body {\n margin: 0;\n padding: 0;\n }\n"])), AccordionInfo);
16
- export var TokenInfoWrapper = /*#__PURE__*/styled.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 2rem;\n"])));
17
- export var TokenShortName = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n cursor: copy;\n color: var(--text-paragraph);\n\n ", ";\n\n &:hover {\n color: var(--text-paragraph-hover);\n }\n\n &:active {\n color: var(--text-paragraph-active);\n }\n"])), bodyM);
18
- export var TokenInfo = /*#__PURE__*/styled.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 1rem;\n"])));
19
- export var TokenText = /*#__PURE__*/styled.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(--text-primary);\n\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n letter-spacing: ", ";\n font-style: ", ";\n\n white-space: ", ";\n"])), function (_ref) {
20
- var fontSize = _ref.fontSize;
21
- return fontSize;
22
- }, function (_ref2) {
23
- var fontWeight = _ref2.fontWeight;
24
- return fontWeight;
25
- }, function (_ref3) {
26
- var lineHeight = _ref3.lineHeight;
27
- return lineHeight;
28
- }, function (_ref4) {
29
- var letterSpacing = _ref4.letterSpacing;
30
- return letterSpacing;
31
- }, function (_ref5) {
32
- var fontStyle = _ref5.fontStyle;
33
- return fontStyle;
34
- }, function (_ref6) {
35
- var isDisplay = _ref6.isDisplay;
36
- return isDisplay ? 'nowrap' : 'normal';
5
+ export var TypographyTokensWrapper = styled.div.withConfig({
6
+ displayName: "Typography.styles__TypographyTokensWrapper",
7
+ componentId: "sc-93225963-0"
8
+ })([
9
+ "width:100%;margin:1.5rem auto auto 2.5rem;"
10
+ ]);
11
+ export var FontPropsSwitcher = styled.div.withConfig({
12
+ displayName: "Typography.styles__FontPropsSwitcher",
13
+ componentId: "sc-93225963-1"
14
+ })([
15
+ "margin:-0.5rem 0 2.5rem;display:flex;justify-content:center;width:100%;position:relative;box-sizing:border-box;"
16
+ ]);
17
+ export var FontWeightSwitcher = styled.div.withConfig({
18
+ displayName: "Typography.styles__FontWeightSwitcher",
19
+ componentId: "sc-93225963-2"
20
+ })([
21
+ "position:absolute;top:0;left:0;"
22
+ ]);
23
+ export var BreakpointSwitcher = styled.div.withConfig({
24
+ displayName: "Typography.styles__BreakpointSwitcher",
25
+ componentId: "sc-93225963-3"
26
+ })([
27
+ "width:fit-content;position:relative;&:before{content:'Экран';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);",
28
+ ";}"
29
+ ], bodyXS);
30
+ export var StyledSegmentItem = styled(SegmentItem).withConfig({
31
+ displayName: "Typography.styles__StyledSegmentItem",
32
+ componentId: "sc-93225963-4"
33
+ })([
34
+ "",
35
+ ":1.75rem;",
36
+ ":0.375rem 0.5rem;"
37
+ ], segmentTokens.itemHeight, segmentTokens.itemPilledPadding);
38
+ export var AccordionTypographyTitle = styled.div.withConfig({
39
+ displayName: "Typography.styles__AccordionTypographyTitle",
40
+ componentId: "sc-93225963-5"
41
+ })([
42
+ "color:var(--text-secondary);",
43
+ ";"
44
+ ], bodyM);
45
+ export var FontFamily = styled.span.withConfig({
46
+ displayName: "Typography.styles__FontFamily",
47
+ componentId: "sc-93225963-6"
48
+ })([
49
+ "color:var(--text-tertiary);"
50
+ ]);
51
+ export var AccordionInfo = styled.div.withConfig({
52
+ displayName: "Typography.styles__AccordionInfo",
53
+ componentId: "sc-93225963-7"
54
+ })([
55
+ "display:grid;grid-template-columns:16.75rem 35.75rem;grid-column-gap:1.5rem;max-width:55.5rem;"
56
+ ]);
57
+ export var StyledAccordionItem = styled(AccordionItem).withConfig({
58
+ displayName: "Typography.styles__StyledAccordionItem",
59
+ componentId: "sc-93225963-8"
60
+ })([
61
+ "--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;.accordion-item-body{margin-bottom:2rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{margin-bottom:1.125rem;",
62
+ "{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}"
63
+ ], AccordionInfo);
64
+ export var TokenInfoWrapper = styled.div.withConfig({
65
+ displayName: "Typography.styles__TokenInfoWrapper",
66
+ componentId: "sc-93225963-9"
67
+ })([
68
+ "display:flex;flex-direction:column;gap:2rem;"
69
+ ]);
70
+ export var TokenShortName = styled.div.withConfig({
71
+ displayName: "Typography.styles__TokenShortName",
72
+ componentId: "sc-93225963-10"
73
+ })([
74
+ "cursor:copy;color:var(--text-paragraph);",
75
+ ";&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}"
76
+ ], bodyM);
77
+ export var TokenInfo = styled.div.withConfig({
78
+ displayName: "Typography.styles__TokenInfo",
79
+ componentId: "sc-93225963-11"
80
+ })([
81
+ "display:flex;flex-direction:column;gap:1rem;"
82
+ ]);
83
+ export var TokenText = styled.div.withConfig({
84
+ displayName: "Typography.styles__TokenText",
85
+ componentId: "sc-93225963-12"
86
+ })([
87
+ "color:var(--text-primary);font-size:",
88
+ ";font-weight:",
89
+ ";line-height:",
90
+ ";letter-spacing:",
91
+ ";font-style:",
92
+ ";white-space:",
93
+ ";"
94
+ ], function(param) {
95
+ var fontSize = param.fontSize;
96
+ return fontSize;
97
+ }, function(param) {
98
+ var fontWeight = param.fontWeight;
99
+ return fontWeight;
100
+ }, function(param) {
101
+ var lineHeight = param.lineHeight;
102
+ return lineHeight;
103
+ }, function(param) {
104
+ var letterSpacing = param.letterSpacing;
105
+ return letterSpacing;
106
+ }, function(param) {
107
+ var fontStyle = param.fontStyle;
108
+ return fontStyle;
109
+ }, function(param) {
110
+ var isDisplay = param.isDisplay;
111
+ return isDisplay ? 'nowrap' : 'normal';
37
112
  });
38
- export var TokenPropValue = /*#__PURE__*/styled.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(--text-paragraph);\n"])));
39
- export var TokenPropName = /*#__PURE__*/styled.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n color: var(--text-tertiary);\n"])));
40
- export var TokenPropsWrapper = /*#__PURE__*/styled.div(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n cursor: copy;\n width: fit-content;\n\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n\n ", ";\n\n &:hover {\n ", " {\n color: var(--text-paragraph-hover);\n }\n }\n\n &:active {\n ", " {\n color: var(--text-paragraph-active);\n }\n\n ", " {\n color: var(--text-tertiary-active);\n }\n }\n"])), bodyXS, TokenPropValue, TokenPropValue, TokenPropName);
41
- export var TokenProps = /*#__PURE__*/styled.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n gap: 1rem;\n"])));
113
+ export var TokenPropValue = styled.div.withConfig({
114
+ displayName: "Typography.styles__TokenPropValue",
115
+ componentId: "sc-93225963-13"
116
+ })([
117
+ "color:var(--text-paragraph);"
118
+ ]);
119
+ export var TokenPropName = styled.div.withConfig({
120
+ displayName: "Typography.styles__TokenPropName",
121
+ componentId: "sc-93225963-14"
122
+ })([
123
+ "color:var(--text-tertiary);"
124
+ ]);
125
+ export var TokenPropsWrapper = styled.div.withConfig({
126
+ displayName: "Typography.styles__TokenPropsWrapper",
127
+ componentId: "sc-93225963-15"
128
+ })([
129
+ "cursor:copy;width:fit-content;display:flex;flex-direction:column;gap:0.5rem;",
130
+ ";&:hover{",
131
+ "{color:var(--text-paragraph-hover);}}&:active{",
132
+ "{color:var(--text-paragraph-active);}",
133
+ "{color:var(--text-tertiary-active);}}"
134
+ ], bodyXS, TokenPropValue, TokenPropValue, TokenPropName);
135
+ export var TokenProps = styled.div.withConfig({
136
+ displayName: "Typography.styles__TokenProps",
137
+ componentId: "sc-93225963-16"
138
+ })([
139
+ "display:flex;gap:1rem;"
140
+ ]);
@@ -1,17 +1,52 @@
1
- var _templateObject, _templateObject2;
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 /* TODO: заменить значение box-shadow на var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n ",
14
+ ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ",
15
+ ": var(--surface-solid-card-brightness);\n\n ",
16
+ ": var(--surface-transparent-tertiary);\n "
17
+ ]);
18
+ _templateObject = function _templateObject() {
19
+ return data;
20
+ };
21
+ return data;
22
+ }
23
+ function _templateObject1() {
24
+ var data = _tagged_template_literal([
25
+ "\n ",
26
+ ": 2.5rem;\n ",
27
+ ": 0 0.25rem;\n ",
28
+ ": 0.875rem;\n\n ",
29
+ ": 1.5rem;\n ",
30
+ ": 0.5rem;\n ",
31
+ ": 0.0625rem;\n "
32
+ ]);
33
+ _templateObject1 = function _templateObject() {
34
+ return data;
35
+ };
36
+ return data;
37
+ }
3
38
  import { css, toolbarTokens } from '@salutejs/plasma-new-hope/emotion';
4
39
  export var config = {
5
- defaults: {
6
- view: 'default',
7
- size: 's'
8
- },
9
- variations: {
10
- view: {
11
- "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n /* TODO: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 box-shadow \u043D\u0430 var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ", ": var(--surface-solid-card-brightness);\n\n ", ": var(--surface-transparent-tertiary);\n "])), toolbarTokens.boxShadow, toolbarTokens.background, toolbarTokens.dividerColor)
40
+ defaults: {
41
+ view: 'default',
42
+ size: 's'
12
43
  },
13
- size: {
14
- s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0 0.25rem;\n ", ": 0.875rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem;\n ", ": 0.0625rem;\n "])), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius)
44
+ variations: {
45
+ view: {
46
+ default: css(_templateObject(), toolbarTokens.boxShadow, toolbarTokens.background, toolbarTokens.dividerColor)
47
+ },
48
+ size: {
49
+ s: css(_templateObject1(), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius)
50
+ }
15
51
  }
16
- }
17
- };
52
+ };
@@ -1,10 +1,8 @@
1
1
  import { toolbarConfig, component, mergeConfig, toolbarDividerConfig } from '@salutejs/plasma-new-hope/emotion';
2
2
  import { config } from './Toolbar.config';
3
- var mergedConfig = /*#__PURE__*/mergeConfig(toolbarConfig, config);
4
-
3
+ var mergedConfig = mergeConfig(toolbarConfig, config);
5
4
  /**
6
5
  * Компонент Toolbar.
7
- */
8
- export var Toolbar = /*#__PURE__*/component(mergedConfig);
9
- var mergedDividerConfig = /*#__PURE__*/mergeConfig(toolbarDividerConfig);
10
- export var ToolbarDivider = /*#__PURE__*/component(mergedDividerConfig);
6
+ */ export var Toolbar = component(mergedConfig);
7
+ var mergedDividerConfig = mergeConfig(toolbarDividerConfig);
8
+ export var ToolbarDivider = component(mergedDividerConfig);
@@ -1,2 +1,2 @@
1
1
  export { Toolbar, ToolbarDivider } from './Toolbar';
2
- export { toolbarTokens } from '@salutejs/plasma-new-hope/emotion';
2
+ export { toolbarTokens } from '@salutejs/plasma-new-hope/emotion';