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